Home / Articles / Animating Symbols

Animating Symbols

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

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

    04fig25.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).

    04fig27.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 (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.