How to Zoom in Animate CC

Animate CC zoom effect example with a lion

Jon Fisher

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

A screenshot showing how to select an object to zoom in Adobe Animate CC

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.

Insert a Frame

A screenshot showing how to insert a frame in Adobe Animate CC

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.

Create Motion Tween

A screenshot showing how to create a Motion Tween in Adobe Animate CC

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

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

A screenshot showing how to zoom in animate using Adobe Animate CC

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.

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%.