Hey guys uno più Photoshop Tutorial. In questo tutorial ti troverò Come creare un semplice Green Button in Photoshop. Questo è molto semplice e molto efficace tutorial. Spero che potrete godere di questo tutorial.

Risultato finale

Questo è ciò che siamo diventati fare oggi

Step # 1

Photoshop Aprire e creare un nuovo documento, il mio è 550px × 398px con uno sfondo bianco.

Step # 2

Riempire il colore in livello di sfondo, il colore è il mio # 979696.

Step # 3

Selezionare il rettangolo arrotondato Tool e creare il pulsante, il mio raggio è 5px, larghezza: 219px e height: 40px..

Ora ci si applica un certo effetto

Sovrapposizione sfumatura

Styling the Button doppio clic sulla miniatura del livello del pulsante nel pannello Livelli per aprire la finestra di dialogo Stili di livello, potremo applicare un effetto di gradiente verticale per il pulsante. Quindi fare clic sulla sfumatura di colore sul lato destro della facoltà di sfumatura di aprire il colore gradiente.

Fare doppio clic su left-color-stop e immettere il valore del colore # 55A646, quindi fare doppio clic su right-color-stop e immettere il valore del colore # A5CE3F.

Ombra

Avanti applicare lo stile livello Ombra. Mantenere l'angolo al 120o, che modificare i valori di opacità, distanza e delle dimensioni. Scelgo di impostare l'opacità al 20%, a distanza di 1px e taglia a 5px.

Ombra interna

Avanti applicare lo stile Ombra interna di livello. Mantenere l'angolo al 120o, che modificare i valori di opacità, Choke e taglia. Scelgo di impostare l'opacità al 27% e Choke al 100% e taglia a 2px.

Avanti Modificare l'opzione di fusione su Normale.

Bevel rilievo

Poi ci si applicherà Smusso effetto rilievo, prima modificare lo stile di Smusso interno e Tecnica di Liscio, che modificare i valori di profondità, Direzione, Misura e ammorbidire. Ho scelto di impostare la profondità al 100%, fino Direzione, taglia a 1px e Ammorbidire a 0px

Mantenere l'angolo al 120o, Quota a 30o

Modalità Highlight: io scelgo di impostare l'opacità allo 0%.

Modalità Shadow: io scelgo di impostare l'opacità al 14%.

Colpo

Infine, si applicherà la Corsa. In primo luogo modificando i valori delle dimensioni. Scelgo di impostare le dimensioni di 1px. Cambiare la posizione in Inside

Scelgo di impostare l'opacità al 50%.

Cambia il colore del tratto dal default # 529846

Dovrebbe essere simile a questo.

Step # 4

Selezionare Horizontal Type Tool e digitare il testo sulla parte anteriore.

Si applicherà un qualche effetto per il testo.

Sovrapposizione sfumatura

Fare doppio clic sulla miniatura del livello di testo nel pannello Livelli per aprire la finestra di dialogo Stile livello. Prima si applica Sovrapposizione sfumatura, si applicherà un effetto gradiente verticale per il testo. Quindi fare clic sulla sfumatura di colore sul lato destro della facoltà di sfumatura di aprire il Color Gradient Editor ..

Fare doppio clic su left-color-stop e immettere il valore del colore # DDDCDC, quindi fare doppio clic sul centro-color-stop e immettere il valore del colore # FFFFFF.

Ombra

Infine ci si applica lo stile di livello Ombra. Mantenere l'angolo al 120o, che modificare i valori di opacità, distanza e delle dimensioni. Scelgo di impostare l'opacità al 34%, a distanza di 1px e taglia a 1px.

Risultato finale

Se si desidera controllare il lavoro, si può scaricare il file PSD per questo tutorial

Scarica il file [240KB]

Se desiderate ricevere maggiori ispirazione da noi, ti invitiamo a iscriverti al nostro feed RSS o tramite e-mail.