A smart object mockup is a Photoshop file (PSD) of a product photo in which the print area is a smart object: a layer that holds your artwork in its own document, so you swap the design and the photo updates around it. The folds, shading and angle are already built into the filters and layers around that smart object, which is why a flat design comes out looking printed on the fabric.
This explainer is for Etsy sellers who have bought or downloaded mockup PSDs and want to know why some look real and others look pasted on, and for anyone deciding between learning Photoshop and using a tool that skips it. Your mockup is usually the first thing a shopper sees in search, so knowing how one is built helps you spot a weak one before it reaches your listing.
What a smart object is
In Photoshop, a smart object is a container layer. It keeps the original content inside it, so you can scale, warp and filter the layer without permanently changing the pixels you put in.
Double-click a smart object's thumbnail and its contents open in a separate document, saved as a .psb file. When you save and close that document, Photoshop reapplies every transformation and filter the mockup's creator set up on the outer layer. That is the whole trick: the warping, perspective and fabric effects are done once by the file's maker, and every design you drop in inherits them.
The layers inside a typical mockup file
Mockup files differ, but most good ones share the same structure. Knowing what each layer does tells you where to look when a result seems wrong.
| Layer | What it does | What you see if it is missing or wrong |
|---|---|---|
| Design smart object | Holds your artwork, already scaled, angled and warped to the print area | The design floats flat or sits at the wrong angle |
| Displacement filter | Shifts the design's pixels using a greyscale map of the photo, so lines follow the folds | The print looks like a sticker on top of the wrinkles |
| Shadow layer in Multiply mode | Lets the photo's shadows darken the design | The design looks too bright and evenly lit |
| Highlight layer in Screen mode | Lets bright areas of the fabric lighten the design | The print looks dull where the fabric catches the light |
| Clipping or print-area mask | Keeps the design inside the garment's edges | Artwork spills over seams or sleeves |
| Colour fill layer | Changes the product colour | Only one product colour is possible |
Why the design bends with the fabric
Two things make a design look printed rather than placed. The first is displacement: the file's maker creates a greyscale copy of the photo, and Photoshop's Displace filter moves each pixel of your design by an amount based on how light or dark that map is at the same spot. Straight lines in your artwork pick up the curves of the folds beneath them.
The second is blending. Shadow and highlight layers set to modes such as Multiply and Screen sit above the design, so the photo's real light and dark areas pass through the print. A crease that darkens the shirt also darkens the letters on it.
When either part is missing, you get the classic fake mockup: crisp artwork floating over a wrinkled shirt. Our guide on how to make a mockup step by step shows the same principles from the other side.
Using a smart object mockup, step by step
Open the PSD and find the layer named something like "Your design here". Its thumbnail shows a small smart object icon.
Double-click the thumbnail. The contents open in a new tab.
Place your artwork, ideally a transparent PNG, sized to fill the area you want printed, and hide the placeholder.
Save with Ctrl+S or Cmd+S and close the tab.
Back in the mockup, change the colour fill if the file offers one, and zoom in on the folds to check the result.
Export a JPG or PNG for Etsy.
For the export, Etsy recommends listing photos with "a width and height of at least 2000 pixels or more", accepts ".jpg, .gif, .png, .svg, or .heic" files, and does not support transparent PNGs, so export the finished mockup with its background in place. Before you use a file commercially, read its licence: our article on mockup licences explains what to look for.
Where smart object mockups fall short, and the alternatives
Smart object mockups need Photoshop and some practice, and every file is one product, one angle and one scene. A design offered in several colours and angles means an export for every combination, repeated for every new design. Photoshop can automate part of this with actions and scripts, but setting that up is a project of its own. The result is also only as good as the file: a mockup with a weak displacement map or missing shadow layers looks fake however good your design is.
The options that skip Photoshop:
Browser-based editors that open PSD files: useful for a few edits, though support for smart objects and filters varies, so test one file before you buy a pack.
Online mockup generators: upload a design, pick a scene, download. Fast, with limits on scenes, resolution and licences, as our look at free t-shirt mockup generators and their limits explains.
Mockups built into your listing workflow: the design is placed onto product photos while the listing is created, so there is no file to open at all.
How Alomations does it: smart mockups and your own photos
Alomations takes the third route. Smart mockups render your design onto product photos with real fabric folds, shading and light, the same effect a well-built smart object gives you, without opening Photoshop. Objects in front of the design, such as a hand or a strap, stay in front, a front mockup can carry its own chest-logo spot, and a zoom control lets a product shot from far back fill more of the image. You preview every colour and every side before the run, smart mockups are free to use, and you can download them. Our article on smart mockups in Alomations goes deeper.
If you have your own product photos, paid plans add your own mockup library: upload a photo, set the print area once, and reuse it in every run, including changing the shirt colour of your own photo live in Mockup Preview. Etsy's listing guide allows up to 20 photos and 2 videos per listing, and smart mockups count toward the 20. See using your own product photos as mockups for how to shoot them, or the features page for the rest of the listing run.
Frequently asked questions
Do I need Photoshop to use a smart object mockup?
Smart objects are a Photoshop feature, so Photoshop is the reliable way to edit one. Some browser editors open PSD files and keep smart objects working, but filters such as displacement do not always behave the same, so check the result closely.
Why does my design look flat on the mockup?
Usually the file has no displacement filter, its shadow and highlight layers are hidden, or the design was pasted above the smart object instead of inside it. Open the layers panel and compare each layer with the table above.
Can I use any mockup PSD I find online?
No. Mockup files come with licences that decide whether you can use them in a commercial listing, so read the licence before your first sale, not after.
How many mockup images can an Etsy listing have?
Etsy's listing guide says you can add up to 20 photos and 2 videos to each listing. Use the first photo for the clearest view of the product.
You can try smart mockups on the Alomations free plan and see your design on a real product photo without opening Photoshop.