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

Hour 8. Using Motion Tween to Animate > Task: Make an Animation Ease In and Eas...

Task: Make an Animation Ease In and Ease Out

1.
In a new file, draw any shape and make it a Movie Clip symbol. Place the symbol somewhere on the left side of the stage.

2.
Click in the Timeline at frame 50 and insert a keyframe (select Insert, Keyframe or press F6).

3.
While the red current frame marker is in frame 50, move the instance of your symbol to the right side of the stage.

4.
Go back to the keyframe in frame 1 and create a Motion Tween (right-click and select Create Motion Tween).

5.
Test the movie (select Control, Test Movie) and remember how it looks.

6.
Place the red current frame marker in the middle (frame 25).

7.
If you insert a keyframe in frame 25 (where there's already a Motion Tween), not only will Flash copy the contents of the previous keyframe, it will position the contents of the new keyframe in the appropriate midstream location. Go ahead and insert a keyframe in frame 25; you'll notice that nothing moves. Just the keyframe appears, and your symbol is already in its tweened location. Test the movie again; it should be unchanged.

8.
Now we can set Easing. In frame 1, set the Properties panel Ease setting to Ease In (–100 to make it obvious). In frame 25, set Easing to Ease Out (100).

There were two interesting tricks used in this exercise. First, we needed three keyframes (or two tweened spans) to have two different easing settings. Second, we squeezed a keyframe into the middle of an existing tween. That way, the newly created keyframe was in the appropriate location—halfway between the two existing keyframes. This will happen to any property that is being tweened. If the symbol in frame 1 were tinted blue and the symbol in frame 50 were tinted red, the newly inserted keyframe would include an instance of the symbol with a tint somewhere between. We just happen to be tweening only position.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


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