Inserito da: cursao11 | Ottobre 3, 2007

Photoshop tutorial. Bottone con effetto Glossy (web 2.0)

Ormai il web 2.0 sta spopolando, corredato da tutti i suoi novi effetti grafici. Di seguio un tutorial per creare un simpatico bottone da aggiungere alle vostre pagine.

Photoshop Tutorials. Cool web 2.0 button.


1.Usiamo lo strumentoRounded Rectangle per creare un rettangolo, per arrotondare gli angoli, specifichiamo un Radius pari a 5px. Il codice del colore usato è: #01a7ea.

Photoshop Tutorials. Cool web 2.0 button.

2. Aggiungiamo il Layer Style, ed in particolare: Inner Shadow

Photoshop Tutorials. Cool web 2.0 button.

3. A questo punto dovreste avere qualcosa del genere:

Photoshop Tutorials. Cool web 2.0 button.

4. Ora creiamo un nuovo layer, e facciamo una selezione, come in figura:

Photoshop Tutorials. Cool web 2.0 button.

5. A questo punto riempiamo la selezione con un gradiente lineare, i cui colori sono: da #3fbbf0 a #9adfff e deselezioniamo (ctrl + d)

Photoshop Tutorials. Cool web 2.0 button.

6. Nella finestra dei layer, click sul thumb del layer che contiene ilrettangolo, quindi andare su Select>Modify>Contract e scegliere 2 come valore. Quindi Select>Inverse, quindi premere il tasto Canc, e deselezionare (ctrl+d).

Photoshop Tutorials. Cool web 2.0 button.

7. Premere Ctrl + T e andare su Edit>Transform>Wrap

Photoshop Tutorials. Cool web 2.0 button.

8. A questo punto aggiungiamo il bordo esterno ( Stroke).

Photoshop Tutorials. Cool web 2.0 button.

9. Dovreste avere qualcosa del genere:

Photoshop Tutorials. Cool web 2.0 button.

10. Aggiungamo del testo usando i font: Myriad Pro 25pt e Semibold.

Photoshop Tutorials. Cool web 2.0 button.

11. Quindi modifichiamo il layer style aggiungendo la Drop Shadow.

Photoshop Tutorials. Cool web 2.0 button.

12. E per concludere aggiungiamo: Gradient Overlay: #ededed to #ffffff

Photoshop Tutorials. Cool web 2.0 button.

13. Abbiamo finito:

Photoshop Tutorials. Cool web 2.0 button.
fonte pscloud.com


Lascia un commento

La tua risposta:

Categorie