• Web Design » Programmi di Grafica » Guida PhotoShop

In questo esempio vedremo come realizzare un pulsante metallico semplice in pochi passaggi! Creiamo una nuova immagine di 300x200pixel a fondo trasparente, creiamo subito un nuovo layer cliccando sul pulsantino indicato in figura.

Clicchiamo sullo strumento selezione rettangolare ed impostiamo i valori come in figura:

Clicchiamo all'interno dell'immagine, appare una selezione delle dimensioni specificate, premiamo il tasto D per impostare i colori predefiniti e premiamo i tasti ALT + Backspace (sarebbe quello per cancellare), la selezione si riempie di nero.

Nella finestra dei layers facciamo doppio clic sul layer2, dalla finestra che si apre selezioniamo smusso e rilievo ed impostiamo i valori come in figura

Senza chiudere la finestra degli effetti spostiamoci su colore sfumato di riempimento e selezioniamo la sfumatura che va da nero a bianco, spuntiamo la casella inverti per invertire la sfumatura

Premiamo su OK.
A questo punto dobbiamo inserire il testo, clicchiamo sullo strumento apposito, selezioniamo il carattere che preferiamo con dimensione giusta per il pulsante, inseriamo il testo desiderato (io ho scritto foto) e dalla finestra dei layers facciamo doppio clic sul layer del testo, anche qui impostiamo un effetto di rilievo con i seguenti parametri:

Aggiungiamo un po' di bordo di colore nero:

Premiamo OK. Impostiamo il modo del layer testo su SCREEN

Selezioniamo lo strumento ritaglia e tagliamo solo la parte di pulsante che ci interessa, volendo potevamo evitare questo passaggio creando direttamente l'immagine delle dimensioni del pulsante.
Premiamo i tasti CTRL + SHIFT + E per schiacciare tutti i livelli in una unica immagine.

Dal menù image selezioniamo image size ed impostiamo i valori desiderati, facendo attenzione che la casella mantieni proporzioni sia spuntata e che il metodo di ridimensionamento sia su bicubico.
Premiamo OK, se non siamo soddisfatti delle dimensioni appena impostate, premiamo CTRL + Z (undo) e ripetiamo il resize impostando valori differenti.
Ecco l'effetto finale.