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

Come fare un rollover in Photoshop CS5 Da Fette

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 menu cambia colore , ma può essere utilizzato su qualsiasi immagine . Utilizzando Photoshop , è possibile tagliare qualsiasi immagine a fettine , quindi modificare una fetta in modo che solo quella porzione delle variazioni di immagine del rollover , come effettuare le parole appaiono sul fondo , o cambiare il colore di un solo elemento nell'immagine . Una volta che le fette sono creati è necessario inserire il codice JavaScript appropriato nella pagina Web per creare l'effetto rollover , usando un software di progettazione Web o editor HTML . Istruzioni
1

Launch Photoshop e selezionare "Apri " dal menu File . Individuare 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 riesci a vedere, fare clic e tenere premuto il " Crop Tool " o " strumento selezione sezioni " di rivelarlo .
2

Decidere dove si desidera che l' effetto rollover a comparire. Si noti che lo strumento sezione crea solo fette rettangolari e che le fette aggiuntivi verranno creati dalla foto rimanenti . Ad esempio , se si seleziona la metà superiore di una immagine come la fetta di rollover , l'altra metà dell'immagine sarà anche una fetta . Se si taglia un quadrato al centro dell'immagine , altri quattro sono create le partizioni , uno sopra la fetta , uno sotto e uno su ciascun lato .
3

Trascinare lo strumento Slice sulla area che si desidera per il rollover . L'immagine viene tagliata in fette , con un numero in alto a sinistra .
4

Fare clic e tenere premuto il " strumento Slice" nella casella degli strumenti , quindi fare clic sul " Slice strumento Seleziona. " Fare doppio clic su la 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 ognuna delle altre fette di assegnare nomi appropriati , come il "Top ", " sinistra ", " centro ", "Right " e "Bottom . "
5

Premere" F7 "per rivelare il pannello Livelli. Trascinare il " livello di sfondo " nel pannello Livelli sul pulsante " Nuovo livello " in fondo al pannello . Apportare 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 di immagini che cambiano l'intera immagine . Modifiche a tutte le altre sezioni non verranno salvate .
6

Fare clic su " Salva per Web e dispositivi " nel menu File . Salva 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 ha dato loro come immagine separata in una cartella denominata
< " Salva". "Immagine ". br> 7

Trascinare il " Sfondo copia " livello nel pannello livelli sul pulsante "Cestino " nella parte inferiore del pannello, così come tutti gli altri strati che sono state create aggiungendo effetti o testo , in modo da avere solo l'originale strato "Background" rimanente .
8

Fare doppio clic sulla sezione " Rollover " con lo strumento Selezione slice e cambiare il nome in " originale . " Fare clic su " OK ".

9

Fare 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 al punto 6. Fare clic su "Salva". Una finestra di dialogo che avvisa che le altre fette saranno sostituiti . Queste sono le versioni che si desidera salvare , quindi fare 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 .

 

software © www.354353.com