Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
I want to show you how to layer or composite a number of clips to create the picture in picture effect. If you want to follow along, open up the 11-motion pip project. When you do that, you'll see a blank timeline, but we actually have six clips we're going to put in this timeline and to see them, go to Edit > Project and there are little six clips. I am going to put this one on the bottom. That will be our base clip and then we'll put five clips above that, each one will appear in a little screen, a little bit smaller than the normal size for a screen. That's called the Picture In Picture effect. Now to do that, it's best to kind of set up the timeline to make it easier. So what I want to do is right-click on the timeline and turn off Show Audio Tracks. And that turns off all the audio tracks except for Audio 1.
See that 1, 2, and 3. So I'll apply the clip here in the bottom, the base clip, the one that's kind of a wide shot not of an individual animal, put that on the bottom on Video 1. Now I want to put clips above that. We'll put the turtle above that on Video 2. And we want to put the next clip, the underwater tight, which is Garibaldi above that. Now we have run out of tracks. So we need to add a track, and so right -click and go Add Tracks. When you do that, the default amount is 1 video and 1 audio but we only need video, not audio. So we make that 0 and add one track. Now we've added a fourth track right there, so we'll add the shark to the fourth track. And by golly, we have two more clips so we need two more tracks. Well, there is a shortcut way to do this. I'll just drag this guy, the ray, down above the shark. That will automatically add a track. But I need to hold on the Ctrl key to keep them from shoving everything to the right. Now, let it rip. Now, we have got a fifth track automatically.
We'll add the sixth guy here by putting it above the ray, hold on the Ctrl key. Now we have got six tracks, six, five, four, three, two, one. To see it a little bit better, I'm going to press the Plus key to kind of expand the view. I could drag the slider as well to expand the view of the timeline. Also I'm going to drag it up, so you can get a better feel for the number of tracks we've got, one through six. When you do a Picture In Picture, you usually work from the top down because you can't see below what's on the top of the track. We can't see below the octopus here. So the first thing you need to do is make that transparent in some fashion. Well, we're going to shrink it down. That will make everything around it transparent by giving it this Picture In Picture effect.
So you go to Effects and we'll use a preset to make our life easy. Click Presets, and we'll roll down here to the Picture In Picture effects, down here little ways. There is the first Picture In Picture effect. They divide them up by Picture In Picture left, lower left, lower right, upper left, upper right. So we'll start with the lower left and there is all kinds of choices here. But we'll take the 25% scale in, meaning it will start at nothing and scale up to 25% they call it. So we drag that over to the octopus and notice the octopus boom, jumps down. But if we went back to the beginning, it would be off screen but then you will see that he grows on the screen like that. So I'll move the current time indicator to that point, so you can see all these guys as they come on.
The next clip we're interested in is the ray that we now see below it. So I'll select it. I don't want him to be on top of the octopus, so we go onto lower right and do the scale in there, so I go to the ray. Now he is down the lower right. Next guy down is the shark. So we'll have him go some place other than where the other two have gone. That would be in this case the upper left. There it is. Click that one, now he scales in upper left. Now, we've got to get Garibaldi, we want him to go upper right, just keep on scaling down here to the upper right, there it is. Garibaldi is upper right.
Finally, we've got the turtle and I have kind of run out of Picture In Picture options. There aren't any Picture In Pictures for the center. So I'll just select the Turtle and I'll just go over to Edit Effects, Motion and we'll scale the turtle down a little bit like so. The thing is this scale will happen relative the other one. So we want to go to wherever they are full, they are full right there. So I'll give him a keyframe. We will say that's where we want him to be scaled. I'll go back to the beginning and scale him completely off, so that he also moves in with the rest of them. That sets the keyframe automatically.
Now, it looks like this so you can see it. Here they're all scaled in, pretty cool. I have got to do one more little thing because I think you need to give him some kind of a border. So I want to go back to Effects, go back to Presets and do what's called Bevel Edges Thin. I'll do them one at a time for each thing. So we go Bevel Edges Thin for the first one, Bevel Edges Thin for the second one, third one, fourth one, scroll it down a little bit here, fifth one. Now, let's see how things work here. There we go, there we go. Watch this.
And they all have nice little bevels that give them a little depth and you can also add drop shadows which is another little touch that makes them sort of separated from the background. But that's basically how you create the Picture In Picture effect using motion and compositing.
Get unlimited access to all courses for just $25/month.Become a member
110 Video lessons · 50721 Viewers
86 Video lessons · 13886 Viewers
79 Video lessons · 15006 Viewers
350 Video lessons · 101241 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.
Your file was successfully uploaded.