Home Hardware Networking Programmazione Software Domanda Sistemi
Conoscenza Informatica >> software >> Photoshop >> .

Come faccio a fare pulsanti rollover con Photoshop

? Pulsanti rollover sono le immagini che si vedono quando si passa il mouse sopra molti pulsanti pagina web. Altri stati del pulsante possono avere le proprie immagini , inclusi gli stati cliccati e disabili . Fare pulsanti rollover con Photoshop distingue il vostro programma o una pagina Web da altri supporti . Inoltre, consente di creare pulsanti con forme interattive che riguardano la funzione della vostra applicazione . Per un gioco che raffigura draghi , per esempio, è possibile creare un pulsante il cui aspetto normale è l' occhio chiuso di un drago , e il cui rollover aspetto è il drago occhio aperto . Istruzioni
1

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

Click l'icona della 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 che desideri per il pulsante dalla tavolozza che appare.
3

Clicca verso il lato sinistro della tela, quindi trascinare a destra per definire il pulsante . 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 abilitata , stato non rollover del pulsante.
5

Fare clic sull'icona " T" nella palette degli strumenti per eseguire lo strumento "Testo" , quindi trascinare sopra 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 del segno di spunta posto sopra la tela per finalizzare il testo per la casella di testo .
6

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

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

utilizzare le istruzioni dal punto 4 per applicare uno stile pulsante al pulsante duplicato . Tuttavia, fare clic su uno stile il cui nome include " mousedown " invece di " normale". Ad esempio , fare clic sul " mousedown smussato " stile . Questo sarà l'aspetto del pulsante quando il mouse si trova sopra di esso e di essere cliccato .
9

Fare clic su " Salva per Web " di comando, quindi fare clic sulla scheda del menu "File" " 4 - up " per visualizzare quattro immagini che mostrano diverse qualità di immagine per il pulsante selezionato . Fare clic su un'immagine la cui qualità si trova accettabile , 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 la memoria del disco poco .
10

Fare 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 rollover , non quello normale . Ad esempio, digitare " rollover.gif . " Fare clic su " Salva" per salvare il pulsante rollover .
11

Utilizzare le istruzioni del 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 pulsante normale con un nome come " normal.gif " o " enabled.gif . "

 

software © www.354353.com