A seamless zoom transition creates the illusion that the Camera continuously travels from one scene into another.
You might zoom into:
- a building window;
- a person’s eye;
- a television screen;
- a phone;
- a photograph;
- a road;
- a doorway;
- a map location;
- a logo;
- a landscape feature.
As the Camera moves closer, the image becomes larger and faster until the viewer loses most of the visual detail.
At that moment, you switch to another shot.
The second scene begins highly magnified and rapidly zooms outward until the new environment becomes visible.
The basic structure is:
Scene A → accelerate inward → maximum zoom → hidden cut → zoom outward → Scene B
When motion, scale, blur, and composition are matched correctly, the viewer experiences the transition as one continuous Camera movement.
In this tutorial, we’ll build several types of seamless zoom transitions using native Adobe After Effects tools.
Affiliate disclosure: This article contains affiliate links. If you purchase Adobe After Effects through one of these links, we may earn a commission at no additional cost to you.
Where Can You Use Zoom Transitions?
Zoom transitions are especially useful for:
travel videos.
social-media edits.
music videos.
commercials.
real-estate videos.
documentaries.
product videos.
motion graphics.
map animations.
photo slideshows.
title sequences.
You can make them extremely fast and energetic or slow and cinematic.
If you’d like to follow along, you can explore Adobe’s current After Effects options here:
Explore Adobe After Effects and current plans
Understanding the Transition
Suppose:
SHOT_A
shows a mountain village.
SHOT_B
shows a city street.
We zoom rapidly into a dark window on one of the buildings.
As the window fills the frame:
motion blur increases.
detail disappears.
the frame becomes dark.
We switch to SHOT_B.
SHOT_B begins extremely enlarged.
We rapidly zoom outward.
The city street becomes visible.
The result appears to be:
mountain village → window → continuous Camera movement → city street
The Four Things That Make the Transition Work
A good zoom transition depends primarily on:
Scale
Position
Speed
Blur
If any one of these is badly mismatched, the transition becomes easier to notice.
Step 1: Choose Your Two Shots
Import:
SHOT_A
and:
SHOT_B
Look for shots that have compatible:
movement.
perspective.
lighting.
subject placement.
The shots don’t need to be identical.
The transition itself will hide many differences.
Step 2: Create the Master Composition
Create:
ZOOM_TRANSITION_MASTER
Suggested settings:
1920 × 1080.
30 fps.
10 seconds.
Place:
SHOT_A.
SHOT_B.
Overlap them around the transition point.
Step 3: Choose the Zoom Target
In SHOT_A, select the object you want to zoom toward.
Good targets include:
window.
door.
eye.
phone.
screen.
sign.
dark area.
bright light.
road.
building.
Step 4: Set the Anchor Point
The zoom should move toward the selected target.
Move the layer Anchor Point close to the target.
Alternatively, animate Position while scaling.
Step 5: Animate Scale
Start:
100%.
Move forward approximately 10–20 frames.
Increase Scale substantially.
For example:
100% → 500%.
Depending on the footage, you may need:
800%.
1200%.
or more.
Step 6: Animate Position
As Scale increases:
keep the target near the center of the frame.
This creates the illusion that the Camera is moving toward it.
Project 1: Basic Zoom-In
Animate only:
Scale.
Position.
No transition yet.
The Camera should appear to rush toward the target.
Step 7: Add Easy Ease
Select the Scale and Position keyframes.
Press:
F9
Then open:
Graph Editor
Step 8: Create Acceleration
The movement should begin relatively slowly and become much faster near the transition.
You want:
slow → faster → very fast.
Why Acceleration Matters
A linear zoom often feels like simple layer scaling.
Acceleration makes it feel more like Camera movement.
Step 9: Prepare Shot B
Now create the opposite animation.
Start SHOT_B at a very large Scale.
For example:
600%.
Then animate toward:
100%.
Step 10: Match the Zoom Direction
SHOT_A:
zooming inward.
SHOT_B:
should feel like the same Camera continues moving.
Although SHOT_B is technically scaling outward, visually it should feel like the Camera is emerging from the transition.
Project 2: Basic Zoom-to-Zoom
SHOT_A:
100% → 700%.
SHOT_B:
700% → 100%.
Cut at the midpoint.
Preview.
It will probably still look obvious.
Now we’ll hide it.
PART 2 — ADDING MOTION BLUR
Step 11: Enable Motion Blur
Turn on Motion Blur for both layers.
Enable it globally for the composition.
Step 12: Increase Blur Near the Cut
The fastest point should contain the strongest blur.
This hides:
texture differences.
small alignment errors.
compression.
sharpness differences.
Step 13: Add Directional Blur
Create an Adjustment Layer:
ZOOM_BLUR
Apply:
Directional Blur.
Animate the amount upward near the transition.
Then reduce it.
Radial Blur Works Better for Zooms
A zoom doesn’t primarily move horizontally or vertically.
Its motion radiates outward from a central point.
For that reason, radial or zoom-style blur often works better.
Step 14: Add CC Radial Fast Blur
Create an Adjustment Layer.
Apply:
CC Radial Fast Blur
Set the center near your zoom target.
Animate:
Amount.
For example:
0 → 50 → 0.
Adjust according to the footage.
Project 3: Blurred Zoom Transition
SHOT_A accelerates.
radial blur increases.
cut occurs.
SHOT_B begins blurred.
blur decreases.
The edit should now be much less noticeable.
PART 3 — MATCHING THE CENTER POINT
The blur should originate from the same visual location as the zoom.
If you zoom toward a window in the lower-right corner:
the radial blur center should also move toward that point.
Step 15: Animate Blur Center
Track the zoom target.
Animate the blur center accordingly.
Step 16: Recenter Before the Cut
For many transitions, it’s easier if the zoom target reaches the center just before the edit.
PART 4 — USING A NULL OBJECT
For more control:
create:
ZOOM_CTRL
Parent SHOT_A to it if appropriate.
Animate:
Scale.
Position.
This keeps the transition controls organized.
PART 5 — ADDING EXPOSURE FLASH
A short brightness change can hide the midpoint.
Step 17: Create Adjustment Layer
Rename:
FLASH
Apply:
Exposure.
Step 18: Animate Exposure
Before transition:
At midpoint:
+1 or +2.
After transition:
Keep the flash brief.
Project 4: Bright Zoom Transition
Zoom.
blur.
brief flash.
hidden cut.
zoom out.
This works particularly well when zooming toward:
sun.
light.
bright screen.
sky.
PART 6 — DARK ZOOM TRANSITION
Instead of white:
zoom into darkness.
Good targets:
doorway.
tunnel.
black clothing.
shadow.
window.
Step 19: Reduce Exposure
As the target fills frame:
darken the image.
Step 20: Cut Near Black
Switch scenes.
Step 21: Brighten Shot B
Reveal the new scene.
Project 5: Window-to-City Transition
Scene A:
building exterior.
Camera zooms into dark window.
frame becomes black.
cut.
new interior or city scene emerges.
PART 7 — ZOOMING THROUGH A DOOR
Doorways provide a naturally motivated zoom.
Step 22: Track Door Opening
Create a mask around the doorway.
Step 23: Place Scene B Behind It
Scene B becomes visible inside the door.
Step 24: Scale Toward Door
As the Camera approaches:
doorway fills frame.
Scene B gradually takes over.
Project 6: Doorway Zoom
Room A.
Camera rushes toward door.
Room B visible through opening.
Camera passes through.
Room B fills frame.
PART 8 — ZOOMING THROUGH A WINDOW
The same workflow works with:
house windows.
office windows.
car windows.
airplane windows.
Preserve Reflections
If the window contains:
reflection.
glare.
dirt.
keep these above Scene B.
That helps sell the composite.
PART 9 — SCREEN ZOOM TRANSITION
Screens are excellent transition targets.
Use:
phone.
tablet.
television.
laptop.
billboard.
Step 25: Track the Screen
Use planar tracking if needed.
Step 26: Place Scene B Inside
Composite Shot B onto the display.
Step 27: Zoom Into the Screen
Eventually:
screen fills entire frame.
Scene B becomes full screen.
Project 7: Phone-to-Scene Transition
Person holds phone.
video plays on phone.
Camera zooms toward screen.
screen fills frame.
video becomes full scene.
PART 10 — PHOTO ZOOM TRANSITION
Start with a photograph inside a real environment.
Camera moves toward the photo.
Photo becomes full frame.
Then the still image begins moving as video.
This is an effective documentary technique.
Project 8: Photograph Comes Alive
Wall with framed photograph.
Camera zooms in.
photo fills screen.
hidden transition.
historical footage begins.
PART 11 — EYE ZOOM TRANSITION
A person’s eye can become a dramatic transition target.
Step 28: Track the Eye
Keep pupil centered.
Step 29: Increase Scale
Zoom rapidly.
Step 30: Use Pupil as Darkout
As pupil fills frame:
cut near black.
Step 31: Reveal Scene B
The next scene emerges.
Project 9: Eye-to-Memory Transition
Face.
eye.
pupil.
dark frame.
memory scene.
This works well for:
dreams.
flashbacks.
character sequences.
PART 12 — MAP ZOOM TRANSITION
Zoom transitions are extremely useful in geographic animation.
For example:
world map.
Europe.
Netherlands.
Amsterdam.
street.
building.
Step 32: Start with Map
Animate Camera or Scale toward location.
Step 33: Increase Speed
As you approach the location:
accelerate.
Step 34: Add Motion Blur
Use radial blur.
Step 35: Transition to Aerial Footage
At maximum zoom:
switch from map to aerial imagery.
Step 36: Continue Toward Ground
The Camera appears to continue descending.
Project 10: Map-to-Street Transition
Europe.
Netherlands.
city.
radial blur.
aerial footage.
street-level footage.
This connects directly with Earth Zoom workflows.
PART 13 — EARTH ZOOM TRANSITION
Start:
Earth from space.
Zoom toward continent.
country.
city.
Clouds can help hide the transition.
Then:
switch to aerial footage.
This combines:
zoom transition.
cloud transition.
geographic animation.
PART 14 — ZOOM INTO A LOGO
A logo can become a transition portal.
Choose:
letter.
shape.
negative space.
Step 37: Zoom Toward Logo Element
Scale rapidly.
Step 38: Fill Frame with Shape
Use the shape as:
darkout.
color fill.
matte.
Step 39: Reveal Scene B
New scene appears from the logo.
Project 11: Logo Portal
Logo.
Camera zooms into letter O.
circle fills frame.
new scene emerges.
PART 15 — MATCH CUT ZOOM
For an even smoother transition:
choose similar objects in both shots.
Example:
Scene A:
round clock.
Scene B:
round sun.
Zoom into clock.
Cut.
Zoom out from sun.
The similar shape helps disguise the edit.
Other Match Ideas
Eye → planet.
wheel → clock.
window → screen.
sun → lamp.
door → tunnel.
road → river.
Project 12: Eye-to-Planet Transition
Zoom into eye.
iris fills frame.
cut.
planet fills frame.
zoom outward into space.
PART 16 — ZOOM THROUGH TEXT
Create large typography.
Zoom toward:
letter opening.
For example:
O.
A.
D.
P.
Use the negative space as a portal.
PART 17 — ZOOM THROUGH A SHAPE
Use:
circle.
square.
triangle.
custom logo shape.
Place Scene B inside.
Scale until the shape exceeds the frame.
PART 18 — MULTIPLE ZOOM TRANSITIONS
You can connect several scenes.
For example:
city → phone → beach → sunglasses → mountains.
Each scene contains the portal to the next.
Project 13: Five-Scene Zoom Sequence
Scene 1:
zoom into phone.
Scene 2:
zoom into hotel window.
Scene 3:
zoom into car mirror.
Scene 4:
zoom into tunnel.
Scene 5:
final landscape.
This works particularly well for short-form video.
PART 19 — ZOOM TRANSITIONS WITH 3D CAMERA
Instead of scaling layers:
use an actual After Effects Camera.
Step 40: Enable 3D Layers
Place scene elements in 3D space.
Step 41: Add Camera
Create:
CAM_MAIN
Step 42: Animate Camera Position
Move rapidly forward.
Step 43: Pass Through Foreground Element
Use:
door.
window.
card.
frame.
Project 14: 3D Camera Zoom
Camera travels through:
photo frame.
next scene exists behind it.
This can create more realistic parallax.
PART 20 — MOTION TILE FOR EXTREME ZOOMS
Large Scale values may expose layer edges.
Apply:
Motion Tile
where appropriate.
Increase:
Output Width.
Output Height.
Enable:
Mirror Edges.
Use carefully because repeated imagery may become visible.
PART 21 — UPSCALING AND IMAGE QUALITY
Extreme digital zooms can reveal:
pixels.
compression.
noise.
This is acceptable near the midpoint if:
motion blur is strong.
transition is fast.
Avoid holding an enlarged low-resolution image.
PART 22 — ADDING TURBULENT DISPLACE
A small amount of distortion near the midpoint can hide detail differences.
Create Adjustment Layer:
DISTORTION
Apply:
Turbulent Displace.
Animate:
Amount 0 → moderate → 0.
Keep it subtle unless you want a stylized transition.
PART 23 — CHROMATIC ABERRATION
For energetic edits:
separate RGB channels slightly near the transition.
Use sparingly.
This works well for:
music videos.
technology videos.
gaming.
PART 24 — CAMERA SHAKE
Add subtle Camera shake during maximum acceleration.
Don’t overuse it.
PART 25 — SPEED RAMPING
Speed is one of the most important components.
A strong pattern is:
slow.
accelerate.
maximum speed.
cut.
maximum speed.
decelerate.
slow.
Step 44: Enable Time Remapping
Use:
Layer → Time → Enable Time Remapping
Step 45: Compress Frames Near Transition
Increase apparent speed.
Step 46: Slow After Transition
Let the viewer settle into Scene B.
PART 26 — GRAPH EDITOR
Use the Speed Graph to create a smooth peak.
The midpoint should contain the highest velocity.
PART 27 — MOTION BLUR AND SPEED
More speed generally requires more blur.
Think of them together.
Slow movement:
little blur.
Fast movement:
strong blur.
PART 28 — ADDING A WHOOSH
Sound is extremely important.
Add:
riser.
whoosh.
air movement.
impact.
Sound Structure
Approach:
rising whoosh.
Midpoint:
impact or strongest air movement.
Exit:
descending whoosh.
PART 29 — AUDIO BRIDGE
Let Scene B ambience begin slightly before it becomes visible.
This prepares the viewer for the new location.
Example
Zooming from city to beach:
city sound fades.
ocean sound begins during blur.
beach appears.
PART 30 — MATCHING COLOR
If Scene A is warm and Scene B is cool:
use the transition midpoint to shift the grade.
Create:
TRANSITION_GRADE
Animate:
Temperature.
Tint.
Exposure.
Saturation.
PART 31 — MATCHING EXPOSURE
Use a bright or dark midpoint to hide exposure differences.
PART 32 — MATCHING ROTATION
If Scene A rotates clockwise:
continue clockwise into Scene B.
Don’t suddenly reverse unless intentional.
PART 33 — ROTATING ZOOM TRANSITION
Add Rotation to the zoom.
For example:
0° → 30°.
Scene B:
30° → 0°.
This creates more energy.
PART 34 — SPIRAL ZOOM
Combine:
Scale.
Rotation.
Radial Blur.
This produces a stylized spiral transition.
PART 35 — VERTICAL ZOOM
Instead of zooming toward center:
move toward an object above or below.
Example:
zoom upward into sky.
new scene emerges from sky.
PART 36 — ZOOM TO SKY
Camera rushes toward bright sky.
Exposure increases.
frame becomes white.
cut.
new scene emerges.
PART 37 — ZOOM INTO WATER
Camera zooms toward lake or ocean.
Use:
blue frame coverage.
distortion.
bubbles.
Then emerge underwater.
Project 15: Above-Water to Underwater
Beach.
Camera zooms toward ocean.
blue fills frame.
distortion increases.
cut.
underwater scene emerges.
PART 38 — ZOOM INTO FIRE
Use flame or bright light as transition coverage.
Good for:
dramatic edits.
fantasy.
music videos.
PART 39 — ZOOM INTO CLOUD
Combine with the previous cloud-transition tutorial.
Camera zooms toward cloud.
cloud fills frame.
whiteout.
new scene emerges.
PART 40 — ZOOM INTO TUNNEL
Road approaches tunnel.
Camera accelerates.
darkness fills frame.
cut.
new road emerges.
This combines object wipe and zoom techniques.
PART 41 — ZOOM OUT TRANSITION
The transition can begin extremely close.
Start on:
texture.
eye.
object.
photo.
Then rapidly zoom outward to reveal a much larger scene.
Project 16: Macro-to-Landscape
Start:
close-up leaf.
Zoom outward.
Reveal:
forest.
Continue outward.
Reveal:
mountain valley.
PART 42 — INFINITE ZOOM
Chain nested images together.
Image A contains Image B.
Image B contains Image C.
Continue zooming inward.
This creates an apparently endless journey.
PART 43 — PHOTO INFINITE ZOOM
Use:
portrait.
eye.
reflection.
photo.
screen.
map.
Each contains the next scene.
PART 44 — PRE-COMPOSE EACH SCENE
For complex sequences:
pre-compose:
ZOOM_SCENE_01
ZOOM_SCENE_02
ZOOM_SCENE_03
This keeps the master timeline manageable.
PART 45 — CREATE MASTER CONTROLS
Create:
ZOOM_TRANSITION_CTRL
Add:
Zoom Amount.
Zoom Center X.
Zoom Center Y.
Blur Amount.
Rotation.
Exposure Flash.
Distortion.
Transition Progress.
PART 46 — ONE TRANSITION PROGRESS CONTROL
Use:
0% = Scene A.
50% = transition midpoint.
100% = Scene B.
Expressions can link:
Scale.
Blur.
Opacity.
Exposure.
This creates a reusable transition rig.
PART 47 — BUILD PRESETS
Create:
FAST ZOOM
CINEMATIC ZOOM
DARK ZOOM
FLASH ZOOM
ROTATING ZOOM
MAP ZOOM
SCREEN ZOOM
DOORWAY ZOOM
PART 48 — OPTIMIZE PERFORMANCE
Extreme blur and scaling can slow previews.
During editing:
disable Motion Blur.
reduce preview resolution.
disable expensive adjustment effects.
Turn them back on for final review.
PART 49 — CHECK THE TRANSITION FRAME BY FRAME
Look for:
visible cut.
jump in direction.
blur mismatch.
brightness jump.
position jump.
Then Watch at Full Speed
A transition can look imperfect frame-by-frame but excellent at playback speed.
Always evaluate both.
Common Mistake: Zoom Is Linear
Use acceleration.
Common Mistake: Blur Is Too Weak
Strong speed usually needs stronger blur.
Common Mistake: Blur Center Doesn’t Match Zoom
Keep both aligned.
Common Mistake: Shots Move in Different Directions
Match motion.
Common Mistake: Transition Lasts Too Long
The fastest section should usually be brief.
Common Mistake: Enlarged Image Becomes Pixelated for Too Long
Keep extreme enlargement near the hidden midpoint.
Common Mistake: Scene B Appears Suddenly
Begin Scene B heavily zoomed and blurred.
Common Mistake: Exposure Jumps
Use a flash, darkout, or animated grading.
Common Mistake: No Sound
A zoom transition becomes substantially stronger with a good whoosh.
Common Mistake: Every Transition Is Identical
Vary:
targets.
speed.
direction.
rotation.
brightness.
Basic Zoom Transition Quick Recipe
- Import Shot A.
- Import Shot B.
- Choose zoom target.
- Animate Scale on Shot A.
- Animate Position.
- Accelerate movement.
- Start Shot B enlarged.
- Animate toward 100%.
- Match zoom center.
- Add radial blur.
- Increase blur at midpoint.
- Add Motion Blur.
- Hide cut at maximum speed.
- Match Exposure.
- Match color.
- Add speed ramp.
- Add whoosh.
- Preview.
- Refine timing.
- Render.
Cinematic Zoom Recipe
Use:
moderate speed.
smooth acceleration.
radial blur.
subtle Exposure adjustment.
matched composition.
cinematic sound.
Fast Social-Media Zoom Recipe
Use:
very fast acceleration.
strong blur.
brief flash.
impact sound.
optional rotation.
Dark Zoom Recipe
Use:
window.
door.
tunnel.
shadow.
darkout midpoint.
Bright Zoom Recipe
Use:
sun.
sky.
screen.
lamp.
white flash midpoint.
Map Zoom Recipe
Use:
geographic target.
Camera acceleration.
radial blur.
aerial imagery.
street-level reveal.
Five Essential Zoom Transition Exercises
Exercise 1 — Basic Zoom
Scale and Position between two clips.
Exercise 2 — Radial Blur Zoom
Add blur centered on the target.
Exercise 3 — Dark Window Zoom
Use a natural darkout.
Exercise 4 — Screen Zoom
Transition through a tracked screen.
Exercise 5 — Map-to-Street Zoom
Combine geographic scale changes with real footage.
Master these five exercises and you’ll understand the foundation of seamless zoom transitions.
Frequently Asked Questions
How do I make a zoom transition in After Effects?
Animate Scale and Position rapidly toward a target in the first shot, cut during maximum speed and blur, then animate the second shot from a large Scale back toward normal.
What blur should I use?
A radial or zoom-style blur is particularly effective because it follows the direction of zoom motion.
How long should the transition last?
Fast transitions may take only 8–15 frames, while cinematic versions can last 20–40 frames or longer.
How do I hide the cut?
Place it at the point of maximum speed, Scale, and Motion Blur.
Can I zoom through a window?
Yes.
Windows and doorways make excellent natural zoom targets.
Can I zoom into a phone screen?
Yes.
Track the screen, composite the next scene into it, and zoom until it fills the frame.
Can I zoom into an eye?
Yes.
The pupil can provide a useful dark transition midpoint.
Can I create a map zoom?
Yes.
Animate from a large geographic view toward a city and transition into aerial or street-level footage.
Can I use an actual 3D Camera?
Yes.
For layered 3D scenes, moving a Camera forward can create more realistic parallax than scaling a single layer.
Do I need third-party plug-ins?
No.
The core techniques can be created using native After Effects tools.
Practice Project: Mountain Village to City Street
Create:
ZOOM_TRANSITION_MASTER
at:
1920 × 1080.
Import:
SHOT_A — Mountain Village
SHOT_B — City Street
Choose:
a dark window in the village.
Animate SHOT_A:
Scale:
100% → approximately 800%.
Animate Position so the window reaches the center.
Use:
Easy Ease.
Graph Editor.
Create strong acceleration.
Add:
CC Radial Fast Blur
Animate blur:
0 → strong → 0.
At maximum zoom:
darken the window until most of the frame is nearly black.
Cut to SHOT_B.
Start SHOT_B:
heavily enlarged.
blurred.
slightly darkened.
Animate:
Scale → 100%.
Blur → 0.
Exposure → normal.
Match Camera movement.
Add:
whoosh.
city ambience begins during transition.
Preview at full speed.
The viewer should experience:
mountain village.
rapid move toward window.
dark blurred transition.
Camera appears to emerge into city street.
That project teaches:
Scale animation,
Position animation,
Graph Editor acceleration,
radial blur,
hidden cuts,
motion matching,
exposure matching,
and:
sound design.
If you’d like to create these transitions yourself, you can explore Adobe’s current After Effects options below:
What Should You Learn Next?
Once you understand seamless zoom transitions, the next step is creating whip-pan transitions.
Instead of moving toward or away from the scene, the Camera will move rapidly sideways or vertically.
We’ll use:
Position.
Rotation.
Directional Blur.
Motion Blur.
speed ramps.
motion matching.
hidden cuts.
The next article will therefore be:
How to Create Seamless Whip-Pan Transitions in Adobe After Effects: Match Fast Camera Movement, Motion Blur, and Speed Between Shots.
Final Thoughts
A seamless zoom transition isn’t primarily about making an image bigger.
It’s about creating believable continuous motion.
The first scene accelerates toward a target.
Visual information becomes increasingly difficult to read.
Blur reaches its maximum.
The cut happens.
The second scene continues the motion.
Then the Camera slows and the new environment becomes clear.
The most important ingredients are:
target alignment, acceleration, blur, timing, and motion continuity.
Start with simple Scale and Position animation.
Then add Graph Editor acceleration.
Then add radial blur.
Finally, match the second shot.
Once those elements work together, you can use the same technique for windows, screens, maps, photographs, eyes, tunnels, logos, landscapes, and complex multi-scene sequences.
Explore Adobe After Effects and start creating professional seamless zoom transitions






