Disegnare un pulsante elegante per un sito Web in Photoshop non è così difficile. Questo processo richiederà solo 10-20 minuti. Il pulsante che puoi creare con questo tutorial si trova su uno sfondo chiaro. Facoltativamente, puoi posizionare il pulsante su uno sfondo scuro. E mostra anche la tua immaginazione e creala in uno stile che si adatti al design del tuo sito.
Istruzioni
Passo 1
Crea un nuovo documento usando la scorciatoia da tastiera Ctrl + N.
Passo 2
Imposta la dimensione che desideri, ad esempio 200 per 100 pixel.
Passaggio 3
Il documento è stato creato. Ora puoi iniziare a creare il pulsante.
Passaggio 4
Seleziona lo strumento rettangolo arrotondato U dalla tavolozza degli strumenti. Quindi selezionare la modalità Shape Layer, che si trova sotto il menu principale nella barra delle opzioni, per le impostazioni dello strumento attivo.
Passaggio 5
Disegna un pulsante nel documento. In questo esempio, il colore di primo piano è nero, quindi il pulsante è nero. Successivamente, selezioneremo un colore adatto per questo.
Passaggio 6
Per fare ciò, vai alla palette Stili e seleziona lo stile appropriato per il nostro pulsante.
Passaggio 7
Questo esempio utilizza lo stile Blue Glass.
Passaggio 8
Rasterizza il livello superiore: menu "Livello" - comando "Rasterizza" - voce "Livello".
Passaggio 9
Premi il tasto Ctrl e, tenendolo premuto, seleziona l'icona del livello superiore con il tasto sinistro del mouse. Il pulsante verrà evidenziato con una linea tratteggiata.
Passaggio 10
Per creare un piccolo bordo attorno ai bordi del pulsante, fare clic su Seleziona - Modifica - Riduci.
Passaggio 11
Nella finestra che si apre, imposta 3 pixel.
Passaggio 12
Il risultato è un tratto punteggiato.
Passaggio 13
Inverti la selezione usando la scorciatoia da tastiera Maiusc + Ctrl + I.
Passaggio 14
Copia la selezione su un nuovo livello premendo Ctrl + J. Il terzo livello apparirà nella palette "Livelli".
Passaggio 15
Scegli uno stile che ti piace per un piccolo bordo di 3 pixel. Per fare ciò, vai di nuovo alla palette Stili e seleziona quello che desideri. In questo esempio, viene applicato lo stile del bordo del cielo cesellato, perché corrisponde al colore del pulsante.
Passaggio 16
Il risultato è un tale pulsante. Facoltativamente, puoi applicare i tuoi stili che ti piacciono di più.
Passaggio 17
Resta da scrivere il testo. Per fare ciò, seleziona il Strumento testo orizzontale (T). Puoi scegliere le opzioni del carattere nella barra delle opzioni per impostare questo strumento.
Passaggio 18
Ora il tuo pulsante è pronto.
