Come creare un pulsante personalizzato in Photoshop

May 7

Creare pulsanti sofisticati per il tuo sito web utilizzando Photoshop, il programma di grafica premier.

istruzione

Creazione del pulsante vuoto

1 Avviare Photoshop e creare un nuovo file di immagine misurazione larghezza di 100 pixel per 40 pixel di altezza. Impostare la risoluzione di 72 pixel per pollice e la modalità di colore RGB.

2 Selezionate lo strumento Secchiello sulla destra. Lo strumento Secchiello assomiglia a un secchio inclinato con vernice versando da esso.

3 Fare clic sul quadrato superiore palette dalla barra degli strumenti e selezionare un colore per il pulsante. Fare clic su OK.

4 Scegliere le opzioni dal menu Opzioni secchio di vernice. Prova Normale e un'opacità del 45 per cento.

5 Fare clic sullo strumento di selezione piazza dal menu Strumenti. Dalla finestra Opzioni Marquee, selezionare rettangolare per la forma, con sfumatura set a 0.

6 Utilizzare lo strumento di selezione per "disegnare" un rettangolo all'interno del pulsante, formando un confine.

7 Dal menu Select, scegliere inverso. Questo seleziona l'area all'interno del rettangolo.

8 Fare clic sul menu Immagine e scegliere Regola, quindi Luminosità / Contrasto. Regolare il livello di luminosità al '10, lasciando il pulsante Contrasto impostato a 0. Fare clic su OK.

9 Premere i tasti di controllo e H per visualizzare il nuovo pulsante.

10 Fare clic sullo strumento di selezione di nuovo e disegnare un altro rettangolo appena fuori il primo. Inverse come nel passo 7 e regolare il livello di luminosità al '20. Questo sfuma i bordi del pulsante.

11 Salvare il pulsante come un file GIF.

Aggiunta di testo al pulsante

12 Aprire il file e fare clic sul pulsante lo strumento testo a sinistra. Fare clic sul quadrato palette superiore e scegliere un colore del testo.

13 Fare clic sul pulsante. Nella finestra di dialogo Strumento, scegliere il font, la dimensione, gli attributi e la posizione.

14 Digitare il testo nella casella e fare clic su OK. Trascinare la selezione per centrarlo sul pulsante o premere CANC per rimuoverlo.

15 Utilizzare Salva con nome per salvare il pulsante con un nuovo nome.

Consigli e avvertenze

  • Salvare il pulsante sotto un nuovo nome per mantenere il pulsante vuoto come modello per ulteriori lavori.
  • Utilizzare un normale, font medio per una migliore leggibilità.
  • Assicurarsi che il colore del carattere contrasta con il colore del pulsante. Utilizzare i caratteri scuri (preferibilmente nero) per i pulsanti più leggeri e caratteri più chiari per i pulsanti più scure.