Design Glossy Web 2.0 gumb v Photoshopu
Želite oblikovati nekaj sijajnega videza gumba Web 2.0? Tukaj je preprost Photoshop tutorial, ki vam daje korak za korakom, kako priti lepo videti rdečo sijajni gumb.
Korak 1 - Ustvarjanje baze
Poženite novo platno in prilagodite naslednje nastavitve (označene z rumeno) glede na spodnjo sliko. Ostali bi morali biti privzeti. Morda boste želeli še enkrat preveriti s privzetimi nastavitvami.
Ustvari nov klic sloja »Gumb«
Na gumbu "Gumb" izberite orodje zaokroženega pravokotnika
Dajte mu polmer 7px
Narišite pravokotnik, podoben spodnji sliki.
Korak 2 - Rdeči gumb
Z desno miškino tipko kliknite Blending Options (Možnosti mešanja) za plast gumba
Nastavite naslednje nastavitve za
Drop Shadow
Notranja senca
Bevel in Emboss
Gradiantno prekrivanje
Vaš gumb bi moral izgledati takole
3. korak - Ustvarite sijajni učinek
Ustvarite nov klic sloja »Glass«
Izberite orodje Retangular marquee, preverite, ali ste izbrali plast gumba. Zadržite tipko ctrl in kliknite gumb Gumbi”s sličico sloja. Vaš gumb bi moral biti označen.
Zdaj izberite gumb 'Glass', držite tipko Alt z izbranim orodjem Retagular marquee. Narišite (izrežite) prek spodnje polovice gumba, kot je prikazana spodnja slika.
Izbrano območje napolnite z belo barvo #ffffff z orodjem Paint Bucket
Prilagodite motnost na 18%
Moral bi imeti sijajni gumb videti tako.
4. korak - Prekrivanje vzorca
Dajmo gumbu nekaj manjših vzorcev. Uporabil bom prej ustvarjen stripe5px po meri. Ustvarite nov klic sloja »Vzorec« med »Gumb« in »Steklo« in nadaljujte z možnostmi mešanja.
Izberite Prekrivanje vzorca, izberite Stripe5px (ali kateri koli vzorec, ki ste ga ustvarili) in kliknite V redu, nato zaprite dialog.
Prepričajte se, da ste še vedno na orodju Rectangular Marquee, držite
Korak 5 - Vstavljanje besedila
Vnesite nekaj naključnega besedila v belo barvo #ffffff z naslednjimi nastavitvami
Uporabite naslednje učinke mešanja na plast mojega besedila.
Drop Shadow
Korak 6 - Končna proizvodnja
Tako sliko bi morali dobiti.
