Come fare pulsanti HTML in Photoshop CS5

November 29

Come si compila più pagine web HTML per guidare i visitatori del tuo dominio on-line, dare loro un modo semplice per andare in giro con i pulsanti cliccabili. Anche gli utenti prima volta sapranno che cliccando su un pulsante li porta da qualche altra parte, ma con Photoshop, è possibile creare un'esperienza personalizzata per tali clic. Approfitta del processo di progettazione la creazione dei pulsanti di Adobe Photoshop CS5 per creare pulsanti per rendere il tuo pagina HTML distinguersi.

istruzione

1 Aperto Photoshop CS5, fare clic sul menu "File" e fare clic su "Nuovo". Immettere il nome del pulsante, come ad esempio "HelpButton", o il nome del file desiderato nella casella "Nome". Inserire le dimensioni per il pulsante nelle caselle "altezza" "Larghezza" e, utilizzando pixel o pollici per i requisiti del sito. Fare clic sul menu "Contenuto sfondo" e selezionare "trasparente". Fare clic sul pulsante "OK" per aprire la tela tasto di lucro.

2 Istruzioni il cursore in mezzo quadrato colorato nella parte inferiore del riquadro "Strumenti" sul lato sinistro dello schermo. Scegliere un colore per il pulsante e fare clic su "OK".

3 Fare clic su un'icona di una linea, cerchio grigio, quadrato grigio o stella grigia vicino alla parte inferiore del riquadro "Strumenti" sul lato sinistro dello schermo. Scegliere "Rettangolo arrotondato Tool" o "strumento Ellisse" per la forma del pulsante.

4 Posizionare il cursore nell'angolo in alto a sinistra della tela scacchiera grigia. Fare clic e tenere premuto il pulsante sinistro del mouse, quindi spostare il cursore verso l'angolo in basso a destra. Fare attenzione a non trascinare via nella grigia Photoshop scrivania. Viene visualizzata la figura del tasto sulla tela.

5 Fare doppio clic sulla linea di Livello 1 nella palette "Livelli". Quando si apre la finestra "Stile livello", selezionare la casella di controllo "Ombra". Questo è opzionale, ma dà il pulsante un aspetto più sollevato, che può aiutare i visitatori guida al tuo sito HTML. Fai clic su "OK" per chiudere la finestra.

6 Fare clic sull'icona "T" nel riquadro "Strumenti". Scegli un tipo di carattere, le dimensioni del testo e il colore dalla barra degli strumenti nella parte superiore dello schermo. Per il colore, scegliere uno che spiccano contro il vostro sfondo del pulsante scelto, come ad esempio un bianco, se il pulsante è scuro.

7 Fare clic sul pulsante e digitare il testo del pulsante, come ad esempio "Aiuto" o "Start". Trascinare il testo in posizione al centro del pulsante.

8 Fare clic con il nuovo livello di testo nella palette "Livelli". Selezionare "Unisci visibili."

9 Fare clic sul menu "File" e selezionare "Salva con nome". Fare clic sul menu "Formato" e selezionare "PNG" o "GIF", che manterrà lo sfondo del pulsante trasparente, necessaria per le pagine HTML. Fare clic sul pulsante "Salva".