How to Create Zoom Effects in Flash CS5 - dummies

By Jennifer Smith, Christopher Smith, Fred Gerantabee

Some of the most common Adobe Flash Creative Suite 5 effects — such as zoom, flip, lean, and spin — are all different types of transformations, or changes to a Flash CS5 symbol’s dimensions, rotation, or skew.

You can perform transformations on a symbol from the Tools panel, Transform panel, or Modify menu and combine transformations for many animation possibilities.

Follow these steps to create a zoom-in effect:

  1. On the first frame of a new layer, use one of the Shape tools to create an interesting shape on the stage.

  2. With the shape selected, choose Modify→Convert to Symbol.

    The Convert to Symbol dialog box appears.

  3. Enter a name for the symbol in the Name text box, (for example, type Zoom Shape), choose Graphic from the Type drop-down list, and click OK.

    The symbol is added to your library and is ready to be used as part of a motion tween.

  4. Select the first keyframe; right-click and choose Create Motion Tween from the contextual menu that appears.

    A new tween span is created on the layer. If you’re working with the default frame rate of 24 fps, the tween span should be exactly 24 frames long.


  5. Click the frame ruler above the Timeline at Frame 24 to reposition the playhead at this point.

  6. Choose Window→Transform to open the Transform panel. From the panel, enter 300% in the Scale Width and Scale Height text boxes.

    The new keyframe that’s created automatically at Frame 24 within the tween span marks the change in scaling you’ve just made.

  7. Press Enter or Return to play your movie.

    The instance slowly increases in scale, creating the illusion that you’re zooming in closer to the object.

Create a zoom-out in effect in Flash CS5

The zoom-out effect is identical to the animation you just created — but in reverse. Rather than start with the smaller symbol instance, you start with the larger one and gradually pull away by tweening into the smaller one. Rather than create a new animation, you can copy and reverse the existing one by using a few handy shortcuts from the Timeline menu, which appears when you right-click (Windows) or Control-click (Mac) a frame.

To continue the existing tween and reverse the zoom effect, follow these steps:

  1. On the same layer as the existing tween, right-click Frame 48 and choose Insert Frame to add frames and extend the current “zoom-in” tween.

    Inserting frames after a motion tween span is an effective way of extending that tween without shifting existing keyframes.

  2. Select the next empty frame on the same layer.

    If your tween span is 24 frames long, it’s Frame 25.

  3. Right-click and choose Paste Frames from the contextual menu that ap-pears.

    A copy of the tween span is pasted back-to-back with the existing one.

  4. Right-click the new tween span and choose Reverse Keyframes from the contextual menu that appears.

  5. Click Frame 1 and then press Enter or Return to play back your animation.

    The zoom-in effect plays, followed immediately by the exact reverse (zoom-out).