Short answer: To make a mockup, you prepare your design as a PNG with a transparent background, choose a mockup template showing the blank product, place the design on that template and match it to the product's folds, lighting and color, then export the image at the size recommended by the platform you sell on. You can do this in three ways: with online mockup tools, with smart object templates in Photoshop, or with mockup generators that automatically place the design on product images.
If you are wondering what a mockup is and what types exist, first read the article what is a mockup. This guide focuses directly on the practice.
Preparation before making a mockup
- Design file: A high-resolution PNG with a transparent background, or a vector file. A JPG with a white background looks like a white box on a dark product.
- Product and colors: Decide in advance which product (t-shirt, mug, poster) and which colors you will sell; each color needs its own image.
- Print area: Find out your producer's actual print area. Showing the design larger than this area in the mockup creates false expectations for the buyer.
Method 1: With online mockup tools (the fastest)
Browser-based tools such as Canva, Placeit and Kittl offer ready-made templates. You do not need to install any software.
- Search the tool for a template by product type (e.g. "t-shirt mockup").
- Upload your design PNG; the tool places it in the print area.
- Adjust the size and position, and choose the product color.
- Download the image. Free plans may come with a watermark, resolution limits or commercial use restrictions; always read the template's license terms.
When it fits: If you have a small number of products and want images quickly.
Method 2: With a Photoshop smart object template (the most flexible)
Most professional mockup templates come as PSD files, and the layer where you place your design is a smart object.
- Open the PSD template and, in the layers panel, find the smart object layer, usually named "Your Design" or "Place Here".
- Double-click the layer; it opens in a separate window.
- Paste your design into this window, scale it to the print area, then save and close.
- When you return to the main file, the design sits on the product together with the template's fold and shadow effects.
- Change the color layer and export a separate image for each color variation.
When it fits: If you want full control over the image and will use the same template for many designs.
Method 3: With an automatic mockup generator (the most scalable)
If you work with many products, placing each design into a template one by one takes hours. Mockup generator tools apply your design to all the products and colors you select after you upload it just once. Most print on demand platforms offer this kind of mockup generator connected to their product catalog.
When it fits: If you add new products to Etsy regularly and each product needs several colors and images.
Which method should you choose?
| Method | Speed | Control | Skill required | Best for |
|---|---|---|---|---|
| Online mockup tool | Fast | Medium | Low | First products, a small number of designs |
| Photoshop smart object | Slow | High | Medium | Custom scenes, brand consistency |
| Automatic mockup generator | Very fast | Medium | Low | Many products, many colors, regular listing |
In practice, many sellers combine the methods: they generate automatic mockups for all colors and choose a carefully prepared Photoshop scene or a lifestyle photo for the first image.
Step by step: your first mockup
Whichever tool you choose, the workflow is the same. Prepare your first mockup in this order:
- Clean up the design: Remove the background and check for leftover white pixels around the edges. These pixels stand out clearly on a dark product.
- Choose the template: For the first image, choose a simple template that shows the product flat and from the front; leave usage scenes for the additional images.
- Place and scale: Center the design according to the print area. On a t-shirt, the top edge of the design usually starts slightly below the collar; on a mug, check which way the handle faces.
- Create the color variations: Export a separate image for every color you sell. Do not show a light-colored design on a light-colored product; if it is not readable, do not offer that color for sale.
- Export: Save the image as JPG or PNG at the size Etsy recommends. Keep the file name related to the product (e.g. "cat-tshirt-black.jpg"); it prevents confusion.
- Test at a small size: Shrink the image and look at it on a phone screen. If the design cannot be made out in the small thumbnail in search results, increase the scale or simplify the scene.
What should a mockup image for Etsy look like?
- Size: Etsy recommends that the shortest side of listing images be at least 2000 pixels.
- Cropping: Images can be displayed on the site in different ratios, such as square and rectangular. Place the design in the center of the image and do not put anything important near the edges.
- First image: It is shown small in search results; the design should be readable at a small size and the background should be simple.
- Additional images: Close-ups, different colors, a usage scene (someone wearing or using the product) and a size chart.
We covered angle and color choice specifically for t-shirts in the article how to prepare a t-shirt mockup.
5 details that make a mockup look realistic
- Correct scale: The design should be proportional to the actual print area.
- Folds and texture: Fabric folds should also run across the design; an image pasted flat looks fake.
- Light and shadow: The brightness of the design should match the lighting in the scene.
- Color match: The product color in the mockup should be close to the producer's actual product color.
- Consistency: Using a similar scene and lighting across all listings in your shop creates a professional look.
You can find the common mistakes that hurt sales in the article mockup mistakes, and the quality criteria in the article professional mockups.
Making mockups with Printmeet
On Printmeet, after uploading your design or generating it with AI, you can remove the background, prepare mockup images for the products and colors you select with a live preview, and send the product with these images directly to your Etsy shop. For details, see the Etsy integration and AI design pages.
Frequently asked questions
How do you make a mockup for free?
You can do it with the free templates of online mockup tools, or by using free PSD templates in Photoshop or another editor that can open PSD files. Always check whether free templates allow commercial use.
Can you make a mockup without Photoshop?
Yes. Browser-based tools such as Canva, Placeit and Kittl, and the mockup generators of print on demand platforms, do not require Photoshop.
What format should the design be in for a mockup?
A high-resolution PNG with a transparent background is the most common format. For logo and typography designs, vector files (SVG, AI, EPS) can also be used.
Is using mockups on Etsy prohibited?
No, print on demand sellers mostly show their products with mockups. What matters is that the image accurately reflects the product that will be sent to the buyer: the color, print area and product type must match the real product.