Animating the Images | Photoshop CS Savvy

ImageReady can create layer-based animations. Follow these steps to animate the numbered layers :

In the Layers palette, turn off the visibility indicators next to all the layers within the animation set.
Choose Window ’ Animation. The frame in the Animation palette displays the visible portions of the image. For the first frame, click the visibility indicator next to Layer 1 in the animation set to make that layer visible. Remember that each frame in the Animation palette in ImageReady displays the current visible layers. You create an animated sequence by making a new frame and then making visible only those layers that you want to appear in the frame.
Click the Duplicate Frame icon to insert a frame in the Animation palette. In the Layers palette, click the visibility indicator next to Layer 1 in the animation set to conceal it, and the indicator next to Layer 2 to reveal it.
Repeat the process, adding new frames for Layers 3, 4, 5, 6, 7, and 8 and changing the layer visibility for each. When completed, your Animation palette should look like Figure H9.11.

Figure H9.11: The Animation palette displaying the eight frames
At this point, you might want to see the animation. Click the Play button to display it in the image window.
Currently, the animation runs too fast. To slow it down, go to the Animation Options pull-down menu and choose Select All Frames. Click the small arrow next to one of the frames and set the delay to 2 seconds.
Target Frame 1. Set the delay to 20 seconds. This means that the animation will stop for 20 seconds on the Frame 1 image and then repeat.
You might want to set the iterations of the animation, or the number of times it loops . The Forever option is appropriate only when the animation keeps looping in a constant motion. Setting the animation to Specific might be appropriate for certain animations such as this one. From the Looping Options menu, enter 5 , which means that the animation will display five times on the browser and then stop.