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.

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.

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

3. A questo punto dovreste avere qualcosa del genere:

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

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

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).

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

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

9. Dovreste avere qualcosa del genere:

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

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

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

13. Abbiamo finito:

fonte pscloud.com




