Pulsante windows vista style

05 2008

Pulsante windows vista style

Aprite Photoshop e create un nuovo progetto Control+N.

Date come dimensioni larghezza 200px x altezza 60px .

Create un rettangolo con i bordi arrotondati ed un radius di 7px, della dimensione che preferite.
button windows vista step 1

Doppio click sul layer appena creato, premete l’effetto Gradient Overlay ed impostate i parametri come segue
button windows vista step 2
Da sinistra a destra ho utilizzato i seguenti colori:
1) #1a1a1a
2) #1a1a1a
3) #717171
4) #b7b7b7

Sempre sul pannello effetti del layer in questione, premete Inner Glow e di nuovo, date gli effetti come segue
button windows vista step 3

Ultimo ma non ultimo, premete su Stroke ed impostate i parametri come segue Size: 1px->Position: Outside->Color: #1a1a1a

Al bottone appena creato potete aggiungere qualsiasi tipo di scritta…io ho utilizzato un font Walkaway Ultra Expand.

Se tutto è andato bene dovreste avere ottenuto un risultato più o meno così
button windows vista step 4

icona web 2

Share and Enjoy:
  • Digg
  • del.icio.us
  • Facebook
  • Blogplay
  • Diggita
  • MySpace
  • Technorati

Technorati Tags: , , ,

2 comments

  1. Davide Luongo /

    ci sono molti tutorial per questo tipo di pulsanti, ma l’effetto finale che sei riuscito a dargli mi è piaciuto molto.

  2. In effetti mi ero sempre chiesto come riuscire a far venire un pulsante bello lucido e realistico…Inoltre con le tue spiegazioni ci ho messo un attimo. Grazie!

Leave a Reply