Home / Articles / Adobe Flash / Animating Symbols in Adobe Flash Professional CC (2014 release)

Animating Symbols in Adobe Flash Professional CC (2014 release)

Chapter Description

In this excerpt from Adobe Flash Professional CC Classroom in a Book (2014 release), learn how to use Flash Professional to change almost any aspect of an object—position, color, transparency, size, rotation, and more—over time. Motion tweening is the basic technique of creating animation with symbol instances.

Animating Transparency

In the previous lesson, you learned how to change the color effect of any symbol instance to change the transparency, tint, or brightness. You can change the color effect of an instance in one keyframe and change the value of the color effect in another keyframe, and Flash will automatically display a smooth change, just as it does with changes in position.

You’ll change the cityscape in the beginning keyframe to be totally transparent but keep the cityscape in the ending keyframe opaque. Flash will create a smooth fade-in effect.

  1. Move the red playhead to the first keyframe of the motion tween (frame 10).

  2. Select the cityscape instance on the Stage.
  3. In the Properties inspector, choose the Alpha option for Color Effect.

    04fig23.jpg
  4. Set the Alpha value to 0%.

    04fig24.jpg

    The cityscape instance on the Stage becomes totally transparent.

  5. Move the red playhead to the last keyframe of the motion tween (frame 40).

    04fig26.jpg
  6. Select the cityscape instance on the Stage.
  7. In the Properties inspector, under Color Effect, set the Alpha value to 100%.

    04fig27.jpg

    The cityscape instance on the Stage becomes totally opaque.

  8. Preview the effect by choosing Control > Play (Enter).

    Flash interpolates the changes in both position and transparency between the two keyframes.

7. Animating Filters | Next Section Previous Section