Picture In Picture Card Effect Tutorial

How To Create A Picture In Picture effect


Today we’re answering a viewer question.   We’re going to be showing you how we go about creating a video card to show footage while other footage is also playing underneath.  In old school terms, this used to be called Picture in Picture. And we’re going to be going over a more stylized version of this effect.   It’s really easy and you can do it right inside Premiere Pro, so let’s just jump into it!

Picture In Picture Effect

So we’re going to start by just adding the video clip of me standing here talking.  This is actually where the work on the effect starts because you need to prepare it properly in your mind.  This shot has me placed right in the center, but what I’m going to do is zoom in and then move it in such a way that I’m off to the left hand side.  The reason I want to do this is to make sure that there’s room to make it feel like the later insert of the video was thought out in advance.  It would feel a little awkward if it was overtop of me .  If that was the case then why wouldn’t we just fully cut to it you know?

So we can either start with it off to the side like this, or we can start it with a normal centered shot and then keyframe it to move over in preparation for the clip.

Now we’re going to bring in the shot that we want to make a footage card out of.  Place it on top of your base footage and you’re actually going to place it two layers above it.  We’ll get to the reason why in just a minute.  

Now that it’s above your base layer, you should only see your top layer, but now we’re going to drop it down in size.  Go to your effects control tab and lets adjust the size amount here.  Personally for these sorts of cards, I like to bring it down to something under 50% size.  Actually closer to something like 35-40%.  If we only drop it down to 50%, assuming we’re working with footage of all the same video resolution size, it will take up exactly ¼ of your screen.  But I want it to be even smaller than that because I don’t want it going all the way over to the edge.  

Now that we’ve dropped the size, let’s change the position with our position sliders.  I like it around here, but based on your video needs the choice is totally up to you.  And from here you can edit your clip as normal to make sure the proper part of the clip is actually showing at the correct time.

But even though we’ve technically achieved this effect, we’re going to do one more quick thing that will really help to make this effect to stand out as professional.  Depending on the coloring of your clip, it might be hard to have a clear distinction between your normal clip, and the smaller one.  So we’re going to add a border around the entire smaller video layer.  To do that, we’re actually just going to create a solid rectangle and place it behind, or underneath our footage.  This is the reason we brought it up an extra layer.  

You can create a new solid and crop it if you like, but what I actually like to do is hit control or command T, and the text layer will pop up.  Make sure that it’s actually underneath your small footage on your timeline, and position it to last for exactly as long as it too.  But we’re actually going to go up here to the essential graphics panel and delete the text layer.  Instead we’re going to go here to the page icon and add a new rectangle.  It should pop right up on screen and now we can grab it and stretch it out over our video. You’ll notice that you can’t see it when it’s behind your footage, but you can get it to peak out around the edges so that it looks like a small border.  Size it to however you want it to look.  It’s totally a style choice, but I personally like a small minimal border.  From here under essential graphics you can change the color of the box, and I’m going to change mine to a nice motion array blue.  

Cool! Now our picture in picture looks really great! But we can take it another step further.  If you try to animate your footage or even fade it in or out, you’ll have to match the same effect for your border perfectly.  So instead of doing that, let’s nest our clip and border so that they act as a single unit.  Right click your clip and go to nest, and name it whatever you’d like.  

Now if we do something like, say, animate it to grow and pop into frame, it will work with the border around it.  I’m just going to bring the size to zero, keyframe, and bring it back up to our size of 102, just a little bigger than originally.  Then I’m just going to add a few more keyframes alternating in size getting closer and closer to our original size.  And finally I’m going to highlight all the keyframes and right click, then select bezier.

And this is what it looks like.  Guys that’s how you can easily add a stylish picture in picture effect to your video! It’s a really easy effect to pull off and makes whatever you’re talking about look stylish!  

We hope you found this video helpful.  If you did, we’ve got lots of other tutorials for Premiere ProAfter Effects, and filmmaking in general!   If you’re doing an interview any time soon, you might need to make some lower thirds, so check out this video we did all about that.  And if you didn’t want to make your own, we have awesome lower thirds templates that you can look through.  

Thank you so much for watching, and we hope to see you in the next video!

Music Provided By Motion Array:

165272 Files & Counting!

7892 files added in the last 30 days!

Join now, and get instant access to all of our files.

View pricing Join Free