Dizajn Web 2.0 oznaka / značke u Photoshopu

Puno web-mjesta Web 2.0 vole koristiti oznake (ili značke) poput ove za isporuku statusa trenutne web-lokacije / usluge, ili verzije ili su još uvijek u beta fazi. Stvaranje tih oznaka vrlo je jednostavno, osobito s upotrebom Photoshopa. Vodič nakon skoka.

Izradite novo platno, 400 visine 200 širine. Odaberi Alat za prilagođeni oblik, pod, ispod Oblikna padajućem izborniku odaberite Pečat i nacrtajte oblik na sredini stranice.

Imenujte sloj Oznaka zvjezdice, pokrenite Mogućnosti za miješanje i umetnite sljedeći stil:

Baci sjenku

Unutarnja sjena

Stožasti i izbočeni

Gradijentno prekrivanje

• Boja Stop 1: # 0076b3, Lokacija: 0%
• Boja Stop 2: # b3d5ff, Lokacija: 100%

Stvorite novi sloj, odaberite Horizontalni tip alata i umetnite bilo koji tekst. Koristit ću tekst Beta! ovdje. Pokrenite opcije miješanja, umetnite sljedeće stilove:

Baci sjenku

Gradijentno prekrivanje

• Boja Stop 1: # b2b9bc, Lokacija: 0%
• Boja Stop 2: #ffffff, Lokacija: 100%

držati ctrl, kliknite sličicu sloja za sloj Oznaka zvijezde za odabir konture. Napravite novi sloj na samom vrhu, nazovite ga sjajan.

Uz odabrane konture, odaberite Poligonalan Lasso alat, držati Alt, i povucite pola kruga kako je prikazano na slici ispod.

Obojite preostalu polovicu bijelim, smanjite neprozirnost do 15%, a evo i konačnog rezultata.