Dizajn sjajan Web 2.0 gumb u Photoshopu
U potrazi za dizajn neke sjajne Web 2.0 gumb? Ovdje je jednostavan Photoshop tutorial koji vam daje korak po korak kako da biste dobili lijepo izgleda crveni sjajni gumb.
Korak 1 - Stvaranje baze
Zapalite novo platno i prilagodite sljedeće postavke (označene žutom bojom) prema donjoj slici. Ostatak bi trebao doći kao zadani. Možda želite provjeriti i s zadanim postavkama.
Izradite novi poziv sloja "Gumb"
Na sloju 'Gumb' odaberite alat zaokruženog pravokutnika
Dajte mu radijus od 7px
Nacrtajte pravokutnik sličan slici ispod.
Korak 2 - Crveni gumb
Desni klik na opcije miješanja sloja "Button"
Podesite sljedeće postavke za
Baci sjenku
Unutarnja sjena
Stožasti i izbočeni
Gradiant Overlay
Vaš bi gumb trebao izgledati ovako
Korak 3 - Stvorite sjajni efekt
Izradite novi sloj naziva "Staklo"
Odaberite alat Retagular marquee, provjerite jeste li odabrali sloj "Button". Držite tipku ctrl i kliknite na gumbe sloja”s minijaturnom sloju. Vaš bi gumb sada trebao biti označen.
Odaberite gumb 'Staklo' sada, držite tipku Alt s odabranim alatom Retangular marquee. Nacrtajte (izrežite) preko donje polovice gumba kao na slici ispod.
Ispunite odabrano područje bijelom bojom #ffffff pomoću alata Paint Bucket
Prilagodite neprozirnost na 18%
Trebali biste imati sjajni gumb koji izgleda ovako.
Korak 4 - Prekrivanje uzorka
Dajemo gumbu neki mali sloj uzorka. Koristit ću prilagođeni stripe5px stvoren ranije. Izradite novi sloj 'Uzorak' između 'Gumb' i 'Staklo' i nastavite s Blending Options.
Odaberite Prekrivanje uzorka, odaberite Stripe5px (ili bilo koji uzorak koji ste stvorili) i kliknite U redu, a zatim zatvorite dijalog.
Provjerite jeste li još uvijek na pravokutnom alatu Marquee, držite
Korak 5 - Umetanje teksta
Bacite neki slučajni tekst u bijeloj #ffffff boji sa sljedećim postavkama
Koristite sljedeće efekte miješanja na sloju mog teksta.
Baci sjenku
Korak 6 - Konačni izlaz
Trebao bi dobiti ovakvu sliku.
