Vi allego un link che rinvia a del materiale didattico predisposto per una delle lezioni di Photoshop (di cui tengo qualche corso in Trentino):

Tecniche di roll-overing con Photoshop e Adobe Image Ready

L’argomento esula leggermente dagli aspetti più propriamente fotografici legati all’impiego di Photoshop e sconfina più verso le componenti grafiche intrinseche all’applicativo ed alle sue potenzialità  nel campo del web design.
Il tutorial descrive la creazione di una pagina web attraverso l’impiego di Photoshop e di Adobe Image Ready mediante il potente strumento delle “sezioni” di Photoshop e l’impiego di numerosi livelli.
Per questa ragione, anche se forse la parte “fotografica” del tutorial potrà  comunque interessare qualcuno alle prime esperienze con Photsohop, ho deciso di aprire un OT.
In pratica l’esercizio consente di creare degli stati c.d. di “roll-over” che cambiano sia quando il mouse passa sopra una certa componente della pagina, sia quando si fa click sul componente stesso.
Se vi sembra utile per la progettazione delle vostre pagine web, usatelo..
Se invece pensate che tutto questo rappresenti una complicazione (non credo inutile perché comunque l’approccio consente di familiarizzare molto con Photoshop e le sue componenti), pazienza… Avrete navigato un po’ anche in questo (interessante) mondo…
Un caro saluto a tutti,
Ciao,
Luca Chistè (RolloPyro)

P.S.
Per vedere un altro risultato di questo impiego (aldilà  dei contenuti della page) si veda:

Effetti di roll-overing e cambiamenti di stato

Altro che inutile !
E'un documento fatto molto bene, molto meglio di altri articoli sullo stesso tema.
ciao
Carlo

Finalmente era ora ... !!!

Ottimo excursus, grazie mille.