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

Hour 8. Using Motion Tweens to Animate > Creating a Motion Tween

Creating a Motion Tween

A basic motion tween is very easy to produce. Let's create one in the following task, and then we can analyze it.

Try It Yourself: Create a Basic Motion Tween

In this task you'll make a circle animate across the screen by using the Motion Tween feature:

In a new file, draw a circle on the Stage.

Select the entire circle and choose Modify, Convert to Symbol (or press F8). Name it Circle, leave the behavior set to the default Movie Clip, and click OK.

Click Frame 30 in the Timeline and select Insert, Timeline, Keyframe (or press F6).

Click on the keyframe in Frame 1; the red current-frame marker moves to Frame 1. Position the circle where you want it to appear at the beginning—in this case, to the left side of the Stage.

Click in the last keyframe (Frame 30) and notice that the red current-frame marker moves to Frame 30. Position the circle on the right side of the Stage.

Try scrubbing. The animation looks pretty abrupt. The circle stays on the left side for 29 frames and then jumps to the right side. To make the movement smoother, you can use tweening to have Flash take care of the in-between frames.

Set tweening in the beginning keyframe, in this case the first keyframe (in Frame 1). Select the keyframe in Frame 1 and then observe the Properties panel. When a frame is selected, the Properties panel contains a Tween drop-down list.

Select Motion from the Tween drop-down list. Leave all the default settings, as shown in Figure 8.1.

Figure 8.1. The Properties panel opens, with the first keyframe selected.

That's it! Notice in Figure 8.2 that Flash has drawn an arrow with a blue background to represent the interpolated frames—those between two keyframes.

Figure 8.2. The Timeline includes an arrow on a blue background to indicate that Flash is tweening these frames.

Select Control, Test Movie (or press Ctrl+Enter) to see what happens.



Not a subscriber?

Start A Free Trial

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