Zoom Effect Created Using Animation in Flash

//Zoom Effect Created Using Animation in Flash

Zoom Effect

A zoom effect is created when a camera rotates forward or backwards to encompass more or less of a scene. While Flash technically doesn’t have a camera, you can simulate the effect using animation.


You can use one of these two ways:

  1. Using Shape Tweens
  2. Using Motion Tweens

Shape Tweens work when you have simple vector art drawn in Flash so that for the sake of consistency, we will do this using a motion tweens.


It means that if you create a zoom effect on flash artwork, you will need to turn it into a symbol – the same with any images you have chosen to import.

Steps to Create a Zoom-In Effect

Perform transformations on a symbol from the Transform panel, Tools panel or Modify menu and merge transformations for many animation possibilities.


Follow these Steps to Create a Zoom Effect:

1. New layer on the first frame, use one of the Shape tools to create an impressive shape on the stage.

2. With the shape selected, choose Modify→Convert it into Symbol. The Convert to Symbol dialog box appears.

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

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

4. Select the first keyframe then right-click on it and choose Create Motion Tween from the contextual menu that seems.

Zoom EffectA new tween span is created on the layer. If you are working with the default frame rate of 24 fps, the tween span should be precisely 24 frames long.

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

6. Choose Window → Transform to open the transform panel. From the panel, enter 300% in scale width and scale height text boxes. The new keyframes that created automatically at frame 24 within the tween span mark the change in scaling you have just made.

7. Press Enter or Return to play the movie

The instance slowly increases in scale then creating the illusion that you are zooming in closer to the object.




Click on Below Video: How to Create Zoom Effect in Adobe Flash

Steps to Create a Zoom-Out Effect

In zoom out, the effect is identical to the animation you only created but in reverse. Rather than to begin with the smaller symbol instance, you start with larger one and gradually pull away by tweening into the smaller one. Instead of creating a new animation, you can copy and reverse the existing one by using handy shortcuts from Timeline menu, which appears when right-clicking or control-click a frame.

Click on Below Video: Animate a Zoom Effect in Flash



Follow these Steps to Create a Zoom Effect:

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

Inserting the frames after a motion tween span is an effective way of extending that tween without shifting the 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 then choose the Paste Frames from the contextual menu that appears.

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

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

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

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

Click on Below Video: Flash Animation Tutorial – Masking Techniques