Name: Zoom in and out with ScreenFlow
Uploaded: 2020-05-25T07:42:23-05:00
Description: Zooming in to an important part of your screen can eliminate distractions and focus the viewer's attention on what's important at the time. In this lesson you will learn how to create a zoom in and out animation with easing in ScreenFlow.

Zooming in to an important part of your screen can eliminate distractions and focus the viewer's attention on what's important at the time. In this lesson you will learn how to create a zoom in and out animation with easing in ScreenFlow.

https://app.egghead.io/api/v1/lessons/egghead-zoom-in-and-out-with-screenflow/subtitles

Zoom in and out with ScreenFlow

Ryan Warner: [0:00] With our screen-recording already on the timeline, select video. Ensure that the screen-recording is selected by clicking on it in the timeline.

[0:09] Move your play head to about the point where you want the zoom-in effect to happen. Then click the Add Action button in the top-right.

[0:17] You'll notice our action gets added, overlaid on top of our screen recording. This represents the start and end-point over zoom in animation. You can click and drag to adjust the duration.

[0:31] With our play-head at the end of this action, scale up our video by clicking and dragging the handles, or by sliding the scale slider in the top-right.

[0:43] ScreenFlow will automatically tween between the start and end-states of this action. You can see this by scrubbing over the timeline.

[0:53] To zoom back out, move your play-head to about the point where you want the zoom-out action to take place.

[1:00] In the ScreenFlow menu, select Actions, Add Snapback Action, Video or option command K. This will create an action that automatically reverts a screen-recording back to its default state.

[1:12] Add easing by right clicking on an action and selecting a Curve Type. This will give our animation more natural feel. Let's see how this looks by playing our video from the beginning,

[1:27] We started by adding a video action to a screen-recording, and then scaled up our video and let ScreenFlow create a tween animation between the two states. We then created a snapback action to zoom back out and added some easing to make the animation feel more natural.

Zoom in and out with ScreenFlow

Share this video with your friends