RollOvers and Transparent Gifs

Button Rollovers in ImageReady

A Rollover is an effect that appears to change a button when the mouse passes over it. It could change colour, have a different bevel or drop shadow. This helps identify the graphical element as a clickable button.

1. Create additional layers for each button in Photoshop as Rollover states
2. In ImageReady, select the first button slice ( See Lesson for slicing)
3. Click the rollover tab in the animation/slice/rollover palette group window. The current image is displayed as "normal" state.
   
4. Click the new button state at the bottom to create an "over" state.
5. In the layers palette click in the eye column at the left of this buttons layer.
   
6. Repeat steps 2 - 5 for the other buttons
7. Choose File > Preview and test your rollover effects.
8. If satisfied, Save, if not go back and change your effects.

Transparent Gifs in Photoshop

1. In PhotoShop Erase the area you want transparent using the magic eraser .
2. Click "File" - "Save For Web".
3. In the optimise palette, make sure the transparency checkbox is selected/ticked.
4. Click "OK" then "Save Optimised As".
5. Or alternatively, in Photoshop click "Help" - "Export Transparent Image" and follow the wizard.