Printareas in Edit Mockup within Product Base
When using the mockup editor, you can add new images or create new print areas. Make sure to add at least one print area layer to show where your design will be printed. Each layer lets you adjust the size and rotate it to fit your design perfectly.
The Add image button is used to upload layers interleaved with the print area. This can be used to make the model more realistic, especially in cases:
Display the product's material: For certain products, displaying the material is crucial for providing customers with the most accurate depiction of the actual product. In such instances, it's necessary to include an image showcasing the material layered above the mockup background and print area.
Display printarea in a different shape: E.g. your print area is rectangular, but you want to display it on the model with rounded corners to resemble the shape of a doormat.
Add image
Click on Add Image button on Edit mockup and upload that image
This mockup is an image displayed on the product page, similar to a website banner. Therefore, Customall recommends using a maximum width or height of 1200px for your mockup image.
You can:
Add unlimited number of images
Update another image for layer image by clicking the change icon
Reorder image layers by clicking and dragging the move icon to the position you want
Fix the image layer by clicking the lock icon
Hide/ show the image layer by clicking the eye icon
Edit name of image layer by clicking the edit icon
Delete image layer by pressing the Delete key or Backspace on your computer keyboard
Duplicate image layer by pressing Ctrl+C and Ctrl V on your computer keyboard
Image settings
Change the position of the image layer by editing its width, height, left, top; resizing; or rotating:
Change opacity
Before:
After change opacity:
Position
You can change position of image layer by clicking on Forward, Backward, Top, Middle, etc.
A print area is the specific part of a Print on Demand (POD) product where designs can be printed. Each POD product can have its own unique print areas. Therefore, printarea will decide the size of the order's design sent to fulfillment.
When you add artworks to product base in Campaign, artworks will show up on mockup according to the size and position of printareas:
Add Printarea
Click on Add Printarea button to add the correct printarea to the mockup, then adjust its position, size and rotation to fit the mockup
You can:
Add unlimited number of printarea layer
Reorder printare layer by clicking and dragging the move icon to the position you want
Fix the printarea layer by clicking on the lock icon
Hide the printarea layer by clicking on the eye icon
Edit name of printarea layer by clicking the edit icon
Delete printarea layer by pressing the Delete key or Backspace on your computer keyboard
Duplicate printarea layer by pressing Ctrl+C and Ctrl V on your computer keyboard
Printarea Settings
Position: Change the position of the printarea layer by editing its width, height, left, top; resizing; or rotating:
When changing the size of the print area, ensure that the ratio of Width to Height matches the original ratio to avoid incorrect display of your design in the preview on the Campaign and Storefront. We recommend dragging from the corner instead of manually entering the Width and Height.
Clipping Mask: similar to Photoshop’s Clipping Mask. In mockup, clipping mask mode helps you create a specific print area, edit, resize, support for Mockups with multiple print areas quickly and conveniently.
Click on a printarea you want to crop -> Turn on the Clipping Mask button -> Adjust mask's size and position:
Only the parts of artwork in the mask can show up on mockup. Other parts will be hidden.
Preview artwork: allow choosing an artwork as preview for easy setting, custom mockup.
To set a preview for the Print area layer, click on that layer and select Preview artwork. The system will display a list of artworks, select the appropriate artwork and press OK.
Position
You can change position of image layer by clicking on Forward, Backward, Top, Middle, etc.
Add Image
The Add image button is used to upload layers interleaved with the print area. This can be used to make the model more realistic, especially in cases:
Display the product's material: For certain products, displaying the material is crucial for providing customers with the most accurate depiction of the actual product. In such instances, it's necessary to include an image showcasing the material layered above the mockup background and print area.
Display printarea in a different shape: E.g. your print area is rectangular, but you want to display it on the model with rounded corners to resemble the shape of a doormat.
Add image
Click on Add Image button on Edit mockup and upload that image
This mockup is an image displayed on the product page, similar to a website banner. Therefore, Customall recommends using a maximum width or height of 1200px for your mockup image.
You can:
Add unlimited number of images
Update another image for layer image by clicking the change icon
Reorder image layers by clicking and dragging the move icon to the position you want
Fix the image layer by clicking the lock icon
Hide/ show the image layer by clicking the eye icon
Edit name of image layer by clicking the edit icon
Delete image layer by pressing the Delete key or Backspace on your computer keyboard
Duplicate image layer by pressing Ctrl+C and Ctrl V on your computer keyboard
Image settings
Change the position of the image layer by editing its width, height, left, top; resizing; or rotating:
Change opacity
Before:
After change opacity:
Position
You can change position of image layer by clicking on Forward, Backward, Top, Middle, etc.
Add printarea
A print area is the specific part of a Print on Demand (POD) product where designs can be printed. Each POD product can have its own unique print areas. Therefore, printarea will decide the size of the order's design sent to fulfillment.
When you add artworks to product base in Campaign, artworks will show up on mockup according to the size and position of printareas:
Add Printarea
Click on Add Printarea button to add the correct printarea to the mockup, then adjust its position, size and rotation to fit the mockup
You can:
Add unlimited number of printarea layer
Reorder printare layer by clicking and dragging the move icon to the position you want
Fix the printarea layer by clicking on the lock icon
Hide the printarea layer by clicking on the eye icon
Edit name of printarea layer by clicking the edit icon
Delete printarea layer by pressing the Delete key or Backspace on your computer keyboard
Duplicate printarea layer by pressing Ctrl+C and Ctrl V on your computer keyboard
Printarea Settings
Position: Change the position of the printarea layer by editing its width, height, left, top; resizing; or rotating:
When changing the size of the print area, ensure that the ratio of Width to Height matches the original ratio to avoid incorrect display of your design in the preview on the Campaign and Storefront. We recommend dragging from the corner instead of manually entering the Width and Height.
Clipping Mask: similar to Photoshop’s Clipping Mask. In mockup, clipping mask mode helps you create a specific print area, edit, resize, support for Mockups with multiple print areas quickly and conveniently.
Click on a printarea you want to crop -> Turn on the Clipping Mask button -> Adjust mask's size and position:
Only the parts of artwork in the mask can show up on mockup. Other parts will be hidden.
Preview artwork: allow choosing an artwork as preview for easy setting, custom mockup.
To set a preview for the Print area layer, click on that layer and select Preview artwork. The system will display a list of artworks, select the appropriate artwork and press OK.
Position
You can change position of image layer by clicking on Forward, Backward, Top, Middle, etc.
Updated on: 09/09/2024
Thank you!