Photoshop
How to make RolloversPhotoshop - How to make Rollovers
Build JavaScript Rollovers
Create a New ImageReady File
Create the Button
Add the Layer Effect
Make Layer Duplicates
Color the Layers
Create Rollover States
Assign Layers to States
Rollover animations are graphics that change as you pass the mouse over a specific spot onscreen. These animations are useful for emphasizing links, especially in graphics that might not be clearly marked. Rollovers consist of a normal state, mouse-over state, and click state, so this tutorial creates a separate image variation for each state.