Creating rollovers

You use a slice or image map area to define the active area for a rollover. When you add a new state to the image, you capture a snapshot of the slice or image map area in the previous state. You can then use the Layers palette to make changes to the image in the new state. When you save an image with rollover states and an HTML file, each rollover state is saved as a separate image file. (See Saving selected rollover states to Web pages.)


An image with three rollover states A. Normal state B. Over state C. Down state

To create a rollover:

1. Create a layer-based slice for the rollover. (See Creating slices for rollovers.) You can also use a layer-based image map to contain the rollover.
2. Create rollover states. (See Creating and changing rollover states.)
3. Select a state in the Web content palette and then edit the layer content for the state to create the rollover effect. (See State and frame-specific changes.)

You can use layer styles to create instant rollover effects. When working with layer-based slices, you can also save the series of states as a rollover style. (See Applying and creating rollover styles.)

4. If you are creating a remote rollover, target the remote slice to the selected state. See Creating remote rollovers.
5. Preview the rollover. (See Previewing rollover states.)

Website Hosting
Get a Domain Name
Search Engine Optimization
Email Marketing

Adobe Illustrator Tutorials