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

Hour 8. Using Motion Tween to Animate > Task: Tween Position, Scale, Rotation, ...

Task: Tween Position, Scale, Rotation, and Color

In a new file, use the Text tool to create a text block that contains your name. Don't worry about the exact size, but make it big enough to see clearly.

Using the Arrow tool, select the text block (not the text itself). Then select Insert, Convert to Symbol (or press F8) and name the symbol My Name. Make sure to select Movie Clip behavior. Click OK.

Now click in the Timeline on frame 30 and insert a keyframe (select Insert, Keyframe or press F6).

Click on the keyframe in frame 1 (the red current frame marker will move to frame 1) and position your name in the bottom-left corner. This is its initial position.

While the first keyframe is selected, pick Motion from the Tween drop-down list in the Properties panel.

Now click on the keyframe in frame 30 so you can edit the end position. Select the Transform tool and use Scale to scale the text large enough to occupy the entire stage. You may need to position it closer to the center.

Go ahead and scrub to get an idea of how the tween looks. From this point forward, remember that you'll only be able to edit the Properties panel when either the beginning or ending keyframe is selected, not between—that's where Flash is responsible for the tweening.

Move the red current frame marker to frame 30, and modify the color effect on the same instance. Select the instance of My Name from the Properties panel and select Tint from the Color styles drop-down list, as in Figure 8.4. Pick a bright color and set the percentage to 100%. Scrub for a quick preview.

Figure 8.4. The Tint color style is applied to the instance in frame 30.

Go to frame 1 and with the Transform tool stretch your name really tall. (You may need to adjust the position.)

While still in frame 1, use the rotate option to rotate your name counterclockwise just a few degrees, as shown in Figure 8.5. Do a little skewing, too. When the rotate option for the Transform tool is selected, the corner handles rotate and the middle handles skew.

Figure 8.5. We can change any property of the instance in frame 1, and Flash will tween accordingly.

Now check out your animation by scrubbing or testing the movie. You created two very different keyframes, and Flash figured out how to animate from one to the other.

Although you can tween the position, scale, rotation, and color effect, it doesn't mean you have to. The Alpha color effect will force your audience's computers to work very hard. The message you're trying to communicate might be overlooked when the user notices everything slowing down to a crawl. I don't want to suggest that you should never tween Alpha, but it's the most processor-intensive effect available, and sometimes you can simulate the same effect in other ways. Consider tweening based on the Brightness color effect. If the background is white anyway, this is visually no different, but it doesn't slow down the computer as much.



Not a subscriber?

Start A Free Trial

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