> ## Content Index
> Fetch the complete content index at: https://cotovan.com/llms.txt
> Use this file to discover other available public pages before exploring further.

# How to Zoom and Pan in Riverside: Videos, Screen Shares, and Images
- URL: https://cotovan.com/post/how-to-zoom-and-pan-in-riverside-videos-screen-shares-and-images/
- Published: 2026-10-03T16:14:49.000Z
- Updated: 2026-10-03T17:09:30.000Z
- Author: Cristi Cotovan
- Tags: Riverside.FM Articles

"Can we zoom and pan? Can we move the screen left or right? Can we create those little camera dolly moves in and out?" I have heard these questions from [Riverside](https://cotovan.com/riverside) users for a long time, and the answer is finally yes. Riverside now has a **Zoom & pan** animation that works on your camera video, your screen share, and any image or B-roll you add on top.

It is easy to use. There are only a few buttons, and everything happens between the timeline and the canvas. I will go through three ways I use it: a slow zoom on a talking head, zooming into a screen share for tutorials, and animating B-roll and images.

## Create a Slow Camera Zoom

The first use case is the classic one: the video slowly zooms in while you are talking. Zoom and pan is applied per video, so if you have several guests, you can animate each one differently.

Start by opening the timeline so you can see what is going on. Then move the playhead to the exact point where you want the zoom to begin. This matters, because when you add a zoom and pan animation, Riverside creates the first keyframe wherever the playhead is. Having the words displayed along the bottom of the timeline helps a lot here — I park the playhead in the little gap right before the word where I want the movement to start.

Now select the video on the canvas and click the **Animation** button in the toolbar above it.

![Riverside editor toolbar above the selected video with the Animation button highlighted](https://storage.ghost.io/c/5b/aa/5baa4306-14e9-442c-8242-49463a36912f/content/images/2026/10/riverside-zoom-pan-animation-button.jpg)

Select the video on the canvas, then click Animation in the toolbar.

That button was already there for other kinds of animation, but the panel now includes **Zoom & pan**. Click the plus sign to add one. You can add more than one to the same clip.

![Riverside Animation panel with a Zoom and pan option and a plus button](https://storage.ghost.io/c/5b/aa/5baa4306-14e9-442c-8242-49463a36912f/content/images/2026/10/riverside-zoom-pan-add-animation.jpg)

The Animation panel. Click the plus next to Zoom & pan to add the animation at the playhead.

A thin line appears on the clip in the timeline. That line is the animation: it shows where the movement begins and where it ends. To make the animation longer, grab the end point and drag it to the right. A longer line means a slower move, because the same change is spread over more time. Riverside shows the duration as you drag, down to the frame — mine read 5 seconds and 9 frames, and I kept going to about 9 seconds for a very slow zoom.

![Riverside timeline with the zoom and pan animation line being dragged and a duration label of 9 seconds 7 frames](https://storage.ghost.io/c/5b/aa/5baa4306-14e9-442c-8242-49463a36912f/content/images/2026/10/riverside-zoom-pan-timeline-duration.jpg)

Drag the end of the animation line to set how long the move takes. The label shows the duration in seconds and frames.

Notice that the playhead stays where you added the animation. You do not have to move it to work on the end of the move.

## Set the Start and End Keyframes

While you are editing the animation, a bar above the canvas gives you two buttons: **Start** and **End**. In video editing we call these keyframes. Click one or the other to choose which point you are setting.

For the start, I do not want anything to change. The video stays zoomed out at 100%. For the end, I want to be closer, so I click **End** and raise the zoom. You can drag the slider or type a number into the percentage field. I went with 125%.

While you are on the End keyframe, you can also [reframe the video](https://cotovan.com/post/crop-reposition-reframe-video-editing-riverside/). Drag it on the canvas until it sits exactly where you want it when the animation finishes. That is the pan part of zoom and pan.

![Riverside zoom and pan bar with End selected, zoom at 125 percent, and the video being dragged on the canvas](https://storage.ghost.io/c/5b/aa/5baa4306-14e9-442c-8242-49463a36912f/content/images/2026/10/riverside-zoom-pan-end-keyframe-125-1.jpg)

With End selected, set the zoom and drag the video to frame the final position.

## Choose the Easing

Next to the zoom value there is an easing menu. Easing decides how the speed of the move changes over time — the curve of the animation. There are four options:

- **Ease in** — starts slowly and picks up speed.
- **Ease out** — starts at speed and slows down at the end.
- **Ease in & out** — starts slowly, speeds up in the middle, and slows down toward the end.
- **Linear** — constant speed. The animation starts, moves at exactly the same rate, and stops.

![Riverside zoom and pan easing menu showing Ease in, Ease out, Ease in and out checked, and Linear](https://storage.ghost.io/c/5b/aa/5baa4306-14e9-442c-8242-49463a36912f/content/images/2026/10/riverside-zoom-pan-easing-options-1.jpg)

The easing menu. Ease in & out is the default.

**Ease in & out** is the default, and it is the one I like. It gives you a more natural, human-looking move than a constant-speed zoom. I leave it on.

Click **Done**, and the animation is added. It now shows in the Animation panel as **Zoom & pan (1)**, with the option to add another one below it.

One note: when you deselect the clip, the keyframe line disappears from the timeline. You have not lost it, but you cannot see it either. I wish it stayed visible so I could tell at a glance where my animations are. For now, select the clip and open Animation to bring the keyframes back.

If you’re eager to learn more about Riverside and wish to have ****a one-on-one Riverside coaching session**, feel free to [book a call with me](https://cotovan.com/coaching).   
  
I’m here to help you with any questions you have and to guide you through the best workflows, tips, workarounds, or just answer any questions you may have!

[Book a session ](https://cotovan.com/coaching) 

## Change the Speed of an Animation

Play it back. If the move feels too slow, you do not need to touch the zoom values. Change the distance between the start and end points instead. Bring them closer together and the animation still travels the same amount of zoom, just in less time.

Select the video, click **Animation**, and the keyframes show up in the timeline again. Click the existing **Zoom & pan (1)** entry to edit it. You can change Start and End, or drag the points in the timeline. I dragged the end point back to roughly half the length, which makes the zoom about twice as fast.

![Riverside Animation panel listing Zoom and pan (1) with edit and delete icons, plus an option to add another](https://storage.ghost.io/c/5b/aa/5baa4306-14e9-442c-8242-49463a36912f/content/images/2026/10/riverside-zoom-pan-edit-existing-animation-1.jpg)

An existing animation appears as Zoom & pan (1). Click it to edit, or use the trash icon to remove it.

## Work Around the Done Button Quirk

There is one quirk you should know about, because it will cost you your edit if you miss it. When I reopen an existing animation and only drag the keyframes in the timeline to make it longer or shorter, the **Done** button stays greyed out. Hover over it and Riverside tells you that you need to edit the animation before saving. Moving the keyframes does not count.

![Riverside zoom and pan bar with the Done button greyed out and a tooltip saying you need to edit the animation before saving](https://storage.ghost.io/c/5b/aa/5baa4306-14e9-442c-8242-49463a36912f/content/images/2026/10/riverside-zoom-pan-done-button-disabled-1.jpg)

After only dragging keyframes, Done is inactive and the tooltip says the animation must be edited before saving.

If you click **Cancel** or click away at this point, the change is thrown out. Open the animation again and it is back to its old length.

The workaround is simple. After you drag the keyframes, nudge the zoom value up by one and back down again — 125 to 126 and back to 125\. That activates the **Done** button. Click it, and the new timing is applied. You will see the line in the timeline at its new length.

I call this a UI quirk, or a bug, and I expect it to be addressed. Until then, remember the nudge every time you retime an animation or change only its easing.

## Zoom Into a Screen Share for Tutorials

This is the use case I wanted zoom and pan for. I make a lot of tutorials, and now I can zoom in and out on my screen share right inside Riverside.

First I set up a tutorial layout. After my introduction, I [insert a new scene](https://cotovan.com/post/how-to-adjust-scene-break-location-in-riverside/) with the scene button or by pressing **S**. Then I change the [layout](https://cotovan.com/post/how-to-save-and-reuse-scene-layouts-in-riverside/) so the screen share is full screen and I am in the corner, and I make my camera bubble a bit larger.

![Riverside editor with a new scene showing the screen share full screen and the host camera in a circle in the corner](https://storage.ghost.io/c/5b/aa/5baa4306-14e9-442c-8242-49463a36912f/content/images/2026/10/riverside-screen-share-layout-scene.jpg)

A new scene with the screen share full screen and my camera in the corner.

From here the steps are the same as before, only this time you select the screen instead of the camera:

1. Put the playhead where you want the animation to start.
2. Click the screen share on the canvas.
3. Click **Animation** and add **Zoom & pan**.
4. Click **End**, zoom in, and drag the screen so the part you want to show fills the frame.

I wanted to highlight the top-left part of the screen, so I zoomed to 178% and dragged the recording until that area was in view.

![Riverside zoom and pan End keyframe on a screen share zoomed to 178 percent, showing the top-left of the recording](https://storage.ghost.io/c/5b/aa/5baa4306-14e9-442c-8242-49463a36912f/content/images/2026/10/riverside-zoom-pan-screen-share-end-keyframe.jpg)

The End keyframe on the screen share: 178% zoom, reframed on the top-left of the screen.

There is a helpful detail in the timeline while you do this. The keyframe you are currently editing is highlighted in purple. I do not really need it, since the bar above the canvas already says whether I am on Start or End, but it is a good confirmation.

![Riverside timeline showing a zoom and pan line with the end keyframe highlighted in purple](https://storage.ghost.io/c/5b/aa/5baa4306-14e9-442c-8242-49463a36912f/content/images/2026/10/riverside-zoom-pan-active-keyframe-timeline-1.jpg)

The keyframe you are editing is highlighted in purple in the timeline.

Click back to **Start** and check that it is at 100% and visually in the right place, then click **Done**.

![Riverside zoom and pan Start keyframe on a screen share at 100 percent showing the whole screen recording](https://storage.ghost.io/c/5b/aa/5baa4306-14e9-442c-8242-49463a36912f/content/images/2026/10/riverside-zoom-pan-screen-share-start-keyframe.jpg)

Go back to Start and confirm the screen is at 100% before you click Done.

Press play and the screen glides into the area you framed. To change the easing later, select the screen, open Animation, edit the animation, and pick a different option. Remember the quirk: nudge the zoom up and down to activate Done, or the change will not take effect.

There are still a few bugs and quirks, but this opens up a lot of possibilities for tutorials. You can zoom in and out and point your viewer at different parts of the screen without leaving Riverside.

## Animate B-Roll and Images

Zoom and pan is not limited to what you recorded in Riverside. It also works with [B-roll](https://cotovan.com/post/how-to-add-b-roll-in-riverside-overlay-vs-insert-to-timeline/), images, and other videos you add on top of your main timeline.

I opened **Stock** and pulled in a stock video. Riverside adds it on its own track above the main one. Select that clip, click **Animation**, and you will see three options this time. **In** and **Out** are the animations that were there before. They decide how the item comes onto the screen and how it leaves, which is handy for titles, bits of text, and icons. Below them is **Zoom & pan**.

![Riverside Animation panel for a stock B-roll clip showing In, Out, and Zoom and pan options](https://storage.ghost.io/c/5b/aa/5baa4306-14e9-442c-8242-49463a36912f/content/images/2026/10/riverside-zoom-pan-b-roll-animation-panel.jpg)

Overlay clips get In and Out animations plus Zoom & pan.

Add it, and the same keyframe line shows up on the B-roll clip in the timeline. I went to **End**, zoomed in on a pair of headphones in the shot, reframed them, went back to **Start** to check the position, and pulled the first keyframe along the timeline a little to adjust where the move begins. Then **Done**.

![Riverside zoom and pan End keyframe on a stock video clip zoomed to 178 percent on a pair of headphones, with the keyframe line on the overlay track](https://storage.ghost.io/c/5b/aa/5baa4306-14e9-442c-8242-49463a36912f/content/images/2026/10/riverside-zoom-pan-b-roll-end-keyframe.jpg)

Zooming into the headphones on a stock clip. The keyframe line sits on the overlay track in the timeline.

The picture now animates on its own. When I played it back, my screen-share animation was still running underneath at the same time. Each item keeps its own zoom and pan, so you can layer several moves in one scene.

## Quick Recap

- Park the playhead where the move should start, select the item, and choose **Animation → Zoom & pan**.
- Drag the end of the line in the timeline to set the duration. Longer is slower.
- Leave **Start** as is, then set the zoom and framing on **End**.
- Keep **Ease in & out** for a natural move, or switch to **Linear** for constant speed.
- When you edit an existing animation, nudge the zoom up and down so **Done** becomes active.
- It works on camera video, screen shares, B-roll, and images, each with its own animation.

Zoom and pan gives you a lot more flexibility in how you lay things out on screen. If you have questions about it, leave them in the comments on the video.

## Related guides

[Dynamic Zoom Edits in Riverside for Polished PodcastsLearn how to create professional-looking zoom effects and camera layout switches in Riverside. Two techniques for hiding jump cuts, switching angles, and adding movement to your podcast — no second camera needed.![](https://storage.ghost.io/c/5b/aa/5baa4306-14e9-442c-8242-49463a36912f/content/images/icon/Cristi-2-31.jpeg)Cristi CotovanCristi Cotovan![](https://storage.ghost.io/c/5b/aa/5baa4306-14e9-442c-8242-49463a36912f/content/images/2026/03/riverside-zoom-edits-thumbnail.jpg)](https://cotovan.com/post/dynamic-zoom-edits-riverside-polished-podcasts/)

[How to Use AutoCrop and Reframe Video in RiversideRiverside's new editor detects faces and centres them in one click. Here's how to use AutoCrop, control the zoom, and push the same crop across every matching scene with Similar scenes.![](https://storage.ghost.io/c/5b/aa/5baa4306-14e9-442c-8242-49463a36912f/content/images/icon/Cristi-2-31.jpeg)Cristi CotovanCristi Cotovan![](https://storage.ghost.io/c/5b/aa/5baa4306-14e9-442c-8242-49463a36912f/content/images/2026/08/riverside-auto-crop-feature.jpg)](https://cotovan.com/post/how-to-use-autocrop-and-reframe-video-in-riverside/)

[How to Record a Reaction or Commentary Segment in Riverside (Screen + Camera)Drop a reaction or commentary segment into any Riverside edit: split your timeline, record yourself with your screen shared, capture the audio, and style it with layouts and scenes.![](https://storage.ghost.io/c/5b/aa/5baa4306-14e9-442c-8242-49463a36912f/content/images/icon/Cristi-2-31.jpeg)Cristi CotovanCristi Cotovan![](https://storage.ghost.io/c/5b/aa/5baa4306-14e9-442c-8242-49463a36912f/content/images/2026/06/reaction-riverside-thumbnail.jpg)](https://cotovan.com/post/how-to-record-a-reaction-or-commentary-segment-in-riverside-screen-camera/)

[How to Add B-Roll in Riverside's New Editor Using ScenesHow do you drop a B-roll clip, an image, or a video on top of just one part of a podcast episode, hide the host and guest for that section, and do it without cropping, stretching, or forcing the media![](https://storage.ghost.io/c/5b/aa/5baa4306-14e9-442c-8242-49463a36912f/content/images/icon/Cristi-2-31.jpeg)Cristi CotovanCristi Cotovan![](https://storage.ghost.io/c/5b/aa/5baa4306-14e9-442c-8242-49463a36912f/content/images/2026/07/feature-thumbnail-1.jpg)](https://cotovan.com/post/how-to-add-b-roll-in-riversides-new-editor-using-scenes/)

[How to Zoom and Pan the Riverside Timeline with Your MouseNavigating the Riverside timeline with a mouse is faster than you'd think — if you know two shortcuts. Zoom In and Out Hold Cmd (Mac) or Ctrl (Windows) and scroll your mouse wheel to zoom in and ou![](https://storage.ghost.io/c/5b/aa/5baa4306-14e9-442c-8242-49463a36912f/content/images/icon/Cristi-2-31.jpeg)Cristi CotovanCristi Cotovan![](https://storage.ghost.io/c/5b/aa/5baa4306-14e9-442c-8242-49463a36912f/content/images/2026/02/riverside-zoom-pan-youtube-thumbnail.jpg)](https://cotovan.com/post/how-to-zoom-and-pan-the-riverside-timeline-with-your-mouse/)

If you're eager to learn more about Riverside and wish to have a one-on-one Riverside coaching session, feel free to book a call with me. I'm here to help you with any questions you have and to guide you through the best workflows, tips, workarounds, or just answer any questions you may have!

[Book a session ](https://cotovan.com/coaching) 

## Free Riverside Tips, Tricks, and Training in Your Inbox

I create regular training content on [Riverside.fm](https://cotovan.com/riverside) \- if you're trying to learn the platform, I intend to teach all the ins and outs. Subscribe here and when a new article or video goes live, you'll be the first to know!

Subscribe for free 

Email sent! Check your inbox to complete your signup. 

No spam. Unsubscribe anytime.