Realizzare badge stile web 2.0 con photoshop

Postato da admin in Photoshop, Tutorial on 09 14th, 2008 | no responses

Bene dopo il tutorial per realizzare un testo infuocato stile web 2.0 e come realizzare un testo riflesso web 2.0, con il tutorial di oggi vedremo come realizzare un classico badge in perfetto stile web 2.0.
Apriamo Photoshop e creiamo un nuovo documento di dimensioni 300X300 con sfondo bianco.

Dalla palette degli strumenti scegliamo l ostrumento poligono e impostiamo i parametri come in figura

quindi impostate #333333 come colore prinicpale e disegnate il vostro badge che dovrebbe essere piu o meno cosi

Quindi apriamo la finestra dello stile livello e impostiamo i seguenti parametri

Drop shadow opacity 50% , distance 5 spread 0 size 15

Bevel and emboss size 2 soften 0 direction up

stroke size 5 position inside color #FFFFFF

Il risultato sarà questo

Ora creiamo la sfumatura, con lo strumento selezione ellittica creiamo una selezione nell’angolo in alto a sinistra del badge e quindi creiamo un nuovo livello ( layer-new layer). Selezionamo lo strumento gradient tool e dal menu di scelta dei gradienti seleziona foreground to transparency quindi traccia una diagonale dall’angolo in alto a sinistra fino all’angolo in basso a destra, quindi deseleziona tutto con “mela +d” o ctrl+d in windows. Ora nella finestra livelli imposta l’opacità al 35% e il riempimento (fill) al 75% il risultato dovrebbe essere questo