Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
I want to show you how to make the picture-in-picture effect. You've seen this just about any time you turn on a TV news program, some number of political pundits or stock analysts will be in little boxes on the screen, those boxes usually have frames around them. Well, you're going to do something similar. Here you're going to put five videos running in little frames above a background video, just to show you how that works in a multiple layer fashion. We're going to put six clips on this three-track Timeline. Now how can we do that? Well, we add tracks, but first of all we need to give ourselves some real estate. So I want to get some real estate by getting rid of these audio tracks.
Not so much going to get rid of them, as I'm going to hide them. So you right-click in any one of these headers and say uncheck Show Audio Tracks. That takes care of Video2 and Video3, but if you scroll down you'll see that the audio for Video1 is still showing, the Narration for Video1 showing too, but we're going to scroll up and get rid of those guys, don't need to see them. I can also close the disclosure triangle for Video1 so that it's thinner. So now we've got three tracks. We need to get six. You can add three at once if you want to, by right-clicking here and say Add Tracks.
And here you'd type in the number 3, but I'm going to type in just 1 for now, because I want to show you something else. Type in 0 for the Audio Tracks. Click OK. That will add one more track, track number 4. We need two more to finish this Project, but I want to show you the automatic way to add tracks. I'll do that in a second. First of all we need to have a background clip. I've selected this underwater-wide2 to be the background clip, let me drag that down to Video1, the background goes on the bottom, and from my point of view, having something really bright like this in a background is not a good idea. You want something kind subtle in the background.
So I'm going to move the current time indicator to this little spot here, inside that clip and then trim to that to get rid of that messy colorful background. Now we've got this clip more manageable for a background. Still fish, but it's not really, really colorful. Now I want to add all the rest of the clips, one at a time. So I drag this down to Video2, and it's going to ask me, oh, it's got all this blue color, you want to use Videomerge? No, we don't, but it's going to happen probably a couple of more times as I drag these guys down, because there's a lot of blue there. Say no, and now we've got four, which is fine.
What are going to do about five and six? Well, here's what the deal is. You drag down a clip to an empty place above the top track, and lo and behold it'll make a fifth track automatically, and there it is. I'll scroll up a little bit here, so I have some more empty space to drag to, I'll drag the sixth one right there, into that empty space, and the same thing will happen. It's asking me about the color now, but it adds that track automatically, pretty great. Now I want to be able to show you all six. So I'll just give myself a little bit more real estate down here, so you can see all six tracks, scroll down a little bit.
We're just about there, there we go, there're six tracks showing here as I align these guys up, 1 to 6. I wanted to have all these guys be the same length, because I don't video bleeding off the end of the project. I've shorten it to the shortest clip that we've got here, making them all of the same length, just to keep things neat and tidy. I'll take this last guy and drag it over there, and finally the background, I'll have the background match all the guys above it, there we go. Now we need to work our way from the top clip down, as you see all you see is the top clip, the underwater-ray clip on track 6, you can't see what's below it yet, we need to shrink it down so we can see what's below it.
So the best way to do that is with the Preset. It makes life easy, right. So we go to Edit and we go to Video Effects and go to Presets, and I want to see the pictures-in-picture, PiPs. I want to use the 40% Presets, because 40% is about yea big, so it's a reasonable size to put 1, 2, 3, 4 and then a 5th one in the centre. So we'll do a 40% here, I'm going to scroll down to 40%, 25, 25, 25, and here comes 40, there it is, 40.
So we'll do lower left 40, I want it to come in, so I want to come in, I don't want it to scale in, and I just wanted to slide in, because scaling in means that it takes the entire clip to come in. So I'm going to slide it in from the top. That'll be kind of weird, but it'll come in from the top, there we go. That's one, and you can see the little line where's it's going to come in. Go down to, now we've got lower left, let's get to the next one on the list here, which is probably lower right, we'll find out, there's lower right. We don't want to scale in. We want to slide in. So I'll slide that one in from the left, drag it over here.
Notice I drag to the clip itself, you don't see it yet, I'll just drag in a bit, and that's how those two guys are going to come in, see that? Now I'll go down to the third clip here. I want to make that - we got lower left, lower right. Let's go upper now. To go to upper, we have to go past the motion section. Now we go upper left, I want to slide in left. That sounds good. Drag it down to video 4. That's our third clip down, 1, 2, 3. We've got one more to go for the outer corners.
Now we need to go upper right. There's upper right, you want to have upper right slide in, right, let's do that. It's going to be a little bizarre, this thing sliding in, but that's all right, and then finally we need something in the center. We'll they don't have a center option here, so we'll just take one of these guys here, take this upper right static one here, and drag it to the bottom one and I'll select that one, so that I can make it active. Go to its Edit Effects, click on Motion, and there it is, right there, outlined.
I'll just drag it to the center, there you go. And I'll put my own keyframes on it like this. I'll just open the keyframe area, click on Keyframes, and I'm just going to scale it in. So I'll start it at something small like this, and then I'll go in a little ways, and we'll scale it to about 40%. I can just type in 40, if rest if these guys are 40%, so I'll make that one 40% too. Now it matches the rest, and that guy will be covered by the other ones, now that I think about it, wish I had thought about this before, but now that I think about it, I need to drag that to the top.
So let me just move this guy up a little bit, actually if can make a Video7 here I think, let's see how that works. When we do that, I try I need to spread some real estate out here, just didn't consider that the bottom guy needs to be on the top, so let me get that guy again, drag him up to the new video track, hopefully we can make Video7 out of it. Standby while I make more real estate here. Take you and drag you up above everybody, create a new track. There we go, now we've got a Video7.
And now he's on top, you see right there. Now we've created this whole kit and kaboodle here, let's just see how that looks without any borders yet, boxes around it. Look at that. So now we've added all those guys. Now we could adjust all those keyframes, have them come on slower or faster, whatever. But let me just apply a couple of more things, Bevels and Drop Shadows. I'm going to select all of those five guys, I'll click on the top one and then Shift+Click on each one in turn. I'll drag a Preset to them. It'll be the Drop Shadow Preset so we'll have Drop Shadow Lower Right, just drag it to all of them, and it' will apply to all of them.
See how the Drop Shadow has appeared on all of them there. I also want to do a Bevel Edge on them. So, Beveled Edge, all five are still selected. We'll do Bevel Edge Thin, drag that to all five, and that will put a Bevel Edge on all five as well. And finally to cap this thing off, usually the background should be something that you want to have a little bit out of focus, once the guys all come in. So I'm going to click this last guy down the bottom here, and I'm going to apply a blur to it, View Effects, and we'll go get the blur, I'll type in blur to find it, blur, there's some blur right there.
It's the Video Effect, a Fast Blur. We'll do a Fast Blur to the guy in the bottom. We'll have that keyframe in, so when we open up Edit Effects in this particular clip, we'll have that Fast Blur start un-blurred, we'll click a keyframe there, have no blur and then have it get blurred about there. So you get blurred in the background there, we really got hugely blurred, let me get just moderately blurred, there we go. So that's how that works. Let me just see how those guys work together. Now we have got a lot of things going on here.
So our little processor, our little monitor might struggle with this a little bit, but we'll scroll this thing down, and we'll see how they all work together. Here we go, 1, 2, 3, on you mark, get set, go. It's working hard. And notice how the background got blurry, and that's exactly what we wanted to do. So that's the process for doing a picture-in-picture. Basically you place a background clip on the lowest layer, then layer your clips above the background, and then I like to work from the top down and use picture-in-picture presets to make things go a little bit easier.
Get unlimited access to all courses for just $25/month.Become a member
110 Video lessons · 55570 Viewers
93 Video lessons · 19922 Viewers
79 Video lessons · 17740 Viewers
350 Video lessons · 103402 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.