Home / Articles / Animating Symbols

Animating Symbols

Chapter Description

In this sample chapter from Adobe Animate CC Classroom in a Book (2018 release), explore how to change almost any aspect of an object—position, color, transparency, size, rotation, and more—over time.

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 Animate 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. Animate 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 Color Effect section of the Properties panel, choose Alpha from the Style menu.

    f0135-02.jpg
  4. Set the Alpha value to 0%.

    f0135-03.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).

    f0136-02.jpg
  6. Make sure that the cityscape instance on the Stage is still selected.

  7. In the Properties panel, in the Color Effect section, set the Alpha value to 100%.

    The cityscape instance on the Stage becomes totally opaque.

  8. Preview the effect by choosing Control > Play (or pressing Enter/Return).

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

7. Animating Filters | Next Section Previous Section

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