Creating Animations (Imageready) - Adobe PHOTOSHOP 6.0 Manual

(ImageReady) Add a rollover effect
performs a mouse action—such as rolling or clicking—over an area of the Web page. Layers provide an
efficient way to store different image states for rollovers.
Select the slice or image map to which you want to add the rollover, and choose Window > Show Rollover.
The Rollover palette shows a single thumbnail representing the normal, inactivated state. Click the New
State button ( ) at the bottom of the palette. From the pop-up menu above the new rollover thumbnail,
choose the mouse action that you want to trigger the rollover. Then hide and show appropriate layers in
the Layers palette to define the appearance of the new rollover state. (The rollover thumbnail updates to
reflect the new appearance, which applies only to this rollover state.)

Creating animations (ImageReady)

With ImageReady, it's easy to create multiple-frame animations from a single image. The key is to use the
Animation palette in conjunction with the Layers palette to set up the composition of animation frames.
To output your animated image for Web use, optimize the image in GIF format.
Choose Window > Show
Set up the starting frame
Animation to display the Animation palette. Show
and hide appropriate layers in the Layers palette to
set up the contents of the starting animation frame.
(The frame thumbnail updates to reflect the
current image state, which applies only to this
animation frame.)
Click the New Frame
Set up additional frames
button ( ) at the bottom of the Animation palette,
and do one of the following:
Using the Layers palette, modify the image to
•
create the state of the second animation frame.
For example, you can show and hide appro-
priate layers and layer effects, reposition a layer
in the image, or change a layer's opacity or
blending mode. Click the New Frame button and repeat this step to set up more frames.
Rollover effects display different states of an image when a viewer
Setting up animation frames
ADOBE PHOTOSHOP 6.0 33
User Guide