Proper Zoom Techniques

This article focuses on 3 distinct zoom options and demonstrates the proper techniques to execute these functions within Doodly. This articles discusses cross zoom, side zoom and the punch in zoom techniques. This article is accompanied by a video to show the ending result and an image to show the settings. There are 3 images that can be downloaded to practice the zoom techniques, if desired.


  • Basic photo manipulation software with resizing capability.
    Note: The punch in zoom effect requires resizing images. While using Doodly to resize the image on the canvas is technically possible, the desired effect may not be achieved because of Doodly’s lack of ability and certain capabilities. Using a photo manipulation software will provide a more precise and desired outcome.


What is Cross Zoom?

This is a combination of two images. The second image fades over the first while the pan and zoom option in Doodly provides a zoom in and zoom out effect providing the cross zoom effect.

Cross Zoom Settings

1. Prepare 2 full size 1920px X 1080px images. Import those into Doodly.
2. Disable Erase Mode.
3. Set Scene Transitions to None.
4. The first layered image is set to 0 second delay and 0 second duration.
5. The second layered image is set to .5 second delay and .5 second duration.
6. Set the reveal mode for the second image to fade.
7. Set the Additional End of Scene Time for 1 second.
8. Place the first Pan and Zoom at 1/20th of a second. Set it to start zoom from full screen and to end zoom at about 1 centimeter high and about 3/4 inch wide.
9. The time length for this zoom is 0.5 seconds. The total time on the timeline should now be 0.7 seconds.
10. Place the second Pan and Zoom at 0.7 seconds. The start of the zoom should be where we left it on the previous pan and zoom and the end point will be full screen.
11. The time length for this zoom is 0.5 seconds. The total time on the timeline should now be 1.2 seconds.

What is a Side Zoom?

This is also called a high speed slide. It provides the effect of sliding from one page to another extremely fast

Side Zoom Settings

These instructions will provide the appearance of starting in one direction and then zooming to the other direction. The first part can be skipped if desired. This effect requires 3 scenes.
1. Set up 2 1920px X 1080px image assets on the canvas on the same scene. The placement of these images should be even with each other on the canvas away from the edges of the canvas.
2. Set both image assets to be 0 second delay and 0 second duration.
3. Create a pan and zoom on the exact time the first image asset is introduced.
4. The length of this pan effect will go for 2.5 20th’s of a second
5. Unlock the starting point for pan and zoom.
6. Adjust the pan and zoom to be exactly around the starting image asset and ending against the canvas edge closest to the starting image asset.
Note: Step 6 can be skipped if this movement is not desired.
7. Duplicate the scene.
8. Set a pan and zoom function exactly on the starting of the new scene.
9. The starting pan setting should be where left off before and the ending will be exactly over the second image asset.
Note: The SoloBoss Aligning Tool will help to align these up as long as the white background was removed from it.
10. The time length for the second pan and zoom is 1 20th of a second.
11. Create a scene.
12. Use the second image asset as either custom canvas background image or as a full canvas image asset. Set the image asset to 0 seconds delay and 0 seconds duration.
13. Create a 3rd pan and zoom exactly at the starting of that image. Ensure the pan and zoom placement is exact otherwise there may be some blinking that needs to be edited out with a video editor after rendering.
14. Unlock the start of the pan and zoom and set it to be full screen. Set the ending point to also be full screen.
15. The time for this pan and zoom is 1 20th of a second. (This one will bring us to full canvas image asset to allow us room to reveal more assets.)

What is a Punch In Zoom?

This is usually accompanied with sound effects and it is abruptly and immediately showing a zoomed in image multiple times without any easement.

Punch In Zoom Settings

This is the easiest zoom method to create in Doodly. There are several methods but the easiest is to prepare is using a photo editor and then importing the desired images into Doodly. We tried the pan and zoom and that is difficult at best. We tried using a duplicating a single full screen image and dragging it to give the appearance and in Doodly and that was problematic. Using a photo editor, we can create 3 distinct images that are all 1920px X 1080px and import those into Doodly. This allows us to keep the control of where we want the zoom.
1. Prepare your images and import them into Doodly.
2. Set Erase Mode to Off
3. Place a full canvas 1920px X 1080px original image asset down on the canvas.
4. Set the delay and duration to 0 seconds.
4. Copy and paste that image in place. There should be 2 of the same images on the canvas now.
5. Drag the second zoomed in image onto the canvas replacing the pasted image.
6. Set the delay to 1 second. Keep the duration 0 seconds.
7. Copy and paste that image. There should be 3 total layers now.
8. Drag the third zoomed in image onto the canvas replacing the pasted image.
9. Set the delay to 1 second. Keep the duration 0 seconds.
10 Set your sound effects the the transfer of images happen.