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 Filters

Filters, which give instances special effects such as blurs and drop shadows, can also be animated. You’ll refine the motion tween of the actors next by applying a blur filter to one of them to make it appear as if the camera changes focus. Animating filters is no different from animating changes in position or changes in color effect. You simply set the values for a filter at one keyframe and set different values for the filter at another keyframe, and Flash creates a smooth transition.

  1. Make the actors layer folder on the Timeline visible.
  2. Lock all the layers on the Timeline except the woman layer.
  3. Move the red playhead to the beginning keyframe of the motion tween in the woman layer—at frame 23.

  4. Select the instance of the woman on the Stage. You won’t be able to see her because she has an alpha value of 0% (totally transparent). Click on the upper-right side of the Stage to select the transparent instance.

    04fig30.jpg
  5. In the Properties inspector, expand the Filters section.
  6. Click the Add filter button at the top of the Filters section and select Blur.

    Flash applies the Blur filter to the instance.

    04fig31.jpg
  7. In the Filters section of the Properties inspector, make sure that the link icons are intact to constrain the blur values to both the x and y directions equally. Set the X and Y Blur values to 20 pixels.

    04fig32.jpg
  8. Move the red playhead across the entire Timeline to preview the animation.

    The 20-pixel Blur filter is applied to the woman instance throughout the motion tween.

    04fig33.jpg
  9. Right-click/Ctrl-click on the woman layer at frame 140, and choose Insert Keyframe > Filter.

    Flash establishes a keyframe for filters at frame 140.

  10. Move the red playhead to frame 160, and right-click/Ctrl-click on the woman layer and choose Insert Keyframe > Filter.

    Flash establishes another keyframe for filters at frame 160.

    04fig35.jpg
  11. Select the instance of the woman on the Stage at frame 160.
  12. In the Properties inspector, change the value of the Blur filter to X=0 and Y=0.

    The Blur filter changes from the keyframe at frame 140 to the keyframe at 160. Flash creates a smooth transition from a blurry instance to an in-focus instance.

8. Animating Transformations | Next Section Previous Section