---
title: "How to create picture in picture effects in DaVinci Resolve"
author: "Cutsio Team"
date: "2026-05-15"
lastmod: "2026-05-15"
category: "DaVinci Resolve Advanced Workflows"
excerpt: "DaVinci Resolve lets you create picture in picture effects using on-screen controls, inspector transformations, and keyframing. This guide covers setup, drop shadows, animation, and multi-layer compositions."
tags: ["DaVinci Resolve","Picture in Picture","PiP","On-Screen Controls","Keyframing","Drop Shadow","Edit Page"]
---

## How do you create a picture in picture effect in DaVinci Resolve?

To create a picture in picture effect in DaVinci Resolve, stack two clips on separate video tracks — the main footage on V1 and the secondary clip on V2. Select the V2 clip, enable on-screen controls from the viewer menu, and use the transform handles to resize and reposition the clip anywhere in the frame. The clip on the upper track scales down and sits over the lower track.

![Picture in Picture](https://images.blackmagicdesign.com/images/products/davinciresolve/edit/addeffects/addeffects-xl@2x.jpg?_v=1603173626)

Picture in picture effects are commonly used for interview reaction shots, tutorial demonstrations where the instructor appears in a corner, multi-camera broadcasts showing multiple angles simultaneously, and video calls or presentations with a speaker inset.

## How do you use on-screen controls for PiP in DaVinci Resolve?

Enable on-screen controls from the pop-up menu at the bottom left of the timeline viewer. Select "Show On-Screen Controls" or "Transform" from the menu. With the top clip selected, blue transform handles appear around it in the viewer.

Drag the corner handles to resize the clip. Drag inside the clip to reposition it. Drag the rotation handle (outside the top-right corner) to rotate. The viewer updates in real time as you adjust.

The on-screen controls adjust the clip's Transform parameters — Zoom X/Y, Position X/Y, and Rotation — which appear in the Inspector. Any change you make in the viewer is reflected in the Inspector values and vice versa.

## How do you add a drop shadow to a PiP clip in DaVinci Resolve?

Open the Effects Library at the top left of the Edit page. Locate the "Drop Shadow" effect under the Resolve FX category. Drag it onto the PiP clip on the timeline. The shadow appears behind the clip automatically.

Adjust the drop shadow parameters in the Inspector: Softness controls the blur of the shadow edge, Opacity controls visibility, Distance controls how far the shadow extends from the clip, and Angle controls the direction of the light source.

For a professional look, use subtle settings — Softness around 10-20, Opacity around 30-50, Distance around 5-10 pixels. These settings create a gentle depth effect without drawing attention to the shadow itself.

## How do you animate a PiP effect with keyframes in DaVinci Resolve?

To animate a PiP clip entering or exiting the frame, use keyframes on the Position or Zoom parameters. Move the playhead to the frame where you want the animation to start. Click the diamond keyframe button next to Position in the Inspector. Move the playhead to a later frame. Drag the PiP clip to its final position in the viewer. Resolve creates a second keyframe and animates the movement between them.

For a slide-in effect, position the PiP clip outside the frame at the first keyframe — for example, Position X at -500 for a slide-in from the left. At the second keyframe, position it at its final location. The clip slides into the frame smoothly.

Use the curve editor to refine the animation timing. Open the keyframe editor from the timeline or Inspector. Select both keyframes and apply an ease-in/ease-out curve for natural acceleration and deceleration.

<div class="not-prose my-12 rounded-2xl border border-slate-200 dark:border-white/[0.08] bg-gradient-to-br from-slate-50 to-white dark:from-neutral-900 dark:to-neutral-950 p-8 md:p-10 shadow-sm">
  <div class="flex flex-col md:flex-row md:items-center md:justify-between gap-6">
    <div class="flex-1">
      <div class="flex items-center gap-3 mb-3">
        <div class="flex h-10 w-10 items-center justify-center rounded-xl bg-indigo-100 dark:bg-indigo-500/20 text-indigo-600 dark:text-indigo-400">
          <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z"/><circle cx="12" cy="13" r="3"/></svg>
        </div>
        <span class="text-sm font-semibold text-indigo-600 dark:text-indigo-400 uppercase tracking-wider">Cutsio</span>
      </div>
      <h3 class="text-xl md:text-2xl font-bold tracking-tight text-slate-900 dark:text-white mb-2">
        Build your interview, then add the inset
      </h3>
      <p class="text-slate-600 dark:text-neutral-400 text-base leading-relaxed max-w-xl">
        Pre-edit your main interview and reaction footage in Cutsio. Remove silence, find the best reaction moments, and export a clean EDL. Then layer your PiP in Resolve without sorting through raw takes.
      </p>
    </div>
    <div class="shrink-0">
      <a href="https://studio.cutsio.com" target="_blank" rel="noopener noreferrer"
         class="inline-flex items-center justify-center rounded-full bg-indigo-600 px-6 py-3 text-sm font-medium text-white hover:bg-indigo-700 dark:bg-white dark:text-slate-900 dark:hover:bg-neutral-100 transition-colors shadow-sm">
        Try Cutsio Free
        <svg class="ml-2 h-4 w-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
      </a>
      <p class="mt-2 text-xs text-center text-slate-400 dark:text-neutral-500">No credit card. 60 mins free.</p>
    </div>
  </div>
</div>

## FAQ

### Can I create PiP effects with more than two clips?
Yes. Stack additional clips on V3, V4, and above. Each clip can be independently scaled and positioned. Use as many layers as your system can handle.

### Does picture in picture work with the free version of DaVinci Resolve?
Yes. Picture in picture effects using transform controls are available in both free and Studio versions.

### Can I crop a PiP clip to a specific shape?
For rectangular and square crops, adjust Zoom and Position. For circular or custom-shaped PiP, use the Color page Magic Mask or apply a circular power window.

### How do I add a border to a PiP clip?
Apply the Drop Shadow effect without the shadow — set Opacity to 0 and Distance to 0, then adjust the Softness to create a border-like edge. Alternatively, use a Fusion composition with a border node.

### Can I save a PiP layout as a preset?
Save the clip as a Power Grade or create a Fusion template with the transform settings. Apply it to any clip in any project with one click.

<div class="not-prose blog-large-cta">
  <div class="max-w-3xl mx-auto text-center">
    <h3>
      Find the best reaction shots faster
    </h3>
    <p>
      Use Cutsio's transcript-based editing and Visual Intelligence to find the perfect PiP moments across your library. Export an EDL into Resolve and layer your picture in picture without manual scrubbing.
    </p>
    <ul>
      <li>
        <svg class="h-6 w-6 text-emerald-400 shrink-0 mt-0.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
        <span>AI transcript-based editing with semantic search</span>
      </li>
      <li>
        <svg class="h-6 w-6 text-emerald-400 shrink-0 mt-0.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
        <span>EDL and XML export for direct Resolve import</span>
      </li>
      <li>
        <svg class="h-6 w-6 text-emerald-400 shrink-0 mt-0.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
        <span>Non-destructive workflow — original files untouched</span>
      </li>
    </ul>
    <div class="flex flex-col sm:flex-row items-center justify-center gap-4">
      <a href="https://studio.cutsio.com" target="_blank" rel="noopener noreferrer"
         class="no-underline inline-flex items-center justify-center rounded-full bg-indigo-600 px-8 py-3.5 text-sm font-semibold text-white hover:bg-indigo-700 dark:bg-white dark:text-slate-900 dark:hover:bg-neutral-100 transition-colors shadow-sm">
        Try Cutsio Free
        <svg class="ml-2 h-4 w-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
      </a>
      <button type="button" onclick="window.dispatchEvent(new CustomEvent('open-contact-modal'))"
              class="inline-flex items-center justify-center rounded-full border border-white/20 px-8 py-3.5 text-sm font-medium text-white hover:bg-white/10 transition-colors">
        Book a demo
      </button>
    </div>
    <p class="mt-4 text-xs text-slate-500">No credit card required. 60 minutes of free processing.</p>
  </div>
</div>
