Come fare un rollover in Photoshop CS5 dalle fette

May 3

Un rollover è un effetto usato su un'immagine in una pagina Web per trasformare l'immagine quando un mouse passa o si libra sopra di esso. Questo è spesso usato per fare pulsanti o cambiare colore menu, ma può essere utilizzato su qualsiasi immagine. Utilizzando Photoshop, è possibile tagliare qualsiasi immagine a fettine, quindi modificare una fetta in modo che solo la parte delle immagini cambiano nel rollover, come la realizzazione di parole appaiono sulla parte inferiore, o cambiare il colore di un solo elemento nell'immagine. Una volta che si creano le fette è necessario inserire il codice JavaScript adeguato nella pagina Web per creare l'effetto rollover, utilizzando un software di progettazione Web o editor HTML.

istruzione

1 Avviare Photoshop e selezionare "Apri" dal menu File. Passare l'immagine che si desidera utilizzare per il rollover e fare clic su "Apri". Fare clic su "Strumento Slice" nella casella degli strumenti. Se non si può vedere, cliccare e tenere premuto il "strumento Ritaglia" o "Slice strumento di selezione" a rivelarlo.

2 Decidere dove si desidera visualizzare l'effetto rollover. Si noti che lo strumento sezione crea solo porzioni rettangolari e che fette supplementari verrà creato dalla foto rimanenti. Ad esempio, se si seleziona la metà superiore di un'immagine, come la fetta di rollover, l'altra metà delle immagini sarà anche una fetta. Se si taglia un quadrato al centro dell'immagine, vengono create altre quattro fette, uno sopra la tua fetta, uno sotto e uno su ciascun lato.

3 Trascinare lo strumento sezione sopra la zona che si desidera per il rollover. L'immagine è tagliata a fette, con un numero nell'angolo in alto a sinistra.

4 Fare clic e tenere premuto il "Strumento Slice" nella casella degli strumenti, quindi fare clic sul "fetta strumento di selezione." Fare doppio clic sul fetta apportate nel passaggio 3 per aprire la finestra Opzioni sezione. Tipo "rollover" nel campo del nome e fare clic su "OK". Fare doppio clic su ciascuna delle altre fette di dare loro nomi appropriati, come "Top", "Sinistra", "Centro", "Destra" e "Bottom".

5 Premere il tasto "F7" per rivelare il pannello Livelli. Trascinare il "livello di sfondo" nel pannello Livelli sul pulsante "Nuovo livello" nella parte inferiore del pannello. Effettuare le modifiche desiderate all'immagine di cambiare la fetta "rollover". È possibile scrivere il testo sulla fetta, disegnare una forma, o inserire un'altra immagine. È possibile aggiungere effetti o regolazioni dell'immagine che cambiano l'intera immagine. Modifiche a tutte le altre sezioni non saranno salvate.

6 Fai clic su "Salva per Web e dispositivi" nel menu File. Salvare l'immagine nel formato preferito - per lo più probabile JPEG o GIF - e fare clic su ciascuna delle fette viene salvato con il nome che hai dato loro come immagine separata in una cartella denominata "Salva". "Immagine".

7 Trascinare il livello "Copy" nel pannello Livelli sul pulsante "Cestino" nella parte inferiore del pannello, così come tutti gli altri strati si possono avere creato l'aggiunta di effetti o testo, in modo da avere solo lo strato originale "sfondo" residuo.

8 Fare doppio clic sulla sezione "rollover" con lo strumento di selezione della fetta e cambiare il nome in "originale". Fare clic su "OK".

9 Fai clic su "Salva o Web e dispositivi" dal menu File. Utilizzare lo stesso formato di file e la stessa cartella di destinazione come avete fatto nel passaggio 6. Fare clic su "Salva". Si apre una finestra di dialogo che avvisa che le altre fette saranno sostituiti. Queste sono le versioni che si desidera salvare, quindi fai clic su "OK".

10 Utilizzare qualsiasi software di web design per mettere le immagini insieme su un sito Web. Ora avete tutte le fette con la fetta "originale" per ricomporre l'immagine originale e la fetta "rollover" per usare l'effetto rollover nella pagina Web.

Consigli e avvertenze

  • Non si sono limitati ad un solo effetto rollover su un'immagine quando viene tagliato a fette. È possibile utilizzare questo stesso processo per creare un effetto diverso su ogni fetta se lo si desidera.