How to Create a Picture-in-Picture Effect in After Effects: A Step-by-Step Tutorial

17 Apr,2025
4 Min Read
After Effects
Video Editing

Table Of Contents

What You Need
Creating the Picture-in-Picture Effect
Tips and Tricks
Troubleshooting
Exporting Your Video

Imagine you’re watching a product review on YouTube — the main video plays front and center, while in the corner, there’s a smaller window showing the reviewer’s reactions in real-time. That smaller window? It’s called a Picture in Picture Effect. And if you’re working in Adobe After Effects, you’re in luck: it’s easier than you might think to pull this off professionally.

Whether you’re editing tutorials, reaction videos, interviews, or vlogs, the Picture in Picture Effect in After Effects lets you overlay one video or image on top of another — creating a dynamic and polished final product.

In this blog post, we’ll walk you through exactly how to create Picture in Picture in After Effects, step by step. Whether you’re a beginner or brushing up your skills, this guide will help you master this essential technique with clarity and confidence.

Professional After Effects Templates

Explore More

Atmospheric Wedding Lut Standard 03

Pixflow

Atmospheric Wedding Lut Standard 02

Pixflow

Modern HUD Dots Glitch Effect

Lois

Creative Opener V1 Pr 09

Diane

What You Need

Before diving in, make sure you’ve got the essentials ready:

✅ Software:

You’ll need Adobe After Effects installed — any recent version (CC 2020 and up) works perfectly for this tutorial.

✅ Footage:

Have your primary video clip ready (this will serve as the main background). You’ll also need a secondary video or image clip that will appear in the Picture-in-Picture window. This could be a talking head, screen recording, product image, or even an image sequence.

If you’re looking for pre-made assets to experiment with, check out these After Effects video templates — they’re a great way to speed up your workflow and explore more advanced setups.

Creating the Picture-in-Picture Effect

A. Importing Your Media

Launch After Effects and open a new or existing project.
Go to File > Import > File… or press Cmd/Ctrl + I to bring in your clips.
To import an image sequence, select the first image in the sequence and check the “Image Sequence” box.

This answers the question: “How do I import an image sequence for picture in picture in After Effects?” — an important step when working with time-based stills.

Once imported, drag your assets into the Project panel, and organize them for easy access.

B. Creating a Composition

Create a new composition by clicking Composition > New Composition or pressing Cmd/Ctrl + N.
Choose dimensions (typically 1920×1080), frame rate (e.g., 30fps), and set the duration based on your footage length.
Name your composition something meaningful like Main_PiP_Edit.

C. Layering Your Footage

Drag your primary video to the timeline — this will be the base layer.
Drag your secondary clip or image directly above it. This layer will serve as the Picture-in-Picture element.

This setup is the foundation of the After Effects Picture in Picture tutorial — layering is everything!

D. Resizing and Repositioning the Secondary Clip

Select the secondary layer and press S for Scale. Reduce the size to around 25–40%, depending on your design.
Press P for Position and drag the PiP window to one of the screen corners (commonly top-right or bottom-left).

E. Adding a Border (Optional)

To give your PiP window a clean edge:

Right-click your PiP layer > Layer Styles > Stroke.
Tweak the stroke size and color to create a visible border around the clip.

F. Applying Effects (Optional)

Want to enhance the PiP layer?

Add a Drop Shadow via Effects > Perspective > Drop Shadow for depth.
Use Glow, Tint, or Lumetri Color effects to stylize the PiP window.

You can also explore pre-designed After Effects effects templates to save time or spark inspiration.

G. Animation (Optional)

For a more engaging result:

Add keyframes for Opacity to fade the PiP window in or out.
Animate the Position property to have the PiP slide onto the screen.

This kind of motion adds professionalism and keeps it both simple and slick.

Tips and Tricks

Want to take your Picture in Picture effect in After Effects to the next level? These pro tips can help streamline your workflow and elevate your results:

🖼️ Optimize Resolution

Make sure your PiP footage is high-resolution enough to remain sharp even after scaling down. Blurry secondary videos can ruin the overall quality.

✂️ Use Masks for Custom Shapes

Instead of the classic rectangle, you can apply masks (press Q) to crop your PiP window into circles, ovals, or any shape. Combine with a feathered edge for a smoother look.

⌨️ Learn Keyboard Shortcuts

Speed up your editing by mastering these:

S – Scale
P – Position
T – Opacity
U – Reveal all animated properties
Cmd/Ctrl + D – Duplicate layer

⚡ Explore Pre-made Elements

You don’t always need to build everything from scratch. Markets like Pixflow’s After Effects library offer customizable PiP-ready templates that save tons of time.

Troubleshooting

Even simple edits like PiP can hit a few snags. Here are common issues and how to fix them:

❌ Blurry Picture-in-Picture Layer

Solution: Check the resolution of your clip. Also, make sure the composition and export settings are set to Full resolution (not Half or Third).

❌ Aspect Ratio Problems

Solution: If your PiP footage looks stretched or squished, right-click the layer and select Transform > Fit to Comp Height/Width — or manually adjust the scale while holding Shift to maintain aspect ratio.

❌ PiP Window Isn’t Showing

Solution: Make sure the PiP layer is above the main video layer and not hidden behind it. Also check the opacity and that no masks or effects are unintentionally cutting it off.

Exporting Your Video

Once your composition looks perfect, it’s time to render:

Go to File > Export > Add to Render Queue.
Choose your format (e.g., QuickTime or H.264 for most uses).
Set the Output Module settings — use “Lossless” for the best quality or tweak it based on your needs.
Hit Render and let After Effects do its magic.

Alternatively, if you prefer Adobe Media Encoder for more format flexibility:

Go to File > Export > Add to Adobe Media Encoder Queue.
Choose your preferred preset (YouTube 1080p, Vimeo, etc.).
Export!

Conclusion

Creating a Picture in Picture effect in After Effects might seem tricky at first, but once you break it down, it’s actually a super approachable and creative tool. Whether you’re overlaying a reaction video, building a tutorial, or adding a visual reference, PiP lets you communicate more visually — and professionally.