Hi Guys! Jordan with Motion Array! And today…..we’re gonna show you how to do...this!
So the basic premise is that you start with a scene and then zoom out to reveal that it was on a device the entire time. Or you could do the exact opposite, starting with a scene and then zoom into whatever you're looking at. Either way the process is quite simple, and we can do it all inside of Premiere Pro. So, let's jump right into it!
How To Create A Screen Zoom Transition In Premiere Pro
The following text has been transcribed for optimal reading
Okay, so now let’s take our two shots that we have here. We have our first shot, which we want to make it look like is on the screen, of our second shot. And it’s important to know that when we shoot the second shot. Having it actually playing on your screen or device for the camera to see is important. But if you REALLY wanted to be ambitious, you could do a classic screen replacement. For more on that, check out this video we did on how to do a screen replacement.
Okay but now that we have our two shots here we need to create the illusion that we’re going from one to the other. So the first thing that we need to do is line up our footage so that they occur at the correct time in sequence. For this it’s easiest to put the first clip on top and to drop the opacity down to 50%. This way you can see both clips at the same time and watch it through to make sure that the timing is appropriate.
Next, once you’ve got that down, take your top clip and you’re going to add an effect to it. The effect is called transform. So drag and drop it onto your footage and we’re going to use this effect to take our footage from this size, to match the framing of our composition overtop of our second piece of footage. It’s important to make sure you’re doing this with the transform effect, NOT Motion. It’s important, and I’ll show you why in a minute.
So take the first point where you want the zoom out to start to occur, and then set two keyframes in the same place. One for position, and one for scaling. And if your screen looks like it’s not directly facing the camera and it’s skewed off to the side a bit, hit skew and skew axis and rotation keyframes as well.
Okay, so now you have a starting point. So now let’s find our ending point. Once you hover over it with your playhead, use the transform effect to line up the footage with the screen in your bottom shot. Again, having your opacity slightly dropped will help this a bit.
So decrease your scale, reposition to make it line up, and use rotation, scale and skew to get it just right. It’ll take a little bit of trial and error, and you don’t have to get it absolutely perfect, but just close enough so that with motion you can’t tell the difference. And so if we play it back you can see that it looks terrible. It looks like we’ve got our shot just hovering down to match the next one. Well that’s because we’re only half done. We’ve still got to take this second shot and match the framing. This is easy though. Because we’ve already set our out point for where the effect finishes, use this as the end point for the second clip and do the whole process in reverse. So add the transform effect to your second clip, set position, scale, skew, and rotation keyframes at the end on the same frame as the top clip stopped its movement. Then go to the first frame where the first clip starts to move, and then keyframe your bottom clip to scale up to match the framing.
And now with that, you should have this. And it still looks terrible. BUT that’s because we haven’t added the secred sauce yet. Motion blur! There’s a neat little trick that you can use with transform instead of motion. And it’s this, take your shutter angle, and set it to 180. Then uncheck this box that says use composition shutter angle. This will now allow premiere to take the motion you’ve input into this effect and use it to create realistic camera motion blur for your scene. It will take a LOT of computer power though, which is why it’s best to have this feature off when doing your trial and error testing to start. But now that it’s on, if we render it out and play it, we can see that we get a realistic zoom blur to really sell this effect.
Awesome! It’s so close but there’s still something off about it. And that’s the fact that if we actually tried to replace the screen with our first shot, it would be super time consuming. So we’re just going to fade it out mid zoom so that we hid the cut where we remove it. A little bit of editing magic. And then finally, the last little piece to sell it is when our clip is fading out, adding a mask to our top clip and confining it to the parameters of our screen will really sell it as being realistic. Now even though we’re done with the visuals of this effect, the final finishing touch is to add a bit of an audio whoosh to make it feel like the camera is being whipped through the air.
And you can see here that if we go frame by frame through our result, it actually doesn’t look that amazing, but when we play it at full speed, those slight imperfections are actually essentially non-existant. If you want to play it out longer, you can do that by simply moving both sets of ending keyframes for both clips back to a new ending point. Similarly you can make your effect faster by moving them closer together. And one of the benefits of this is the increased ability to hide your transition
And guys that’s it that’s an overview of how to zoom in and out of a screen. I hope you found this video helpful. If you did, as always we’ve got lots of other tutorials ready to view for free here at motionarray.com. Please give us a thumbs up and if you’d like to see more tutorials, we’ve got lots of other Premiere Pro Tutorials, After Effects tutorials, and filmmaking tutorials for you to check out!
Thanks for watching and see you in the next video.