FUSION WORKFLOW / 04

Level: Basic workflow

Fit an Image to the Project Frame

Fit an Image to the Project Frame in Fusion

A PNG, logo or still image is merged over a transparent Background at the project resolution, producing a correctly sized output frame.

Graph elements
3
Connections
2
Assembly stages
3
  • MediaIn
  • Background
  • Merge
  • PNG
  • Format
Composition resultIMAGE
Composition result: Fit an Image to the Project Frame in Fusion
Fit an Image to the Project FrameOpen full-size image

Understand the task

What this graph needs to do

This workflow solves a common Fusion issue: a source graphic can have its own resolution, for example 1024×1024, while the composition is 3840×2160. Used directly, the image keeps its original canvas. The fix is to create a transparent Background at the project resolution and connect the image to the Merge Foreground. From that point on, the chain receives a full-size project frame while preserving the PNG alpha.

Why it is built this way

The setup is intentionally minimal. Background defines frame dimensions and transparency; Merge places the PNG or logo inside that frame. This is more predictable than blindly scaling MediaIn because the canvas size is controlled by a dedicated node. It is especially useful before Transform, Glow, Blur, particles, masks or export operations that depend on correct frame dimensions.

Node graph

Read the connections

Zoom into a branch, select a node and inspect its incoming connections.

NODE GRAPH3 nodes · 2 connections
135%
Node graph: Fit an Image to the Project FrameLogo · PNG 1024×1024LogoPNG 1024×1024Background6 · Transparent 3840×2160Background6Transparent 3840×2160Merge1 · Format compositeMerge1Format composite

Select a node to inspect its connections. Drag to pan; Ctrl/Cmd + wheel or + / − to zoom. Arrow keys move the view; Home fits the graph.On a touch screen, enable Move to pan and pinch the graph.

Mask / Effect MaskForeground / marked inputBackground / main inputOther connections
Read all connections as a list2
FromToInput
Foreground
Background

Assembly order

Build it branch by branch

  1. Logo → Merge1

    Connect the source PNG to Merge Foreground. This is the object that needs to live inside the project frame: a logo, icon, render or other alpha graphic.

  2. Background6 → Merge1

    Background6 creates a transparent frame at the required dimensions. In this example it is 3840×2160 with Alpha 0, so it defines canvas size without adding a visible background.

  3. Merge1 → downstream nodes

    After Merge, the image already has the project frame size and can be transformed, animated, blurred, masked or sent to MediaOut without the small-source-canvas problem.

Node parameters

Settings by node

The values below belong to this example. Use the descriptions to understand what each setting controls when adapting the graph to your footage.

Background6

Background is used as a transparent project-size container rather than a visible color fill.

  • Width: 3840
  • Height: 2160
  • UseFrameFormatSettings: enabled
  • TopLeftAlpha: 0
  • GlobalOut: 239

Merge1

Merge combines the transparent project frame and PNG. Background goes to the yellow Background input; Logo goes to the green Foreground input. Size can be adjusted without modifying the original media.

  • Background: Background6.Output
  • Foreground: Logo.Output
  • Size: 1.06818181818182
  • PerformDepthMerge: 0

Logo

Logo is a project PNG resource rather than a universal Fusion node, so the diagram treats it as a static asset rather than an encyclopedia link.

  • Source: PNG from MediaPool
  • Original format: 1024×1024
  • Loop: enabled
  • Alpha preserved

Troubleshooting

Common mistakes in this setup

  • Do not feed a small PNG deep into a graph if later effects need a full project-size frame.

  • Do not make Background opaque when it is meant to act only as a transparent container; use Alpha 0.

  • Do not swap Merge inputs: the transparent frame is Background and the graphic is Foreground.

  • Do not rely on Transform alone to solve the canvas problem. Transform changes scale and position but does not define a new full-frame canvas by itself.

  • Do not treat a project-specific MediaIn asset as an encyclopedia node link.

Check the composition

Verify the result

Tick each item after checking it in your own composition.

Documentation for this workflow

These references explain the tools and connections used in the graph.