Product mockups: placing the photo at a true angle (perspective)

This article shows you how to use Perspective placement to warp a photo onto an angled product shot — for example, placing a finished team render onto an acrylic plaque — so the photo sits at a true 3D-looking angle in the final render.

How it works

A typical product-mockup template has two layers stacked on top of each other:

A static graphic underneath — the product photo (the acrylic pano, card stack, or framed display). It stays the same in every design.
A photo layer on top — the slot that holds the customized image for each customer. This is the layer you apply perspective to.

Enabling Perspective (product mockup) on the photo layer lets you drag its four corners to match the face of the product in the background image. Templified then warps the photo into that shape — a true perspective transform, not a simple skew — and both the editor preview and the final render match exactly.

Editor canvas showing a static product photo underneath and a photo layer on top with four perspective corner handles visible

Step 1 — Set up the template layers

Open the template in the editor.
Make sure your product photo is a static graphic layer and sits below the photo layer in the layer list.
Select the photo layer — its properties panel will show a Dynamic Image heading with a Dynamic badge.
Set the layer's Fit Mode to any mode other than Top Fill with face placement active. (Perspective is hidden while face placement is active; see When face placement and perspective are both set below.)

Step 2 — Enable Perspective

In the photo layer's properties panel, scroll down past the Fit Mode controls to find the Perspective (product mockup) checkbox.
Check it. Four corner handles appear on the canvas overlaid on the photo layer — arranged in a gentle right-receding trapezoid by default so you can see the effect immediately.

The Perspective (product mockup) checkbox checked in the properties panel, with four corner handles visible on the canvas

Step 3 — Drag the corners to match the product

Zoom in on the product face in the background image so you can align precisely.
Drag each of the four corner handles to the corresponding corner of the product's face. The photo warps live as you drag so you can judge the fit against the product photo.
Work opposite corners alternately — top-left and bottom-right, then top-right and bottom-left — rather than going around in order. This keeps the shape symmetric and avoids fighting yourself.
When the warped photo sits flush with the product face, stop. There's no need to cover the product's edge precisely — you can use the layer's size and position to control how far the photo extends.

If the corners get into an awkward arrangement, click Reset corners in the properties panel to return them to the default trapezoid and start over.

Step 4 — Check the preview matches the product

Select a different layer or click a blank part of the canvas to deselect the photo layer. The corner handles disappear and you'll see the warped photo on top of the product shot as it will appear in the render. Check that edges align and that the warp direction matches the product's angle.

If the product has a shallow angle, the corner offsets may be very small — zoom in to 150–200% to be precise.

Step 5 — Save and test a design

Save the template.
Open a design from this template in Studio and drop in a photo. The photo is warped onto the same quad automatically.
Check the design looks right, then render to confirm the output matches what you see in the editor.

When face placement and perspective are both set

Face placement and perspective are mutually exclusive: face placement always wins. When face placement is active on a photo layer, the Perspective (product mockup) checkbox is hidden in the properties panel. If you need perspective on a layer that had face placement enabled, turn off Face placement first (or switch the fit mode away from Top Fill), then enable perspective.

In practice, perspective is designed for decorative or product-mockup layers — not for team portrait slots where face alignment is the goal. Use face placement for roster photos and perspective for the product-shot layer that wraps around them.

Tips for a clean result

Match the product's crop precisely. If the product photo has a slight inset border or bevel, align the corners to the inner face of the product, not its outer edge.
Use a high-resolution photo layer. The warp is computed from the full source image, so a sharp source photo produces a sharp result at any product size.
Layer order matters. The product static graphic must be below the photo layer in the layer list so the product frame appears on top of the warped photo.