Come creare un pulsante sito web con Photoshop CS3

December 9

Come creare un pulsante sito web con Photoshop CS3


Adobe Photoshop CS3

istruzione

1 Aprire Photoshop CS3. Selezionare "File> Nuovo." Impostare le dimensioni per la dimensione del pulsante; per esempio, inserire "200" nella casella "Larghezza" e "50" nella casella "Altezza" per un pulsante che si trova a 200 pixel per 50 pixel.

2 Disegnare il pulsante. Selezionare lo strumento "Rettangolo arrotondato" dal menu "Strumenti". Modificare la distanza, se lo desideri per determinare come gli angoli del look tasto. Selezionare il colore desiderato per il pulsante del "primo piano" color picker. Quindi disegnare il pulsante.

3 Stile il pulsante. Selezionare "Livello> Stile livello> Opzioni di fusione." Applicare stili, se lo desideri. Assicurarsi che "Anteprima" è stato selezionato per vedere come il pulsante apparirà. Per un tipico effetto tasto, selezionare "Smusso ed effetto rilievo" e "Sovrapposizione sfumatura". Regolare ogni stile, se necessario.

4 Aggiungi testo. Selezionate lo strumento "Tipo" dalla palette "Strumenti". Selezionare il tipo di carattere desiderato e dimensione del font dai menu a discesa. Selezionare il colore del testo desiderato dal il "primo piano" color picker. Fare clic sul pulsante e digitare l'etichetta del pulsante. Applicare stili di livello al testo, se lo desideri.

5 Salvare il pulsante. Selezionare "File> Salva per Web e dispositivi." Salvare il pulsante nella cartella immagini della pagina web.

Consigli e avvertenze

  • Photoshop CS3 ha incluso alcuni stili di pulsanti all'interno della tavolozza "Stili". Dopo aver disegnato il pulsante, selezionare "Pulsanti" dal sottomenu nella palette "Stili". Fare clic sullo stile desiderato per applicare un tasto predefinito.