2D product masks

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 works similarly to a clipping mask and 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 company logo, watermark, or specific product details like 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. Customizable product setup window in customizer app
  3. Click on Print Area. Real-world scale settings window in customizer
  4. Activate the Design preview mask checkbox.
  5. Choose the mask shape: rectangular, circular or a custom uploaded organic shape.
  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. Custom mask setup in customizer
  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. Custom preview mask settings in customizer

Top layer setup

  1. Open 2D product template.
  2. Click Open Print Area Editor. Customizable product setup window in customizer app
  3. Click on Print Area. Real-world scale settings window in customizer
  4. Activate the Top layer mask checkbox.
  5. Upload your custom top layer in .png file format. Top layer mask settings in customizer
  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. Adjusting the placeholder of top product layer