Put a photo of the real product behind your artwork, and add as many preview angles as you need.
A mockup is a photo of the blank product you sell: an empty mug, a folded t-shirt, a framed canvas on a wall. Add one to your template and Customei lays your artwork onto it, so you and your shopper see the finished thing instead of a flat design file.
A template with no mockup shows an empty right-hand frame with the invitation right there in it.
An empty Design Preview frame. Add Mockup opens your mockup photos.
1
Open your mockups
Click Add Mockup in the empty frame, or open the Mockups panel from the tool rail on the left.
The Mockups panel. Your mockup photos, grouped by the library they came from.
2
Find the photo you want
Photos are grouped by the library they live in, and by category within it. Drag a row sideways or use the arrows to see more, and click Show All to open a whole group as a grid.If you have a lot of them, type in the Search box instead. Searching needs at least two characters.
3
Click it
One click adds the photo as a new preview frame and switches to it. Give it a few seconds the first time: the photo has to download before your artwork can be laid onto it.Clicking a photo you’ve already added doesn’t add it twice, it just switches to that preview.
4
Save
Preview frames are part of the template, so click Save in the top right to keep them.
Nothing in the panel? Your mockup photos come from your Assets, and you need at least one mockup library there. See Mockups.
The Blank mockup card at the top of the panel adds a preview frame with nothing behind your artwork.That sounds pointless until you have a design that is the whole product: a full-bleed poster, or a design where the customer’s photo covers everything. A blank preview gives you a frame to arrange and export from without a product photo getting in the way.
Most products deserve more than one angle: the front and the back of a shirt, the mug from both sides, the canvas on a wall and flat on. Add as many preview frames as you like.
One thumbnail per preview frame. + adds another.
The strip below the Design Preview frame is how you move between them:
Click a thumbnail to show that preview.
Drag thumbnails to reorder them. The order carries through to your product page, so put your best angle first.
Hover a thumbnail to reveal its remove button.
+ opens the Mockups panel to add another.
Each preview keeps its own arrangement and its own rendering settings. Getting the shirt front looking right doesn’t disturb the mug.
Your artwork sits on the photo according to instructions stored on the mockup: where the print area is, how the surface curves, which parts of the artwork to hide behind the product. None of that is edited here.To change it, open the ⋯ menu on a mockup card in the panel and choose Edit mockup. That opens the photo in the mockup designer, in your Assets. See The mockup designer.
