Creare icone web 2

Bene, create un nuovo progetto Control+N e date come dimensioni 150px*150px.
Con lo strumento rettangolo con bordi arrotondati, create un quadrato con radius 12px come nell’immagine.

Doppio click sul layer e nella palette degli strumenti date il Gradient Overlay in questo modo utilizzando come colori #191919 e #606060

Fatto questo passate all’Inner Glow utilizzando come colore il bianco (#ffffff).

Ora un pò di profondità con un Bevel and Emboss.

Ci siamo quasi eh! fate un Drop Shadow.

E infine uno Stroke di colore #191919, sempre con i parametri che vedete qui sotto.

Ora è il momento di creare un effetto luce: Selezionate lo strumento Pen Tool e create un tracciato come nella figura.

Una volta disegnato, cliccate con il tasto destro e selezionate Make Selection. riempite la selezione con il secchiello (non importa il colore) su un nuovo layer e portate il Fill (sotto Opacity) a 0.
Doppio click sul layer appena creato e dategli un Gradient Overlay come da figura.
Il colore da usare è sempre il bianco (#ffffff) mentre l’Opacity è a sinistra 23 a destra 8.

Duplicate il layer del rettangolo, Edit->Transform->Flip Vertical e posizionate questo nuovo layer più in basso (a mo di riflesso) rispetto al rettangolo originale.
Doppio click su quest’ultimo layer “ombra” e date un Gradient Overlay come da figura.
I colori da sinistra a destra sono nero (#000000) e colore dello sfondo; le opacity sono 0 e 100.

Adesso avete una bella cornice su cui applicare tutte le figure che volete per il vostro set di icone professionali!

Technorati Tags: grafica, photoshop, photoshop tutorials, tutorials