- 2 minutes to read
The PIM workflow may consist of three personalization steps: Variant selector, Editor, and Preview.
For each step, the PIM module supports one of the following mockup types:
Thumbnailmockup for the Variant selector step.
Editormockup for the Editor step.
Previewmockup for the Preview step.
You can read more about personalization steps in the PIM Module section.
Let's consider these mockup types.
thumbnail mockup is a miniature image of a product and used in the Variant Selector step. It introduces a customer to products and gives a basic idea of them.
These mockups may show designs frontally, which is suitable for such print products as brochures, business cards, and so on.
You can also use preview mockups with warp and distort transformations in the role of thumbnail mockups. This may be useful to see how a design looks on some real items.
editor mockup visualizes a product while personalizing the design in the Editor step. This mockup can also help to display different trim styles, decorative frames, bleed area, and so on.
preview mockup demonstrates the personalization results at the Approval step. To create a realistic looking mockup, use complicated transformations in Photoshop, such as warp, distort, perspective, and so on. Blending modes are also supported.
Let's consider the anatomy of these mockup types.
In the PIM module, all types of mockups are supported only in the PSD format. You can consider mockups as regular PSD files created in Adobe Photoshop. They consist of the following layers:
||Optional. These layers are over a smart object.|
|smart object||Mandatory. This is the layer where a design will be embedded.|
||Optional. These layers are under a smart object.|
In the previous example, there is the following substrate part of the mockup.
This is the overlay part of the mockup.
Unlike mockups for product specifications, the PIM module allows you to create one mockup file containing all three layers: substrate, overlay, and smart object.
However, there are some specific features for each mockup type. Let's consider them.
||Depends on the physical product size in
||The recommended size is from
||The recommended size is
||Smart object implements warp, distort, perspective, and so on|
||To learn more about available blending modes, read the Blending options article|