Zoom in and out with 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.
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.
Member comments are a way for members to communicate, interact, and ask questions about a lesson.
The instructor or someone from the community might respond to your question Here are a few basic guidelines to commenting on egghead.io
Be on-Topic
Comments are for discussing a lesson. If you're having a general issue with the website functionality, please contact us at support@egghead.io.
Avoid meta-discussion
Code Problems?
Should be accompanied by code! Codesandbox or Stackblitz provide a way to share code and discuss it in context
Details and Context
Vague question? Vague answer. Any details and context you can provide will lure more interesting answers!