Pulsante windows vista style

icon1 admin | icon2 Photoshop Tutorials, Tutorials | icon4 May 23, 2008| icon3
Share |
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

Technorati Tags: , , ,

Share |
POST SIMILI

 

2 Responses

  1. Davide Luongo Says:

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

  2. Déma Says:

    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 Comment

Please note: Comment moderation is enabled and may delay your comment. There is no need to resubmit your comment.

  • Subscribe RSS

    RSS feeds
  • Recent Posts

  • Categorie

    Argomenti

    Archivio

    Ultimi commenti