[Photoshop] Pulsante web 2.0

Dopo un’ eternità di inattività nel blog inizio con il riportarvi un tutorial per creare un bottone 2.0 con Photoshop..
Create un nuovo documento delle dimensioni di 200 px di larghezza e 50 px di altezza con sfondo trasparente.
Con lo strumento rettangolo arrotondato, disegnate la forma del pulsante impostando un raggio di 4 pixel.
Aprite il pannello dell opzioni di fusione (click destro sul livello nella palette dei livelli) e impostate una sfumatura con i colori #4096ee e #276db4. Selezionate il box “inverti” e applicate un’ombra esterna con i parametri di default.

Otterrete qualcosa di simile a questo:

Create un nuovo livello e disegnate un quadrato di 25px di altezza posizionato nella parte alta del precedente rettangolo.
Riempite con il colore #276db4 e impostate l’opacità del livello a 80%
Aprite il pannello delle opzioni di fusione e applicate il pattern contenuto in questo file: Pattern photoshop

Applicate una maschera di livello con un gradiente da bianco a nero dal basso verso l’alto.
Con lo strumento testo, inserite il testo del vostro pulsante.

Ed ecco il risultato finale:












