Web 2.0 značka koja se okreće natrag
Ako smatrate da su oznake Web 2.0 u obliku pečata previše često korištene na internetu, evo nešto za promjenu - zaobljena flip-back značka. Nije tako široko prilagođen kao oznaka oblika pečata, ali je svakako kul. Cijeli tutorial nakon skoka.
Korak 1
Idite u Photoshop, izradite novi dokument veličine 450 x 300 piksela. Započnite s tamnom pozadinom (# 393939). Napravite novi sloj, nacrtajte krug (# a1b86e) u sredini.
Korak 2
Odaberite sloj kruga, desni klik -> Opcije miješanja ili dvaput kliknite za pokretanje Stilovi slojeva.
- U Unutarnja sjena, set Opacity na 32%, Udaljenost do 0px; Choke do 0% i Veličina do 62 piksela;
- U Stroke, Promjena Ispunite u Gradijent, i umetnite sljedeću boju:
- # a4c855 na lokaciji 0%
- # ccea89 na lokaciji 100%
Korak 3
Izradite novi sloj na vrhu sloja kruga. Držite tipku Command / Control, odaberite oba sloja (onaj koji ste stvorili i krugni sloj), desnom tipkom miša -> Spoji slojeve.
4. korak
Odaberite Poligonalan Lasso alat. Odaberite mali dio ruba, izrežite ga (Uredi -> Izreži ili Command / Control X) i zalijepite ga natrag (Uredi -> Zalijepi ili Command / Control V) u novom sloju.
Korak 5
Odaberite Pravokutni alat za označavanje. Na manji dio kruga, desnom tipkom miša -> Slobodna transformacija ili Command / Control T. Rotirati i smjestite je lijepo na rub većeg dijela kruga.
Korak 6
Odaberite manji sloj kruga, desni klik -> Opcije miješanja ili dvaput kliknite za pokretanje Stilovi slojeva.
- U Baci sjenku, set Neprozirnost do 21%, Udaljenost do 0px, Spread to 0%, Veličina do 8 piksela;
- U Gradijentno prekrivanje, set Način miješanja s tvrdim svjetlom, Prozirnost do 100%. Umetnite sljedeće postavke gradijenta:
- # 000000 na lokaciji 0%
- #FFFFFF na lokaciji 100%
Promijeni Kut do 131.
Korak 7
Dajmo veći dio kruga sjeni. Desni klik -> Opcije miješanja ili dvaput kliknite za pokretanje Stilovi slojeva.
- U Baci sjenku, set Neprocjenost do 29%, Udaljenost na 3px; Spread at 0%, Veličina na 9px.
Korak 8
Značka je gotovo spremna. Umetnite tekstualni sloj između slojeva kruga. Sakrijte mali dio teksta ispod poklopca kako biste izveli flip-efekt.