• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL

Hour 21. Advanced Animation Techniques > Task: Use Anticipation to Improve an A...

Task: Use Anticipation to Improve an Animation

In this task we add a subtle touch of anticipation for a more effective result.

In a new file, draw a circle at the bottom of the stage and covert it to a symbol (press F8). Name it Circle, make sure center registration is being used, and ensure that its behavior is set to Movie Clip.

Insert a keyframe at frame 10 (we want the circle to sit still for the first 10 frames). Insert another keyframe in frame 15 and one at frame 25. We're going to squish the circle between frames 10 and 15 and then move it up as it goes to frame 25.

Select frame 25, hold down the Shift key, and then move the instance of Circle close to the top of the stage.

In frame 15, use the Transform tool to compress the circle by scaling it vertically. You'll also want to make the circle a little wider, because when you squish something it has to get wider, too. See Figure 21.1.

Figure 21.1. When squashing the circle, change both the vertical and horizontal scales (Onion Skin is turned on for easy comparison to the original shape).

We also want the bottom of the circle to remain stationary (only the top squishes down). When you select the Transform tool and then the Scale option, you can only scale the circle around its center. That's okay, but we should now move the circle down. Turn on Onion Skinning, and you'll be able to position the bottom of the circle to coincide with the bottom of the circle in frame 10. See Figure 21.2.

Figure 21.2. After squashing the circle, you want to make sure the base doesn't change location—it's only getting ready to move. It shouldn't move yet.

Now set a Motion Tween for the keyframe in frame 10 (so it tweens down to its squashed shape) and in frame 15 (so it tweens on its way up to the top).

Test the movie. It looks all right, but there's one thing we can add to make it more believable. While the Circle tweens to the top position, it also restores its shape—but it takes 10 frames to do it. Let's make it snap into its normal shape as soon as it starts to move.

Go to frame 16 and insert a keyframe (press F6). It's good that we set tweening for frame 15 already, because the keyframe we inserted at frame 16 placed the circle in the proper interpolated position. Select the circle in frame 16 and select Modify, Transform, Remove Transform (or press Ctrl+Shift+Z). The circle immediately returns to its unscaled state.

Test the movie to see the final result. Save this movie, because in a minute we'll address how to make the endpoint more believable.



Not a subscriber?

Start A Free Trial

  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint