Tutorial · July 8, 2026 · 6 min read
A flat, full-screen recording makes viewers hunt for the thing you're pointing at. Add a smooth zoom and pan — the Ken Burns effect — and their eye goes exactly where you want. Here's how to add keyframed zoom and pan to a screen recording, free, in your browser.
Why zoom and pan makes a demo easier to follow
Screen recordings capture a lot of pixels at once. When you say "click the settings gear in the top right," the viewer's eye has to scan the whole frame to find it. A slow push-in on that corner removes the guesswork — the important thing gets bigger and the rest falls away. A gentle pan then carries the eye to the next step. It's the same trick documentaries use on still photos, and it works just as well on a UI walkthrough.
The two tools: Crop and Scale
EZ Web Streams gives you two related controls, and it helps to know the difference:
- Crop — pick a region of the frame and zoom it to fill. This is a static "here's the part that matters" move. The new Fit to Project option snaps your crop to the project's aspect ratio so nothing looks stretched.
- Scale — a keyframed punch-in and Ken-Burns pan that animates over time. Set where the zoom starts and where it ends, and the editor smoothly moves between them.
Step 1 — Open your clip in the editor
Record on the record page, or drop an existing screen recording into the editor. Click the clip on the timeline to select it — the zoom and pan controls apply to whichever clip is selected.
Step 2 — Set the starting Scale keyframe
Move the playhead to the moment the zoom should begin — usually a beat before you say "look here." Add a Scale keyframe at 100% (the normal, full view). This is your anchor: the recording sits normal until this point.
Step 3 — Add the punch-in keyframe
Move the playhead forward to where you want the close-up to land — say, a second later. Bump the scale up (try 150–200%) and position the frame over the detail you're highlighting. The editor now animates a smooth push-in between your two keyframes. That's the Ken Burns move in two clicks.
Step 4 — Pan across the frame (optional)
Want the camera to glide from one area to another while zoomed in? Add another keyframe further along and shift the framed position. Because it's still zoomed, the result is a slow pan across the screen — perfect for tracing a flow from a form field to a "Submit" button.
Step 5 — Zoom back out and export
To return to the full view, add a final keyframe back at 100% scale. Then export to MP4 — the animated zoom and pan render into the file frame-accurately. Layer it with a gradient background and captions and a plain screen grab starts to look produced.
A few tips for natural motion
- Keep zooms gentle — 150–180% reads as "emphasis," 300% reads as "seasick"
- Give each move at least half a second so it feels smooth, not snappy
- One zoom per idea; don't push in and out on every sentence
- Zoom out fully before a scene change so viewers get their bearings back
How it compares
Screen Studio made auto-zoom famous — it follows your cursor and punches in automatically, which is genuinely slick. But it's a Mac-only native app, so Windows, Linux and Chromebook users are shut out, and its zoom is automatic rather than something you place exactly where you want it. Auto is convenient until it zooms on the wrong thing.
EZ Web Streams runs in any browser on any OS and gives you manual keyframed zoom and pan — you decide precisely when the push-in starts, how far it goes, and where it glides. That control lives in the same free editor as your timeline, captions and export, so you're not buying a separate Mac app just to emphasize a button.
Make your next demo easy to follow
Keyframed zoom and pan — free, in the browser, no install.
Start free →FAQ
What is the Ken Burns effect on a screen recording?
It's a slow, smooth zoom and pan across the frame, named after the documentary filmmaker. On a screen recording it means gently punching in on a button or detail and gliding across the screen so the viewer's eye follows the action.
Do I need keyframes, or is the zoom automatic?
You control it with keyframes for smooth, animated zoom and pan. Set a Scale keyframe where the punch-in starts and another where it ends, and the editor animates between them. Crop also does a static zoom if you don't need movement.
Can I zoom in on just one part of the screen?
Yes. Use Crop to select a region and zoom it to fill the frame, or Fit to Project to snap the crop to your aspect ratio. Combine that with a Scale keyframe to push in on a single menu, field or chart.
Is zoom and pan free?
Yes. Crop, Scale and keyframed zoom/pan are part of the free browser editor. The Free plan records up to 5 minutes at 720p, unlimited, forever. Pro at $7.99/mo lifts the length and resolution and adds more.