Creating Product Mockups

Download Mock Up Template

On each product page in the shop, you can download the product’s template and mockup or find them all HERE. Once downloaded, open file using Photoshop.

Preview of Layers Panel In the Layers Panel you will see 3 layers:

  • Sample Design - You will delete this layer and replace it with your design.
  • Design Area - Full design area on the product.
  • To get a better look at the Design Area, change the “Blending Mode” to Normal.
  • It’s currently on “Multiply” Background Product

Photoshop Blending Mode

Placing Your Design on Product

  • Next, delete the Sample Design.
  • Place your design above the Design Area layer
  • With your design layer selected hold Alt (Option in Mac OS) and then click.


Clipping Mask

What you are doing when holding Alt (Option in Mac OS) is creating a Clipping Mask. Which means the  bottommost layer, or Design Area layer, defines the visible boundaries of your design.

What your artboard may look like before clipping:

What your artboard should look like after clipping:

Since we cannot print on the full surface of the mug, this results in a white border around the design. We recommend a white background when designing for mugs.

Saving File

When you are satisfied with your design placement on the mug. You are ready to Save! We recommend saving a PSD file, so you can make future edits (skip Flattening your image to Save As PSD). Also, save as JPEG to use for your shop.

First, you will want to Flatten your image.*
*Skip this step when saving PSD file.


Next, Save As PSD or JPEG. Once you have saved your  JPEG file, you are ready to upload to your shop!


 << Back to Helpful Articles

Open a Wholesale Account Today

Join the Printed Mint family and take your business to the next level