Bottone per web (tutorial photoshop)



Con questo tutorial imparerete a fare un altro bottone da creare con photoshop utilizzabile per i vostri siti web.

Passo 1 : Aprite un nuovo documento (CTRL+N) con sfondo bianco e fatelo poco più grande della grandezza di cui vorrete fare il bottone

Passo 2 : Premete CTRL+SHIFT+N

Passo 3 : Selezionate lo strumento rettangolo smussato (quello riquadrato di rosso nell’immagine) e impostatelo con le impostazioni dell’immagine, e posizionatelo al centro del documento.

Passo 3 : Premete CTRL sul nome del livello che avete creato nel passo 2 per selezionare la parte nera

Passo 4 : Impostate come primo colore bianco e come secondo colore il colore che pensate di dare al bottone

Passo 5 : Selezionate lo strumento sfumatura e con la sfumatura di base che avrete e usate queste impostazioni

La sfumatura la fate partire dal basso al centro e la fate finire al centro a metà.

Dovreste ottenere un qualcosa di simile (non badate al colore)

Passo 6 :  Selezionate solo la parte superiore al riflesso

Passo 7 :  Premete CTRL+SHIFT+N per creare un nuovo livello

Passo 8 : Nel nuovo livello riempite la selezione del livello sottostante di bianco e impostate come opacità del livello 50%

Passo 9 : Premete CTRL+E

Passo 10 : Andate su blending options e impostate come segue nelle immagini

Drop shadows :

Bevel and emboss :

Contour :

Satin :

Stroke :

Passo 11 : Se siete soddisfatti tenete il colore e salvate l’immagine altrimenti premete CTRL+U e trovate la combinazione migliore

Passo 12 : Salvate l’immagine in PNG per mantenere la trasparenza o se volete aggiungeteci una scritta!

Ecco il risultato

Annunci sponsorizzati:
Condividi su Facebook Condividi su Twitter!
  • ecco una cosa che devo imparare a fare

  • Sì ma non sono difficili da fare :D

Pinterest