Una delle molte potenzialità che ci offre Imageready è quella di poter creare degli effetti di rollover in pochissimi passi, vediamo come creare un semplice rollover su un bottone.

Apriamo Photoshop e creiamo un bottone formato da tre livelli: nel primo la base del bottone (che potete creare unendo più livelli) e negli altri due, del testo colorato con due diverse tonalità.

Esprtiamo adesso il lavoro (Ctrl-Shift-S) in Imageready

Premiamo sull’occhio del livello di testo più in alto per nasconderlo.

Nella finestra “rollover” aggiungiamo un nuovo stato di rollover (over state) premendo il tasto indicato in figura:

Premiamo nuovamente sull’occhio del livello di testo più in alto per renderlo visibile.

Fatto il nostro rollover è pronto, basta salvarlo (Salva ottimizzato come…/html e immagini) ed inserirlo nel nostro sito