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.