However, ScreenFlow offers a handy function for this.Ģ:40: So you'll notice I'm bringing up my menu in the top here and we're going to insert a snapback action. To do this, I could create a new action and drag the handles back to our original zoom percentage. This is where we want the zoom out effect to happen. To do that, I'm going to drag the playhead around here. It feels like a much more natural movement.Ģ:13: So now that we've got the zoom in effect we want to zoom back out. I'm going to click ease in and ease out, but feel free to choose one that you like. Right clicking on this action comes up with the curve type. So I'm going to right click and we have an option here. Not too bad, I think it would look better with some easing.
So you'll notice as I drag the playhead over the video, the animation is nice and smooth for us.ġ:41: So let's play that from the beginning and see how we like it. And now screenflow does some automatic tweening between these two states. So I want the left hand side to get bigger and zoomed in so I'm going to tweak this just a bit. So what I'm going to do is move this to the start of our playhead, so this is where our animation is going to start.ġ:08: And then I'm going to move our playhead to the end of this animation and now I'm going to scale the video by dragging the handles, or by dragging the scale slider in the right. So we're going to click this, and you'll notice we get a litte yellow piece on our screen recording. Next, I'm going to select the video tab in the top right and make sure that our screen recording is selected.Ġ:46: Now that it's selected we have a bunch of options lighting up here, one of those is the action button. So what we're going to do here is zoom in on the left hand menu as the mouse gets closer to the icon we want to hit.Ġ:31: I'm going to move the scrubber to around the point where I want to start this animation.
Screenflow tutorial code#
So I'm going to play it real quick.Ġ:16: I've got VS Code open and my mouse goes over to the extensions tab and clicks it. Example footage that we'll use to demonstrate the zoom in effect. Video LessonĠ:01: In this tutorial we're going to look at zooming in to a specific part of the screen using ScreenFlow.Ġ:06: I've recorded some demo footage here.
Screenflow tutorial how to#
In this tutorial, you'll learn how to zoom in using a video action, then zoom back out using a snapback action, as well as add animation easing effects.
Help guide your viewers' eyes by zooming in on specific parts of a video.
0 kommentar(er)
