How to Create a Picture-in-Picture Video on Mac

A picture-in-picture (PiP) shot layers a small clip — usually a webcam feed of the presenter's face — on top of a larger clip, typically a screen recording or demo. It is the standard look for software tutorials, online courses, product demos, and YouTube explainer videos because it lets viewers read the presenter's expression at the same time they watch the screen. The problem is that macOS does not have a single-click "make this PiP" button. You either combine two separate files in an editor after recording, or you use a capture tool that bakes the camera overlay into the recording itself.

Below are four ways to produce a clean PiP video on Mac, from the free Apple editor already on your machine to dedicated screen capture tools that handle the layout before you ever hit render.

---

Method 1: iMovie (Built-In PiP Overlay)

iMovie ships free on every new Mac and hides a perfectly usable picture-in-picture feature behind a small icon most people never click. It is the right choice when you already have two separate files — say, a QuickTime screen recording and a Photo Booth webcam clip — and you just want to drop one onto the other without learning a new app.

Steps

1. Create a new iMovie project. Launch iMovie from Applications, click the Projects tab at the top, then click Create New > Movie. You can skip the theme prompt by selecting No Theme. iMovie opens with an empty timeline at the bottom and a media browser at the top-left.

2. Import both clips. Press Cmd + I or click the down-arrow Import icon. Select your screen recording and your webcam file in the same dialog (hold Cmd to multi-select). Click Import Selected. Both clips appear in the Media browser. iMovie copies the media into its library, so your originals stay put.

3. Drag the background clip to the timeline first. The screen recording (the larger footage the viewer will mostly watch) goes on the primary track at the bottom of the timeline. It sits as a wide filmstrip bar. This is the base layer.

4. Drag the webcam clip on top. Drop it above the primary clip so the cursor shows a green plus icon. iMovie creates a second video track above the primary one and shows the webcam clip as a smaller floating bar aligned in time. You should see both clips stacked in the timeline — the screen recording on row one, the webcam on row two.

5. Open the Video Overlay Settings. With the webcam clip selected (it turns yellow), click the Video Overlay Settings icon above the viewer. It looks like two overlapping rectangles. A dropdown appears — its default is Cutaway. Change it to Picture in Picture.

6. Position and resize the overlay in the viewer. The webcam clip now appears as a small rectangle inside the main clip preview. Drag it to any corner. The bottom-right is the conventional "YouTuber face-cam" position, but any corner works. Grab a corner handle to resize — a webcam overlay typically occupies 20–30% of the frame width.

7. Add a border or shadow (optional). In the same Overlay Settings panel, toggle Border and pick a color. A thin white or black border separates the overlay from busy backgrounds and prevents the camera feed from visually bleeding into the screen recording underneath.

8. Trim and align audio. If both clips have audio (your screen recording has narration and the webcam has ambient room sound), click the webcam clip and drag the audio slider to -∞ or detach audio (right-click > Detach Audio) and delete the audio track. Keep only one audio source to avoid echo.

9. Export. Click Share (the arrow-in-box icon), choose Export File, pick 1080p or 4K, and save. iMovie encodes to H.264 .mp4 by default, which uploads cleanly to YouTube, Vimeo, and most LMS platforms.

When to use iMovie

• You already have separate screen + webcam files and just need to layer them.
• You want a free option that does not require learning a pro editor.
• The overlay shape is a rectangle (iMovie does not natively do circular PiP without workarounds).

Limitations

• Only one PiP overlay at a time — no multi-camera grid.
• Rectangular overlay only; circular or shaped masks require effect tricks.
• Position cannot be keyframed, so the overlay stays in one spot for the whole clip.
• 4K export can be slow on older Intel Macs.

---

Method 2: Screenify Studio

Screenify Studio is a Mac screen recording app that captures the screen and the webcam as a single file with the PiP overlay already composed. The camera feed appears on top of the screen in a preset shape (circle, square, rounded rectangle) and position, and the layout is baked into the recording — no post-production compositing needed. This matters when you record tutorials often and do not want to spend time in an editor after every session.

Steps

1. Open Screenify Studio. Launch the app. The recorder panel appears with source selection at the top.

2. Enable the Camera source. Click the Camera toggle in the recorder panel and pick your webcam from the dropdown. If you have an iPhone paired as Continuity Camera, it shows up in the same list. A live preview of the camera feed appears so you can adjust lighting before recording.

3. Pick a camera layout preset. Below the camera toggle, you will see layout options: Circle, Square, Rounded Rectangle, Full Frame, and Float. For tutorials, Circle at 20% size in the bottom-right corner is the most common. For interviews or talking-head segments, Rounded Rectangle centered works well. Click the preset — the preview updates instantly so you see exactly how the final video will look.

4. Position the overlay. Drag the camera preview in the mini-monitor to any corner or edge. Screenify snaps to the corners and to the center of each side, so you do not have to eyeball alignment. A subtle guideline shows when the overlay is perfectly aligned.

5. Choose your screen source. Select a display, a window, or a custom region in the source selector. If you choose a window, Screenify follows that window even if you move it during the recording — the camera overlay stays pinned to the corner of the output, not the window.

6. Hit record. Press the red record button or use the global shortcut (default Cmd + Shift + 2). A 3-second countdown runs, then recording starts. The camera overlay remains visible in the menu bar mini-preview so you can see your framing while you talk.

7. Stop and review. When done, click the Stop button in the menu bar or press the shortcut again. The clip opens in the editor with the camera overlay already composed. You can still reposition the camera post-recording — the overlay is stored as a separate layer until you export.

8. Edit if needed. Trim the head and tail, apply auto-zoom on the screen region, or swap the camera shape without re-recording. The camera audio and system audio are on separate tracks so you can mute one or balance the mix.

9. Export or share. Click Export for a local .mp4 or Share to upload to a Screenify link. The share link generates in seconds and plays in any browser — useful for sending a tutorial to a teammate or client without attaching a large file.

When to use Screenify Studio

• You record tutorials or demos frequently and want PiP baked in without a separate editing step.
• You want non-rectangular overlays (circle, rounded rectangle) without masking in a pro editor.
• You need to share the result as a link rather than an attachment.

Limitations

• The overlay is composed at record time. If you want the camera in a different position halfway through, you have to split and re-layout in the editor.
• Camera resolution is capped at what your webcam supports — typically 1080p for the FaceTime HD camera on recent Macs.

---

Method 3: DaVinci Resolve (Free)

DaVinci Resolve is a full-featured color grading and compositing suite used on Hollywood features. Its free version (not the $295 Studio version) handles PiP easily and gives you keyframed position, scale, and opacity on the overlay — so you can animate the webcam sliding in, zooming during an important segment, or fading out at the end.

Steps

1. Download DaVinci Resolve free from blackmagicdesign.com and install. The installer is a 3 GB download — larger than iMovie but smaller than Final Cut. Launch it and create a new project from the Project Manager.

2. Import media. Go to the Media page (bottom-left icons) and drag both your screen recording and webcam files into the Media Pool. Alternatively, right-click in the Media Pool and choose Import Media.

3. Switch to the Edit page. Click the Edit tab at the bottom. Drag the screen recording to the Video 1 track in the timeline — this is the background. Drag the webcam clip on top to create Video 2. The two clips now overlap in time.

4. Open the Inspector. Select the webcam clip in the timeline. On the top-right, the Inspector panel shows transform properties: Zoom, Position, Rotation Angle, Anchor Point, and Cropping.

5. Shrink and position the webcam. Set Zoom X and Zoom Y to around 0.30 (30% size). Set Position X and Position Y to move the overlay to a corner — positive X moves right, positive Y moves down. Use the on-screen transform handles in the viewer if you prefer dragging.

6. Crop to a circle or other shape. Open the Cropping section in the Inspector. You can also apply a Circle Mask from the Effects Library > OpenFX > Masks. Drag the mask onto the webcam clip, then adjust the mask's radius and softness in the Inspector. This gives you the rounded-bubble look common in YouTube tutorials.

7. Add a drop shadow. In the Effects Library, find OpenFX > ResolveFX Stylize > Drop Shadow. Drag onto the webcam clip. Adjust shadow offset and blur in the Inspector. A soft shadow adds depth and separates the overlay from the background.

8. Keyframe animation (optional). Click the diamond icon next to Position at the clip's start, move the playhead a second later, change the position values, and Resolve auto-creates a keyframe. The overlay now animates between the two positions. Useful for sliding the camera in from off-screen at the start of a video.

9. Deliver. Click the Deliver page (rocket icon). Pick YouTube 1080p or Custom Export, set the output folder, click Add to Render Queue, then Render All. Resolve uses GPU acceleration on Apple Silicon and Metal, so exports are fast.

When to use DaVinci Resolve

• You want keyframed animation on the overlay (slide-in, zoom, fade).
• You need circular or custom-shaped masks with feathering.
• You are already using Resolve for color grading and want to stay in one app.

Limitations

• Steeper learning curve than iMovie — expect an hour to get comfortable.
• The free version limits some features (no collaboration, 60fps max on some codecs), but PiP works fully.
• Project files are large; each project can eat several GB of disk space for cache.

---

Method 4: Final Cut Pro

Final Cut Pro is Apple's professional editor, a one-time $299.99 purchase from the App Store. Its advantages for PiP work are compound clips (group the PiP layout into a reusable package), frame-accurate trimming that matches iMovie's ease with pro features, and tight integration with Motion for custom PiP templates.

Steps

1. Launch Final Cut Pro and create a new library from File > New > Library, then a new event and project inside it. Set project resolution to 1920×1080 at 30fps (or 60fps if your source is 60).

2. Import both clips. Drag files into the Browser pane, or press Cmd + I. Transcode to ProRes Proxy if you want smooth scrubbing on an older Mac — Final Cut asks on import.

3. Add the screen recording to the Primary Storyline. Drag it to the main track at the bottom of the timeline. This is the layer that fills the frame.

4. Connect the webcam clip above it. Drag the webcam above the primary clip so a connection line appears. Final Cut calls this a connected clip — it stays attached to the primary clip and moves with it if you shift the timeline.

5. Scale and position via the Inspector. Select the webcam clip. In the top-right Inspector, under the Video tab, find Transform. Set Scale to around 30%. Drag Position X and Y values, or move the clip directly in the viewer using the on-screen handles.

6. Apply a Shape Mask for circular PiP. Go to the Effects browser (top-right), search for Shape Mask, and drag it onto the webcam clip. In the Inspector, switch the mask shape to Circle, adjust the radius, and set Feather to about 5 for a soft edge.

7. Make it a compound clip. Right-click the webcam clip in the timeline and choose New Compound Clip (or press Option + G). You can reuse this compound PiP layout in future projects by dragging it from the Browser.

8. Color-match the webcam to the screen recording. Click Match Color in the color panel and pick a reference frame from the screen recording. Final Cut adjusts the webcam white balance and exposure to feel like the same scene — useful when the webcam looks overly warm or cool next to the screen.

9. Export. Press Cmd + E or go to File > Share > Master File. Pick H.264 for YouTube, HEVC for smaller files, or ProRes for archival. Final Cut uses the Apple Silicon media engine, so 4K exports complete faster than DaVinci on the same hardware.

When to use Final Cut Pro

• You already own Final Cut or work in an Apple-centric studio.
• You want compound clips to reuse the same PiP layout across multiple videos.
• You need Motion integration for custom PiP templates and lower-thirds.

Limitations

• $299.99 up front, though it is a one-time payment with free updates.
• Library files can grow fast; active projects often consume 20–50 GB.
• Some plugins and effects from third-party vendors are paid extras.

---

Troubleshooting

The webcam overlay is upside-down or mirrored

Many webcams (especially on external displays) feed a mirrored preview by default. In iMovie, select the clip and open the Cropping tool, then click Fit and apply the Flip Horizontal filter from the Effects browser. In Final Cut, add the Flipped effect from the Distort category. In DaVinci Resolve, set the Inspector's Zoom X to a negative value (for example -1.00) to mirror horizontally. Screenify Studio has a "Mirror Camera" toggle in the camera source settings — flip it before recording.

Audio echo because both clips have sound

When you record screen + webcam as two files and layer them, both may contain your voice (the webcam mic picks it up alongside the system mic). In the editor, mute one of the audio tracks. The screen recording's audio is usually cleaner if you recorded with a USB or Bluetooth mic piped into macOS; the webcam's built-in mic can stay as a backup. Detach audio (Shift + Cmd + G in iMovie, right-click > Detach Audio in Final Cut) so you can delete the unwanted track without losing video.

Overlay quality looks soft

This happens when the webcam source is lower resolution than the screen recording. A 720p webcam scaled up inside a 4K screen recording will look blurry. Either shoot the webcam at 1080p (check your camera preferences in System Settings > Privacy & Security > Camera), or keep the PiP overlay small enough that the pixel difference is not noticeable — 20–25% of the frame width is usually fine.

Black bars around the webcam overlay

The camera feed has a different aspect ratio than the overlay rectangle you are using. A 16:9 camera inside a square overlay will letterbox. Fix by applying a crop to the source clip (in iMovie: Cropping > Crop to Fill) or by matching the overlay shape to the camera aspect ratio. In DaVinci Resolve and Final Cut, use the Scale to Frame option in the Inspector.

Final Cut Pro import keeps re-encoding

Final Cut optimizes media on import by default, which doubles disk usage and slows things down. Go to File > Library Properties, then under Media > Modify Settings, uncheck Create Optimized Media and Create Proxy Media. For most modern Macs, the original source files play back smoothly without transcoding.

---

FAQ

Q: What is picture-in-picture video?

Picture-in-picture is a video layout where a smaller clip is overlaid on top of a larger clip, usually in a corner. The most common use case is a webcam feed of a presenter's face layered over a screen recording or demo, which is why it is the default style for software tutorials and online courses. Any editor that supports multiple video tracks can produce PiP — the difference is how much control you have over the overlay's position, shape, and animation.

Q: How do I record screen and webcam at the same time on Mac?

macOS Screenshot (Cmd + Shift + 5) and QuickTime Player can only record one source at a time, so they produce two separate files that you then layer in an editor. A dedicated screen recording tool like Screenify Studio captures both screen and camera as a single layered file, which avoids the sync step afterward. See our walkthrough on how to screen record with webcam on Mac for a detailed comparison.

Q: Can I make a circular webcam overlay in iMovie?

Not natively — iMovie's PiP overlay is rectangular only. You can fake a circular look by applying the Circle Wipe transition as a mask, but it is not true masking. For a proper circular overlay with a soft edge, use Screenify Studio's Circle preset at record time, or switch to DaVinci Resolve or Final Cut Pro and apply a circle shape mask.

Q: How big should the webcam overlay be?

For screen recordings where the screen content is the focus (software demos, tutorials, code walkthroughs), the webcam overlay should occupy around 20–25% of the frame width and sit in a corner that does not cover important UI. For talking-head segments where the presenter is the focus, flip the ratio — the camera fills most of the frame and the screen content shrinks to a small inset. Think about which side of the story the viewer is supposed to follow at any given moment.

Q: Does PiP affect video quality or file size?

Compositing two layers does not inherently reduce quality, but re-encoding the final render does add one generation of compression. To minimize loss, export at the highest bitrate your delivery platform accepts (YouTube 1080p at 10–12 Mbps, for example) and avoid exporting then re-exporting the same video. File size grows roughly in proportion to pixel area — a 1080p PiP render is roughly the same size as a single 1080p clip, not double.

Q: Can I animate the webcam overlay to move during the video?

Yes, in DaVinci Resolve and Final Cut Pro. Both editors support keyframes on position, scale, and opacity. Set a keyframe at one timestamp, move the playhead, change the values, and the editor interpolates. iMovie does not support keyframed PiP. Screenify Studio handles animation through its built-in auto-zoom on the screen layer, but the camera overlay stays in one spot per recording.

Q: How do I remove the green screen from my webcam for a cleaner PiP?

Use a chroma key (green screen key) in any editor that supports it. In iMovie, apply the Green/Blue Screen effect from the Video Overlay Settings — it removes solid green or blue backgrounds. Final Cut has the Keyer effect with auto-sampling. DaVinci Resolve has the 3D Keyer on the Color page. Screenify Studio offers background removal powered by an on-device model, so you do not need a physical green screen at all — see AI background removal for details.

Q: What aspect ratio should the PiP video be for YouTube versus TikTok?

YouTube's default is 16:9 (1920×1080 or 3840×2160 for 4K). Vertical platforms like TikTok and Instagram Reels use 9:16, which means your screen recording either needs to be captured in portrait orientation or cropped to a narrow column. For a TikTok tutorial with PiP, shoot the screen recording in landscape, then reframe to vertical in post and place the webcam overlay above or below the cropped screen rather than on top of it. See our guide on screen recording for TikTok for capture tips.

---

Wrapping Up

For a one-off PiP project using clips you have already recorded, iMovie's Video Overlay Settings handle it in about five minutes. When you record tutorials regularly, Screenify Studio's baked-in camera overlay saves you the compositing step every single time — circle presets, corner snapping, and a live preview mean the layout is right before you hit record. DaVinci Resolve is the free option if you need keyframed animation or custom masks, and Final Cut Pro is the pro path if you are already invested in Apple's editing ecosystem.

If you are putting together PiP videos for a tutorial series, also check out how to record your screen for YouTube for tips on framing, audio, and export settings that keep the whole series consistent.