pulsanti rollover sono le immagini che vedete quando si passa il mouse sopra molti tasti della pagina Web. Altri stati del pulsante possono avere le proprie immagini, tra cui gli stati cliccato e disabili. Fare pulsanti rollover in Photoshop distingue il programma o pagina Web da altri media. Inoltre, consente di creare pulsanti con forme interattive che si riferiscono alla funzione dell'applicazione. Per un gioco che raffigura i draghi, per esempio, si potrebbe creare un pulsante il cui aspetto normale è l'occhio chiuso di un drago, e il cui aspetto rollover è l'occhio del drago aperto.

istruzione

1 Clicca comando "Nuovo" del menu "File", quindi fare clic sulla voce "Web" dal controllo a discesa "Predefinito".

2 Fare clic sull'icona tavolozza degli strumenti a forma di rettangolo arrotondato per eseguire lo strumento "rettangolo arrotondato", quindi fare clic sul campione di colore sopra la tela. Fare clic su un colore vuoi per il pulsante dalla tavolozza che appare.

3 Istruzioni verso il lato sinistro della tela, quindi trascinare diritto di definire il tasto. Rilasciare per completare la forma del pulsante. Fare clic sulla voce "stili" dal menu "Windows" per mostrare una tavolozza di stili di pulsanti predefiniti.

4 Passa il mouse sopra la galleria di icone di stile, quindi fare clic su uno degli stili che include la "normale". Ad esempio, fare clic sullo stile "smussato normale". Il termine "normale" indica che lo stile è per abilitato, stato non rollover del pulsante.

5 Fare clic sull'icona "T" nella palette degli strumenti per eseguire lo strumento "testo", quindi trascinare il pulsante per definire una casella di testo. Digitare il testo che si desidera per il pulsante nella casella di testo, quindi fare clic sull'icona segno di spunta che si trova sopra la tela per finalizzare il testo per la casella di testo.

6 Fare clic sul comando "Unisci visibile" del menu "Livelli" per unire il testo e gli effetti in una singola immagine. Fare clic sul comando "Duplica" dal menu "Layer" per duplicare il pulsante per lo stato rollover.

7 Utilizzare le istruzioni dal punto 4 per applicare uno stile pulsante per il pulsante duplicato. Tuttavia, fare clic su uno stile il cui nome comprende "mouseover" invece di "normale". Ad esempio, fare clic sullo stile "smussato mouseover". Questo sarà l'aspetto del pulsante quando l'utente passa sopra il mouse

8 Utilizzare le istruzioni dal punto 4 per applicare uno stile pulsante per il pulsante duplicato. Tuttavia, fare clic su uno stile il cui nome comprende "MouseDown" invece di "normale". Ad esempio, fare clic sullo stile "smussato MouseDown". Questo sarà l'aspetto del pulsante, mentre il mouse è su di esso e di essere cliccato.

9 Fare clic sul menu del "File" "Salva per Web" di comando, quindi fare clic sulla scheda "4-up" per visualizzare quattro immagini che mostrano diverse qualità di immagine per il pulsante selezionato. Clicca l'immagine cui qualità a trovare accettabili, e il cui testo sotto l'immagine include il tipo di file "GIF". I pulsanti sono di solito in formato GIF, in gran parte perché di solito richiedono poca memoria del disco.

10 Fai clic su "Salva" per aprire la finestra di dialogo "Salva ottimizzato". Digitare un nome nella casella di testo "Nome" che indica che l'immagine è il pulsante di rollover, non è quella normale. Ad esempio, digitare "rollover.gif." Fai clic su "Salva" per salvare il pulsante rollover.

11 Utilizzare le istruzioni dal punto 8 per nascondere strato del pulsante rollover e rivelare strato del pulsante normale. Utilizzare le istruzioni da passaggi 9 e 10 per salvare il normale pulsante con un nome come "normal.gif" o "enabled.gif."