Crea un pulsante web professionale personalizzato in Photoshop CS6

Se sai Photoshop Saprai che questo potente editor ti permette di creare e utilizzare una miriade di effetti, sfumature, colori, tracciati… questo si traduce in un'ampia gamma di possibilità per poter modificare il contenuto di singole immagini o livelli.

Grazie alle possibilità offerte dagli strumenti all'interno di Adobe Photoshop, è inclusa l'idea che possiamo creare qualcosa da soli da zero. Photoshop ha già gli elementi caricati, ma possiamo personalizzarli o inventarli. Se hai un sito web o qualcosa di simile, il tutorial di oggi potrebbe esserti utile.

In questo tutorial vedremo due modi per progettare il tuo pulsante, creando manualmente il tuo stile o automaticamente con stili predefiniti.

1. Crea un pulsante professionale con uno stile personalizzato in Photoshop


Con questo metodo creeremo manualmente uno stile con il nostro stile.

Passo 1
La prima cosa da fare è creare una forma rettangolare arrotondata che diventerà il nostro pulsante. Per fare ciò, andiamo nella finestra degli strumenti e selezioniamo la forma Rettangolo arrotondato.

Passo 2
All'interno del livello della forma creata facciamo clic su di essa e selezioniamo Opzioni di fusione.

Passaggio 3
Ora introduciamo alcuni valori simili a quelli che stai vedendo nell'immagine. Primo in effetto di Smusso e rilievo.

INGRANDIRE

Passaggio 4
Inserisci i valori che vedi sotto in Ombra esterna

INGRANDIRE

Passaggio 5
Come puoi vedere, avremmo già creato il nostro pulsante. Va notato che il colore principale viene modificato come in qualsiasi altro modo facendo doppio clic sul livello.

Passaggio 6
Per mantenere il nostro stile, vai su Opzioni di fusione come nei passaggi 3 e 4. Ora seleziona l'opzione di Nuovo stile in Ok e Annulla. Seleziona le caselle per salvare gli effetti, dai un nome e salva il tuo nuovo stile.

Passaggio 7
Se ora vai alla scheda stili vedrai che c'è il tuo stile personalizzato da poter applicare a qualsiasi forma d'ora in poi.

2. Crea un pulsante professionale con uno stile preimpostato in Photoshop


Se non hai tempo per creare uno stile manualmente, Photoshop include già stili predefiniti che possono essere facilmente applicati alle nostre forme.

Passo 1
La finestra Stili di solito appare per impostazione predefinita, ma nel caso non appaia, vai su Finestra - Stili e fai clic su di essa per attivare la finestra.

Passo 2
Ora nella finestra Stili, fai clic sul menu a tre strisce che appare.

Passaggio 3
Seleziona l'opzione Stili web e poi aggiungi.

Passaggio 4
Ora non ti resta che selezionare lo stile che più ti piace e applicarlo alla tua forma. Puoi aggiungere qualsiasi categoria di visualizzazioni nel passaggio precedente.

Se sei rimasto bloccato in qualsiasi passaggio, ecco il video tutorial con cui vedere come progettare il tuo pulsante professionale manualmente e automaticamente.

Gli stili in Photoshop sono davvero utili da applicare nei nostri progetti poiché ci evita di doverlo configurare ogni volta che vogliamo applicare lo stesso effetto. In questo modo avremo sempre uno stile personale salvato.

Aiuterete lo sviluppo del sito, condividere la pagina con i tuoi amici

wave wave wave wave wave