Join Maxim Jago for an in-depth discussion in this video Create a multilayer picture-in-picture effect, part of Media Composer 8.7 Essential Training: 110.
- [Instructor] Let's take a look at using the 3D picture in picture effect to create a multi-layer split screen effect. I'm in a sequence here called Picture in picture. I'm in the complete version, and there's a starter version in the sequences bin. I've got a bin with some clips in it we can use called Split screen clips. We've already used the cartwheel clip in the previous lesson, but we've got a couple more to play with here, and up in the player monitor, the source monitor, I've got one of the clips I'd like to use. This is an interesting shot because your eye is caught by the railing on the left here, and as we come through the shot, we realize there's a guy up on the wall watching us, looking down.
So I'm going to add this to my video two track on the timeline. I've already got video one patched to video two, so I think around about here will do fine. I'll just overwrite that. And now, I'm going to get my 3D picture in picture effect from the effect palette, and drag this onto the clip. I'll go into the Effect Editor, and you can see that, by default, the 3D picture in picture effect scales the clip to 50% on both axis, so now I'm going to change that.
So I'm going to click onto the x axis, type in 100 and carriage return. And the y axis updates as well, because Fixed Aspect is selected. And now, I think I want to move this shot over a little. I'm going to crop it as well, but I just want to make sure we don't lose the character on the edge of the screen. So round about here, I'm going to click inside the preview monitor, and drag left to reposition the shot a little. But I want to lock this image to the x or y axis as I drag, so I'm going to hold down the shift key.
Just to show you, if I don't do that, if I drag, it's difficult to keep this lined up. So I'm going to undo a couple of times. I'm going to do the same thing, I'm going to click and drag, but I'm going to hold the shift key down, and as I do, this is going to lock the image to the axis I'm dragging. Just about there's perfect. And now, I want to crop, but you'll notice that I've added a keyframe automatically by clicking and dragging in the preview monitor. So I'm going to hold the Alt key, and drag this keyframe to the start of the clip, and now I know where the character's going to be.
I'm going to go to my Effect Editor, and let's just drag the right crop in, just about there's fine. Okay. So now, I might add a border, I'm going to click and turn on the border option, add a width to it, not too much. This is creating a border on all the edges, and I kind of like it on here, but I could get rid of that by scaling up the image a little more, and I'd lose the top and bottom of it.
In the color option here, I'm going to double-click instead of single clicking, I don't want the eyedropper, I'm just going to double-click to bring up a color selector. This will look a little different in Windows, but you'll still get a color picker. And I'll click okay, and now I think I'm ready to bring in the next clip. So I'll close the Effect Editor, and I actually want to take this slow bench shot as well, but I want to take the same content, in terms of action. You can see here on the timeline, we've got this character jumping across metal barriers, and here he's jumping across concrete ones, and I think there's a nice parallel between the two.
I've already marked this clip, so I'm going to hold Ctrl or Command on the timeline to snap to the beginning of the first clip, patch video one to video three, and overwrite. The clip's a little bit longer than the other one, so just for speed I'm going to turn on all of my smart tools here. And I'm going to do a dual-roller trim, to trim this back and I'm holding Command now here on MacOS, this would be Ctrl on Windows, to snap to the end of the first clip. I'm being a little bit creatively lazy here, I might want to choose the content more carefully, but we're here to learn about multi-layer effects more than selecting content.
So now I've got this upper layer, I think this looks pretty dramatic, I'm going to get my 3D picture in picture effect. I'm going to go into Effects, Mode, I'm going to reset the scale to 100, press carriage return, and then I'm going to crop the bottom and the left edge. Let's take this to, I don't know, let's see there, maybe, something like that, I think. Not too much. You know, let's go for 270, I'm going to type in -270 here, so we have a square in the corner of the screen.
Again, I'll turn on the border, double-click, select white, okay. By the way, if you single click, you'll get an eye dropper that you can use to select a color from your video, but I'm not going to do that. Let's give this border a width, and let's take a look at that. Now it looks like we might need a little bit of work on the timing of the clip on top, because we're beginning to lose our character there just a little bit.
But you can see how easy it is, to create this multi-layer effect, I'm just turning off the monitoring here for each of these layers, simply by positioning clips above one another, and combining, cropping and repositioning. All that remains is to add some simple animation to have these picture in picture shots slide onscreen, so let's go to Effect Mode. Select the first clip, let's jump to the beginning of the shot here. I'm going to have this slide on about here I think, I'll add a keyframe. And then jump back to the first keyframe, and in my Effect Editor, I can change the exposition to slide this offscreen.
And now, we can see this will come on, and I suppose we might as well have it come off at the end, so let's add a keyframe here, and another keyframe for timing. And I'm going to select the first and copy, I'm pressing Command + C here on MacOS, this will be Ctrl + C on Windows. And then, I'm selecting the keyframe at the end and pasting, Command + V or Ctrl + V on Windows. Looks good. I'm now selecting the upper clip, again, let's add some keyframes, click, click, and, click, and click.
I find with Media Composer, it's usually easier to add the keyframes first and then adjust the settings later, so let's grab this first keyframe, change the exposition, just make sure it's selected, and copy. Select the last one, and paste. And let's take a look at the result. Now the effect might benefit from a little bit of finessing with the composition, but you can see how easy it is to create these multi-layered effects in Media Composer.
- Importing and transcoding media
- Creating a group clip
- Syncing picture and sound clips
- Making quick edits such as stringouts
- Recutting a scene
- Creating subsequences
- Pacing a scene with Media Composer's trim tools
- Mixing sequence audio
- Working with high-res media
- Retiming video
- Nesting effects
- Keying video
- Animating titles and graphics