- Getting Started
- About Animation
- Understanding the Project File
- Animating Position
- Changing the Pacing and Timing
- Animating Transparency
- Animating Filters
- Animating Transformations
- Changing the Path of the Motion
- Swapping Tween Targets
- Creating Nested Animations
- Easing
- Frame-by-Frame Animation
- Animating 3D Motion
- Testing Your Movie
- Review Questions
- Review Answers
This chapter is from the book
This chapter is from the book
This chapter is from the book
Animating Transformations
Now you’ll learn how to animate changes in scale or rotation. These kinds of changes are made with the Free Transform tool or with the Transform panel. You’ll add a third car to the project. The car will start small, and then become larger as it appears to move forward toward the viewer.
- Lock all the layers on the Timeline.
Insert a new layer inside the cars folder and rename it Left_car.
Select frame 75 and insert a new keyframe (F6).
- Drag the movie clip symbol called carLeft from the Library panel to the Stage at frame 75.
Select the Free Transform tool.
The transformation handles appear around the instance on the Stage.
- While holding down the Shift key, click and drag a corner handle inward to make the car smaller.
- In the Properties inspector, make sure that the width of the car is about 400 pixels.
- Alternatively, you can use the Transform panel (Window > Transform) and change the scale of the car to about 29.4%.
Move the car to its starting position at about X=710 and Y=488.
In the Properties inspector, select Alpha for the Color Effect.
Set the value of the Alpha to 0%.
The car becomes totally transparent.
Right-click/Ctrl-click the car on the Stage and select Create Motion Tween.
The current layer becomes a Tween layer.
Move the red playhead on the Timeline to frame 100.
Select the transparent instance of the car on the Stage, and in the Properties inspector, change the Alpha value to 100%.
A new keyframe is automatically inserted at frame 100 to indicate the change in transparency.
- Select the Free Transform tool.
- While holding down the Shift key, click and drag a corner handle outward to make the car larger. For more precision, use the Properties inspector and set the dimensions of the car to width=1380 pixels and height=445.05 pixels.
Position the car at X=607 and Y=545.
Move the Left_car layer in between the Middle_car and Right_car layers so that the car in the center overlaps the cars on the side.
Flash tweens the change in position and the change in scale from frame 75 to frame 100. Flash also tweens the change in transparency from frame 75 to frame 100.
)
)
)
)
)
)
Motion Presets
If your project involves creating identical motion tweens repeatedly, Flash provides a panel called Motion Presets that can help. The Motion Presets panel (Window > Motion Presets) can store any motion tween so you can apply it to different instances on the Stage.
For example, if you want to build a slide show where each image fades out in the same manner, you can save that transition to the Motion Presets panel.
- Select the first motion tween on the Timeline or the instance on the Stage.
- In the Motion Presets panel, click the Save selection as preset button at the bottom of the panel. Alternatively, right-click/Ctrl-click on the motion tween and choose Save as Motion Preset.
Name your motion preset, and it will be saved in the Motion Presets panel.
- Select a new instance on the Stage and choose the motion preset.
- Click Apply, and Flash will apply your saved motion preset to the new instance.
Flash provides a number of motion presets that you can use to quickly build sophisticated animations without much effort.