Un'immagine rollover è un effetto in cui l'immagine cambia quando si sposta il mouse su di esso. Ad esempio, se si sposta il mouse a un'immagine su un sito web, allora l'immagine potrebbe accendersi o diventare tridimensionale. Utilizzando le applicazioni di Adobe Photoshop e ImageReady si può facilmente creare un'immagine con l'effetto rollover che soddisfa la vostra preferenza. Dopo che l'immagine di rollover è stato creato con successo è possibile aggiungere l'immagine al tuo sito web.

istruzione

1 Aprire il file Adobe Photoshop sul computer che si desidera lavorare. Creare due pulsanti o immagini che sono della stessa dimensione all'interno dello stesso livello. Le due immagini devono avere una differenza specifica, come il colore del testo, per quanto l'immagine viene attivata per l'effetto rollover in posto.

2 Selezionare il livello per il pulsante o l'immagine dalla palette Livelli. Fare clic sull'opzione "Layer" e quindi fare clic sull'opzione "Nuova fetta di livello base".

3 Fare clic sull'opzione "File" dal menu barra degli strumenti superiore e quindi fare clic sull'opzione "Salva" per salvare i tuoi progressi.

4 Fare clic sull'opzione "File" di nuovo e quindi fare clic sull'opzione "Modifica in ImageReady". L'applicazione ImageReady si aprirà sul vostro schermo e apparirà le due immagini.

5 Fare clic sull'opzione "Window" dal menu barra degli strumenti superiore e quindi fare clic sull'opzione "Livelli". Fare clic sull'opzione "finestra" di nuovo e quindi fare clic sull'opzione "Web Content".

6 Selezionare l'opzione "Normale" dalla palette Contenuto Web, e quindi assicurarsi che i livelli corretti per l'immagine sono visibili nella palette Livelli. Fare clic sull'icona "occhio" per nascondere qualsiasi livello.

7 Fare clic sulla porzione creata per la vostra immagine dalla palette Contenuto Web, quindi fare clic sul pulsante "Crea rollover Stato" dalla parte inferiore della palette Contenuto Web. Le due immagini verranno portati insieme con l'effetto rollover a posto.

8 Visualizzare l'anteprima dello stato rollover dell'immagine facendo clic sul pulsante "Anteprima documento" dalla barra degli strumenti superiore. Muovi il mouse sopra l'immagine per vedere l'effetto rollover.

9 Fare clic sull'opzione "File" e quindi fare clic sull'opzione "Salva con nome". Selezionare "HTML" e "Immagini" dal campo "Salva come" e quindi fare clic sul pulsante "Salva".

10 Aprire il file immagine del rollover salvato contenente il codice HTML per il tuo sito web o blog. L'anteprima della pagina per assicurarsi che l'immagine del rollover compare il modo in cui si desidera e poi pubblicare la pagina con la nuova immagine.