|
| ||||||
| Graphics Software
Kissing Fish Animation,
Page 2 This is part two of the Kissing Fish Animation tutorial. If you arrived here from a search, click here to start from the beginning. 15.) With the image open in ImageReady, display the animation palette by going to Window > Show Animation. The animation palette will appear with only one frame in the file.
16.) Click on Frame one to select it, then choose new frame from the animation palette menu (indicated in the screen shot above).
18.) Select the move tool and move the red fish into position so it appears to be kissing the other fish.
Notice in the animation palette that the red fish is only changed in Frame 2.
19.) From the animation palette menu, choose Tween. In the Tween dialog, choose All Layers, Position, Tween with Previous Frame, and add 3 frames.
20.) Tweening generates the intermediate frames for our animation. As you can see, the three new frames are added to the animation palette between the first and last frame.
One thing to keep in mind is that additional frames will make your animations appear smoother, but each frame can significantly increase the file size. If you're creating an animation for the Web, you want to try to use as few frames as possible. At any time you can click the play button at the bottom of the animation palette to preview your animation. 21.) More than likely you're going to need to modify the frame rate. Notice the numbers displayed under each frame in the animation palette? These numbers indicate the time between frames, or the frame display rate. To change the timing for all frames at once, click on the first frame, then hold the shift key and click on the last frame.
Photoshop Tutorials from your Guide More ImageReady Animation Tutorials
Sue
Chastain Back to the Index of Tutorials
Recent DiscussionsUnwanted effect of reversed color Merging images to achieve transparency canvas 9 and sketchbook pro?
Some images from Nova Development's Art Explosion 600,000.
|
||||||
17.) A duplicate of the current frame will
appear in the animation palette. Select Frame 2 in the animation
palette, then go to the Layers palette and make sure that Layer 2
and Frame 2 are active.
22.) Click the tiny arrow displayed
next to the frame rate, and then choose a new rate from the
menu. I used 0.2 seconds for my animation. You can also set a
different rate for each frame by selecting only a single
frame.
My settings are shown to
the right. For a brief description on each of these settings,
see 
Here's the final optimized GIF animation,
weighing in at 34 KB.
