How To Create a Mock Up Product Image
We have built a simple mock up generator, you can learn how it works here. We still recommend creating your own custom mock-ups at some point as your store develops.
In this tutorial we will show you how we do it in Photoshop.
We do this by combining a blank product image with your unique design to create a visual aid for your customers.
To start with, you should decide what the base product image should be.
For this example we are using an ASColour Staple tee. We found this image on the AScolour website.
TIP: If you click on one of the product colours, it will show you a flat product image. Just like the one we are using in this example below.
If you want an original store - read this to find other good images.
Step 1 - Open your image in Photoshop or another brand of image software
Step 2 -Open the Design
Open your artwork file > Select All > Copy the image
Step 3 - Paste in your design
- Paste your artwork file onto your product image
- Click Edit > Free Transform
- Use the "Free Transform" tool to reduce the art size to fit on your product
Step 4 - Resize the art file
Re-size and position your artwork on the blank product until it looks how you are expecting
Step 5 - Setting the Art Board
The ASColour product image we used is a Medium. We know the chest measurement is 55cm. So at the full 35cm art board should leave about 10 cm each side. Under the arms. If you having trouble visualising this, use the rulers to indicate the position of the art board. See the image below.
Step 6 - Print Size
How big is the actual print size? Read this for more info. So finally resize and position your design inside the art board. Don't worry if it not exactly, this is only a visual aid. The actual size you want the design printed should be correct in the art board that you upload as your art file.
Further reference points
Below is a Large ASColour shirt with a ruler to help you judge where the art board might be positioned. Click to see full size.
Final Notes
We suggest you do find a more original product image like the mock up images listed on this site. This will give your website a totally unique look. If everybody use these images, your site may not look so original.