Generate product mockups in seconds

If the selected model already has mockup generators, you can use them immediately in Product Designer. Select a view in the Mockup window to preview the graphics and colors of the current design.

To create your own generators, open the model project in Product Generator and switch to Mockup mode. You need a prepared model and surfaces on which to display the graphics. Custom patterns, simulation and model materials are covered in the separate 3D model creation guide.

For example, prepare the front of a T-shirt against a light background. For the next print, you do not need to set up the camera, lighting or collar outline again. Open Mockup in Designer, and the saved generator shows the current design in the same frame.

Choose the stage that matches what you want to refine. 3D composition and photo fitting offer two ways to prepare the base image.

Create the composition once, then reuse the generator as the graphics and colors change.

Start with your goal: comparable variant images, a recognizable brand style or a visual based on your own photo.

The application captures below show the same fruit-themed design in two product colors. The framing stays consistent, and the mockup shows how the print combines with the selected T-shirt color.

In the Project mockups panel, choose Create automatically to prepare four views: Front, Left, Right and Back. You can also use Add new to add a custom view, rename it and change its order. Each generator retains its own framing and settings.

In 3D composition, you position the product as the basis of the image. Match the framing and lighting to the style of your catalog or brand.

For a catalog, start with a simple background and a clearly defined product silhouette. Use an orthographic camera for a restrained presentation without perspective foreshortening. Perspective makes the spatial shape more prominent. Leave room in the frame for sleeves, the bottom of the product and its shadow.

A floor shadow helps ground the product in the composition, while a wall shadow adds depth. You can adjust their position, size, opacity and softness independently. Use exposure and curves for highlights, midtones and shadows to keep details visible. Keep the print sharp for catalog images; tailor Bloom and depth of field to more atmospheric shots.

Photo fitting mode lets you use your own JPG, PNG or WebP. Adjust the camera and scale of the overlaid model, and control its opacity and position. For clothing, bone tools, sleeve position presets and soft deformation with adjustable radius and strength are available. Use the prepared fit to generate the mockup layers.

For supported clothing, you can create an automatic rig and adjust bones by moving, rotating and changing their length. Mirroring helps preserve symmetry, while sleeve presets let you start from the original position, slightly lowered or alongside the body. Soft deformation and soft rotation work locally: choose the radius, strength and falloff - smooth, linear, spherical or sharp. A wireframe preview helps you assess the shape.

In 3D composition, choose Generate all layers; when fitting to a photo, choose Generate from fit. Then inspect the individual layers and the result on the product.

Before working with the final design, open the test print tool. You can assign a pattern separately to the available parts and, where color changes are supported, also test the color of the whole product or individual parts.

Go to Mapping, select a product part and adjust its outline points and Bézier handles. You can precisely correct the collar, sleeve and edges, then recalculate the layers. The generation menu also lets you recreate outlines or refresh only the base image while keeping the existing vectors.

First correct the outline geometry if the print extends onto the background or falls short of the edges. Then refine the mask and its softness. Adjust shadows and highlights last, comparing the result on light and dark product colors.

Choose what to update so that manual corrections are preserved where they are still needed.

After refining the views, save the Product Generator project. The generator collection belongs to the model and its revision used by Designer. In the application, the project is saved on the server; in the WordPress plugin, it is stored locally.

After changing the camera, background, lighting or fit, refresh the relevant layers and check the result before saving. Downloading a PNG from Designer creates an image of the current design; saving the model project preserves the generator for further editing.

Open Mockup in Product Designer. In the Mockup Generator window, select the front, side or back thumbnail. The preview uses the graphics and colors of the current design. Prepare the camera, lighting and background beforehand in the model generator's Mockup mode.

Select a view and an Image size: Thumb 256, Small 512, Medium 1024 or Large 2048 px. The value specifies the longer edge; the proportions come from the generator. Download images saves a PNG of the currently selected view.

In the WordPress + WooCommerce plugin, you use a local project and its linked model revision. For a product with available mockup generators, the application creates personalization images when the design is added to the cart. Once the files are saved, the plugin displays them beside the cart and order item.

A mockup presents the product's appearance: the finished artwork, its shape, shadows and background. Use it in a listing, catalog or to show customers their personalization.

For production, prepare print area files in Printing Manager. This also applies to AOP designs where artwork covers different parts of the product. The Print-ready files guide explains production file settings and downloads.

Follow the same path that you or your customer will use later.

Start with the stage responsible for the problem. Not every correction requires setting up the whole scene again.