How to Zoom in Animate CC

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. Animate CC makes it easy to zoom in and out. All you have to do is choose the area you want the zoom to take place in, and for how long the zoom should last.

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

Make a Symbol From a Single Image or From Several Images

Decide what you want to zoom up on in Animate CC, and then 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%.

Was this page helpful?