How to Zoom in Animate CC

What to Know

  • Use the Selection Tool to select the area on the image you want to zoom up on. Go to Modify > Convert to symbol > OK.
  • Choose Insert Frame. Enter a number of frames and seconds. Right-click any frame between first and last. Choose Create Motion Tween.
  • Use Free Transform Tool to select image and transform it to how it should look at the end of the zoom. Reposition with Selection Tool.

This article explains how to create a zoom effect in Animate CC.

How to Zoom in Animate CC: Make a Selection

Simulate a zoom effect in Animate CC to make it appear as though the camera has zoomed forward or backward from the image to encompass more or less of the scene.

Decide what you want to zoom up on in Animate CC and select it. Select the object or objects with the Selection Tool (press V). To select multiple objects, drag the tool around the objects you want to zoom in on. To select a single object, click once on the object.

After the desired objects are selected, go to Modify > Convert to Symbol. Name the symbol or keep the default, and select OK.

Adobe Animate CC with Modify highlighted

Insert a Frame

Decide how many frames your zoom effect should span based on your frame rate and the number of seconds you want it to last. For example, to create a five-second zoom at standard web 12 fps, create a 60-frame animation.

On frame 60 (or whatever your corresponding frame is), right-click and choose Insert Frame.

Adobe Animate CC with Insert Frame highlighted

Create Motion Tween

Right-click any frame between your first and last frame in the zoom animation, and choose Create Motion Tween.

Create Motion Tween selected in Adobe Animate CC

This uses motion tweening to interpolate the frames between the largest and smallest version of the image, making it appear to shrink or expand. With the stage acting as the camera's view area, the animation will zoom in or out when it is embedded in a web page.

Set the Zoom Level

Select the last frame of the animation and then zoom the image to wherever you want it to be at when the animation reaches the last frame.

Do this with the Free Transform Tool (press Q). With the Free Transform Tool enabled, select your image and transform it into the way it should appear at the end of the zoom cycle.

For example, to cause the animation to zoom up to the top flower, hold Shift to maintain the ratio and drag a corner of the image outward to make it larger.

When you're done resizing, use the Selection Tool to position it on the canvas. Then, test the animation by dragging the red square left and right through the timeline.

Testing an animation in Adobe Animate CC

If you made the image larger, zoom out on the canvas to view more of it. The zoom option is above the canvas; by default, the zoom is set to 100%.

This software used to be called Flash Professional until Adobe released a version of the program under the name Animate CC in 2016.

Was this page helpful?