RESOLVE 21 · TRANSFORM · INSET / ALPHA COMPOSITING
Picture In Picture.
Frame the source.
Place the card. Route the alpha.
Picture In Picture is not just “scale a clip down.” It separates the source inside the inset (Zoom/Pan/Tilt), the card geometry (Position/Width/Height), and the visual shell (Rounding/Border/Fill/Drop Shadow). Resolve 21 adds one Color-page requirement that matters more than any styling control: route the PiP node’s blue alpha output to an Alpha Output or the transparent surround will not composite as intended.
Zoom · Pan · Tilt
Position · Width · Height
Style · Shadow · Alpha
The fastest debugging rule is simple: if the subject is wrong inside the card, use Content. If the whole card is wrong in the frame, use Position. If Color-page transparency is wrong, inspect Alpha Output before touching Opacity, Fill, or Border.
Opaque source: Fill is hidden by full-frame video. Switch to Alpha Graphic to see its effect.
Border, Fill and Drop Shadow — advanced demo controls
Color pickers and demo sliders below are illustrative, not numerical presets for Resolve.
All values in this SVG are dimensionless or display pixels. This is an educational geometric/compositing proxy, not Blackmagic’s OFX renderer. Source alpha, shadows, Fill, window opacity, Color-page routing, and aspect locking are simplified to expose their roles. Color-page Alpha Output is a node-graph connection, not an Inspector toggle.
Six native Resolve views + an explicitly labeled Content/Position/alpha teaching proxy
6 native views · 26 documented controls · 4 exercises01THREE LAYERS + ONE ROUTING DECISION
Internal framing, card geometry, styling and alpha routing solve different problems.
Treat them as separate stages and Picture In Picture becomes predictable instead of a pile of compensating sliders.
Content and Position are two different spaces
Zoom/Pan/Tilt change what is visible inside the PiP window. Position X/Y and Width/Height change the container relative to the background. If the subject is cropped inside the card, fix Content first; if the whole card sits in the wrong place, fix Position. Mixing those layers leads to endless compensation between unrelated controls.
Tilt is vertical source pan; Rotation turns the window
The name Tilt is easy to read as an angle, but Blackmagic documents it as vertical movement of the source inside the smaller picture. Its horizontal partner is Pan. Actual PiP-window rotation lives under Style → Rotation. This matters especially in animation: Content can follow a face inside a fixed card without rotating the layout itself.
Style should come after framing and placement
Rounding, Border, Fill, and Drop Shadow can make a PiP look polished quickly, but they do not repair bad framing or composition. First decide what the viewer must see inside the insert, then its size/position, and only then add the visual shell. That order keeps the design stable when the source changes.
On Cut/Edit, place the background on the lower track, the PiP source on the upper track, and apply the effect to the upper clip. On the Color page, Blackmagic explicitly requires an Alpha Output connected to the PiP node’s blue alpha output. If black appears around the card, check the alpha route before blaming Border, Fill, or Opacity.
02SIX NATIVE VIEWS · EXACT VISIBLE CONTROLS
Read Picture In Picture from source framing to compositing finish.
The captures establish the visible Inspector labels. Use Alpha and the Color-page Alpha Output workflow are additionally documented by Blackmagic’s Resolve 21 guide and are clearly identified as manual-derived where they are not photographed.
CONTENT · SOURCE INSIDE THE WINDOW
Frame the source inside the PiP first
- Zoom
Scales the source inside the smaller picture. The outer PiP container does not have to change size.
CheckUse Zoom for internal framing and Width/Height for the card size itself.
- Pan
Moves the source horizontally inside the window. It is useful when Zoom pushes the important subject too close to the left or right edge.
CheckIf the whole card must move across the background, use Position X rather than Pan.
- Tilt
Moves the source vertically inside the window according to Blackmagic documentation. It is not the card rotation/angle.
CheckUse Style → Rotation to rotate the container and Position Y to move the window up/down.
POSITION · WINDOW GEOMETRY
Place and size the outer container
- Position X / Y
Move the entire PiP window in the background-frame coordinate space. These parameters can also be adjusted through the Open FX Overlay in the viewer.
CheckChoose a safe region of the frame around titles, faces, and UI first; only then fine-tune Content.
- Lock Aspect Ratio
Links Width and Height so the window keeps its proportions while resizing. The control is visible in the native screenshot even though the concise guide list does not describe it separately.
CheckDisable it only when a non-standard aspect is intentional. Otherwise subtle stretching of faces or UI is easy to introduce.
- Width
Sets the PiP-window width. With aspect unlocked it works independently from Height.
CheckJudge source readability at the real delivery resolution, especially for screen recordings and small text.
- Height
Sets the PiP-window height. Together with Width it defines the actual container aspect.
CheckIf the source looks squeezed, check Height/Width and Lock Aspect Ratio before compensating with Zoom.
STYLE · SHAPE / OPACITY
Shape the card after the geometry is correct
- Rounding
Changes PiP-window corner rounding: Blackmagic describes a range from square corners at 0 toward a circle at 1.
CheckOn a narrow rectangle, high values become capsule-like; judge the shape visually rather than by the number alone.
- Rotation
Rotates the entire PiP window as an object. This is the angular control, unlike Content → Tilt.
CheckA small design angle can work, but on screen/UI inserts it often hurts readability and can alias thin lines.
- Opacity
Controls PiP-window opacity. It is a creative/compositing control, not a fix for alpha-routing problems.
CheckIf black surrounds the window on the Color page, Opacity will not fix a missing Alpha Output.
STYLE · BORDER / FILL
Use border and fill as a system, not decoration
- Border
Enables a colored border and activates Border Width, Border Color, and Border Opacity.
CheckFirst decide whether a border is needed at all. On a busy background a soft shadow is often cleaner than a heavy border.
- Border Width
Sets the border thickness around the PiP window.
CheckEvaluate at delivery pixel scale: a thin border can disappear after resize/encoding.
- Border Color
Defines the border color.
CheckCheck the color across different shots and in the target color-management pipeline, not on one background only.
- Border Opacity
Controls border opacity independently from the card’s overall Opacity.
CheckIf overall Opacity is reduced, avoid accidentally compensating with an over-contrasty border.
- Fill Matches Border
Sets the window background to the same color as Border Color.
CheckThis links colors; it is not a source-transparency switch. Use Fill for an independent background color.
- Fill
Draws a background visible behind transparent content inside the PiP and enables Fill Color/Opacity.
CheckOn a fully opaque source, Fill may be barely visible. That does not mean the control is broken.
- Fill Color
Chooses the independent background color when Fill is used separately.
CheckFor logos/PNGs with alpha, choose a color that preserves contrast around the full transparent contour.
- Fill Opacity
Controls the background-fill opacity.
CheckA semi-transparent fill mixes with the background shot and can shift perceived brand color.
SHADOW / ALPHA · COMPOSITING FINISH
Separate the card from the background and verify transparency
- Drop Shadow
Enables a shadow under the PiP window and exposes Strength, Color, Drop Angle, Drop Distance, Expand, and Blur.
CheckThe shadow should explain depth, not become a second outline. Check it over both bright and dark shots.
- Strength
Sets drop-shadow strength.
CheckAt high Strength, even a soft Blur can create a dirty halo.
- Color
Changes the drop-shadow color.
CheckBlack is not always best; a neutral or slightly tinted shadow may sit more naturally in the scene.
- Drop Angle
Sets the direction in which the shadow is offset.
CheckMatch the rest of the graphics; inconsistent shadow angles in one UI quickly look accidental.
- Drop Distance
Sets the distance between the PiP window and the shadow.
CheckA large distance visually lifts the card and usually needs a softer/weaker shadow.
- Expand
Grows or shrinks the shadow footprint.
CheckUse it with Blur: Expand controls footprint size while Blur controls edge softness.
- Blur
Controls drop-shadow blur.
CheckCheck after downscale: a soft shadow may nearly vanish while a hard one can turn into an outline.
- Use Alpha
According to the current Blackmagic guide, this uses the tool’s alpha channel for compositing. The control is documented in the manual but is not visible in the supplied screenshots.
CheckOn the Color page this does not replace node routing: add an Alpha Output and connect the PiP node’s blue alpha output.
One correction from the older page matters: Tilt is the vertical Content move, not a visual tilt angle. Style → Rotation is the angular control. Also note that Fill is a background behind transparent content; it is not a generic color wash over an opaque source.
03A REPEATABLE PIP WORKFLOW
Stack → frame → place → style → route alpha → delivery QC.
This order prevents geometry errors from being hidden under decoration and catches Color-page transparency failures before they reach delivery.
Build the source stack
In Cut/Edit, keep the full-frame background on the lower track and the smaller-picture source above it. Apply Picture In Picture to the upper clip. On the Color page, decide which node should generate the PiP result before styling it.
This is an editorial decision workflow, not Blackmagic’s internal processing graph. It separates source stacking, internal framing, card geometry, styling, alpha/compositing, and delivery QC so a failure can be localized instead of compensated with unrelated controls.
Track stacking is not the same as Color-node alpha routing
These are instructional schematics, not UI screenshots. The real Resolve Inspector is shown in the six captures above.
01 / CUT · EDIT
Apply the effect to the upper video clip (V2). Lower V1 remains the full-frame background. No Color node tree or Alpha Output is required for this track-based method.
02 / COLOR PAGE · NODE GRAPH
On the Color page, right-click the node graph → Add Alpha Output, then connect the PiP node’s blue key/alpha output to it. Keep the normal green RGB chain connected to image output.
Related references: Transform ↗ · Video Collage ↗ · Match Move ↗
04FOUR REAL PIP DECISIONS
Webcam, UI detail, before/after and Color-node compositing fail for different reasons.
These are procedures, not presets: the source, readability, alpha behavior, and delivery resolution decide the final numbers.
Webcam / talking head over a screen recording
Keep the face large and readable without covering key UI.
- 01
Put the screen recording below and the webcam clip above; apply Picture In Picture to the upper clip.
- 02
Use Zoom/Pan/Tilt only to frame the face inside the window.
- 03
Set Position X/Y and Width/Height around the UI and safe areas.
- 04
Add moderate Rounding and a soft Drop Shadow; verify readability after final resize.
Magnified interface detail inset
Show a tiny button/panel large while preserving the full-screen context.
- 01
Duplicate the needed source to the upper track and apply PiP.
- 02
Use Zoom + Pan/Tilt to lock onto the exact UI region.
- 03
Keep Lock Aspect Ratio on unless an intentional design crop is needed.
- 04
Use Border only when the background does not provide enough separation; otherwise start with shadow.
Before / after comparison
Place the reference as a clean card without distorting aspect.
- 01
Choose which stream is full-frame and which is the reference inset.
- 02
Establish honest reference framing with Content controls first.
- 03
Set size and placement with Position controls; do not compensate layout with Pan/Tilt.
- 04
Remove unnecessary decoration if it interferes with image comparison.
PiP inside the Color node tree
Produce a transparent PiP output without a black surround.
- 01
Add Picture In Picture from the Effects Library to the required Color node.
- 02
Right-click in the Node Graph → Add Alpha Output.
- 03
Connect the PiP node’s blue alpha output to the Alpha Output.
- 04
Verify Use Alpha/composite behavior before tuning border/fill/shadow.
05CHOOSE THE RIGHT TRANSFORM TOOL
Picture In Picture is a designed inset; nearby tools solve different layout or tracking problems.
Choose by the geometry and compositing problem before choosing by familiarity.
| FX | When it fits |
|---|---|
| Picture In Picture | When a second image needs more than simple scaling: internal framing, a designed card, border/fill/shadow, and alpha-aware compositing. |
| Transform ↗ | When you only need ordinary 2D position/scale/rotation without separate internal Content logic or PiP-card styling. |
| Video Collage ↗ | When you need a grid/multi-tile layout from several sources. Resolve 21 adds separate tile fill/border controls similar in concept to PiP. |
| Match Move ↗ | When an insert must follow footage motion from tracking data rather than remain a screen-space card in fixed frame coordinates. |
06READ THE LAYER THAT FAILED
Bad framing, bad placement, stretched cards and broken alpha have different causes.
Reset decoration when necessary and debug Content → Position → Style → alpha routing in that order.
01The face/subject is cropped inside the card+
Likely cause: The problem is internal Content framing, not window placement.
Fix: Fix Zoom, Pan, and Tilt. Do not move the whole container with Position X/Y just to correct the subject inside it.
02The card is in the wrong place while its internal framing is correct+
Likely cause: Incorrect Position X/Y or window size.
Fix: Keep Pan/Tilt at the correct framing and move the outer container with Position X/Y; resize with Width/Height.
03The source inside the PiP looks stretched+
Likely cause: Width and Height were changed independently with Lock Aspect Ratio disabled.
Fix: Restore the correct aspect/enable Lock Aspect Ratio. Do not use Zoom to compensate for geometric stretching.
04A black surround appears around the PiP on the Color page+
Likely cause: The effect alpha is not routed out of the node tree: Alpha Output is missing or the blue alpha is not connected.
Fix: Add an Alpha Output in the Node Graph and connect the PiP node’s blue alpha output. Then re-check Use Alpha/compositing.
05Fill is enabled but barely changes anything+
Likely cause: The source is fully opaque while Fill is drawn behind transparent content inside the frame.
Fix: Test Fill with a source that has alpha/transparent areas. Use Border for a simple colored outline.
06The PiP looks like a cheap sticker+
Likely cause: Overly strong Border/Shadow/Rotation was added before framing and contrast were solved.
Fix: Reset decorative parameters, solve Content + Position, then add one separation cue at a time: shadow or border first, then the rest.
07BEFORE DELIVERY
Approve the source framing, then the card, then the alpha/composite result.
A PiP can look fine on a still and still fail after motion, resize, codec compression, or a missing Color-page alpha route.
08FAQ
Practical Picture In Picture questions.
How are Pan/Tilt different from Position X/Y?
Pan and Tilt move the source inside the PiP window: Pan horizontally, Tilt vertically. Position X/Y move the entire PiP container over the background frame.
Does Tilt rotate the picture?
No. In Resolve 21 Picture In Picture, Tilt is the vertical source move inside the window. Style → Rotation rotates the whole window.
Why is there a black area around the PiP on the Color page?
Blackmagic instructs you to add an Alpha Output to the node graph and connect the PiP node’s blue alpha output so transparency reaches the timeline.
When should I use Fill Matches Border?
When the background behind transparent content should automatically match Border Color. Use separate Fill when you need another color or independent opacity.
Can I adjust PiP directly in the viewer?
Yes. Resolve 21 lets you move the window, adjust the ratio, and scale it through the Open FX Overlay. The Inspector remains useful for precise values and keyframes.
Sources and boundaries
Visible Inspector labels are anchored by six native Resolve captures stored in the project. Control behavior, the Pan/Tilt interpretation, Open FX Overlay, Use Alpha, and Color-page Alpha Output routing are cross-checked against Blackmagic’s current Resolve 21 New Features Guide. The live hero is a teaching proxy and does not claim to reproduce Blackmagic’s exact OFX transform, filtering, shadow renderer, alpha math, or overlay implementation.
UI and behavior can vary slightly by Resolve 21.x build and page context. Verify the exact build used in production, especially Open FX Overlay behavior, alpha routing, and delivery scaling.