Setting up design preview mask and top layer for customizable product (2D)

Before we get started

• There are two types of masks available in the Smart Customizer app - Design preview mask and Top layer mask.
• A design preview mask helps to define the design's visibility boundaries. Everything that is drawn out of mask boundaries is not visible in a product preview.
• Design preview masks can be drawn in rectangular, circular, or in custom shapes imported as .svg file.
• A Top layer mask is a top non-editable layer of a print file.
• A Top layer mask is mostly used for important decorative details like product shadows, stitches, etc.
• A Top layer mask can be uploaded in .png file format.

Design preview mask setup

1. Open 2D product template.
2. Click Open Print Area Editor.
3. Click on Print Area.
4. Activate the Design preview mask checkbox.
5. Choose the mask shape: rectangular, circular or a custom uploaded organic shape. Learn more about each mask type.
6. Adjust mask size by entering Width and Height values in the mask size inputs or, simply, drag mask placeholder by the corners.
7. Place the mask into the correct position on the model image, keeping in mind that everything out of the mask boundaries will be cut and not visible in the product preview.
8. Once done, lock the mask in order to avoid accidental movement of the placeholder.
9. Click on the exit icon and scroll down to the bottom of the page to Save changes.

Top layer setup

1. Open 2D product template.
2. Click Open Print Area Editor.
3. Click on Print Area.
4. Activate the Top layer mask checkbox.
5. Upload your custom top layer in .png file format.
6. Top layer mask can’t be resized after the upload, therefore, make sure the .png image is in the correct size measurements.
7. Place the Top layer mask into the correct position for the preview mode. This is an important step as you won’t be able to re-adjust the position after you save these changes.
8. Once done, lock Top layer in order to avoid accidental movement.
9. Click on the exit icon and scroll down to the bottom of the page to Save changes.