Home / Articles / Animating Symbols

Animating Symbols

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.

  1. Lock all the layers on the Timeline.

    04fig38.jpg
  2. Insert a new layer inside the cars folder and rename it Left_car.

  3. Select frame 75 and insert a new keyframe (F6).

    04fig39.jpg
  4. Drag the movie clip symbol called carLeft from the Library panel to the Stage at frame 75.

  5. Select the Free Transform tool.

    The transformation handles appear around the instance on the Stage.

  6. While holding down the Shift key, click and drag a corner handle inward to make the car smaller.

  7. In the Properties panel, make sure that the width of the graphic is about 400 pixels.

  8. Alternatively, you can use the Transform panel (Window > Transform) and change the scale of the car to about 29.4%.

  9. Move the car to its starting position at about X=710 and Y=488.

  10. In the Properties panel, Color Effect section, choose Alpha from the Style menu.

  11. Set the value of the Alpha to 0%.

    04fig42.jpg

    The car becomes totally transparent.

  12. Right-click the car on the Stage and choose Create Motion Tween.

    The current layer becomes a tween layer.

  13. Move the red playhead on the Timeline to frame 100.

  14. Select the transparent instance of the car on the Stage, and in the Properties panel, change the Alpha value to 100%.

    A new keyframe is automatically inserted at frame 100 to indicate the change in transparency.

  15. While holding down the Shift key, drag a corner handle outward to make the car larger. For more precision, use the Properties panel and set the dimensions of the car to width=1380 pixels and height=445.05 pixels.

  16. Position the car at X=607 and Y=545.

    You have used Animate to tween the change in position and the change in scale as well as the change in transparency from frame 75 to frame 100.

  17. 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.

    Save your progress so far in this document 04_workingcopy.fla. In the next section, you’ll work with a different file.

9. Changing the Path of the Motion | Next Section Previous Section

There are currently no related articles. Please check back later.