Updated 8 October 2026. Photoshop steps re-checked against Adobe's own help pages, linked below.
To use a smart object in a PSD mockup, double-click the smart object's layer thumbnail in Photoshop, place your design inside, then save and close: the mockup redraws your design with the template's perspective, curve and lighting. Without Photoshop, a mockup generator such as Scaylr fills every smart object for you, in bulk.
Every good PSD mockup has one layer doing all the work: the smart object. It is the reason your artwork bends around a mug, sits at an angle inside a frame and picks up the fabric texture of a T-shirt. If you know how smart objects behave, you can fix almost any mockup that looks wrong.
A smart object is a container layer inside a PSD mockup. You open it, put your design inside, save, and the mockup redraws your design with the template's perspective, curve, lighting and texture. In Photoshop you double-click the layer thumbnail, place your design, save and close. Without Photoshop, a mockup generator like Scaylr finds every smart object for you and fills them with your designs in bulk.
What is a smart object in a PSD mockup?
A smart object is a layer that holds another document inside it. The mockup designer places a flat, straight rectangle inside that container, then bends it, angles it and blends it into the photo once. From then on, anything you put inside the container gets the same treatment automatically.
That is what separates a real mockup template from a photo with a pasted image. The smart object remembers:
- The shape. Perspective for angled frames, warp for mugs and folds for fabric.
- The blend. Most mockups set the layer to Multiply, so shadows, paper grain and fabric texture show through your design.
- The size. The document inside has its own pixel dimensions, which decide how sharp your design can be.
In Photoshop you can spot a smart object by the small page icon in the corner of its layer thumbnail. Designers usually give it an obvious name such as "Your Design", "Design" or "Poster".
How do you replace a smart object's contents in Photoshop?
Open the smart object
Double-click the smart object's layer thumbnail (Adobe: Edit the contents of a Smart Object). Photoshop opens its contents in a new tab. Embedded smart objects open as a .psb file.
Place your design
Use File → Place Embedded (or drag your file in) and resize it to cover the whole canvas. Hide or delete the placeholder layer the designer left there, such as the "Add your design here" sample.
Save and close
Press Cmd/Ctrl + S, then close the tab. Back in the mockup, the smart object redraws with your design in place. Export the mockup, and repeat for the next design.
Layer → Smart Objects → Replace Contents (or right-click the layer → Replace Contents, see Adobe's guide) swaps in a whole file in one step. It works well when your file has the same pixel size as the original contents. If the sizes differ, your design can come out too big or too small, so editing inside the smart object (steps 1–3) is the safer habit.
Why does my design look wrong in the mockup?
When a mockup looks off, it is almost always one of these five things:
| What you see | Why it happens | How to fix it |
|---|---|---|
| Design is cropped | Your design's shape doesn't match the smart object (e.g. a square design in a 3:4 frame) | Make the design in the same ratio, or fit it inside with a border |
| Placeholder text shows through | Your PNG has transparent areas, and the old placeholder is still inside the smart object | Delete or hide the placeholder layer inside the smart object |
| Design is blurry | The smart object's own canvas is small, so your artwork is scaled down to it | Choose templates with a large smart object (check Image → Image Size inside it) |
| Colours look darker | The layer uses Multiply, which lets shadows and texture through | That is intended realism. Lighten the design slightly if it looks heavy |
| Changing one frame changed another | The layers are linked copies that share one set of contents | Use Layer → Smart Objects → New Smart Object via Copy to make them independent |
Open the smart object and look at its canvas size before you design anything. Poster frames are commonly 3:4, 2:3, 4:5 or the A-series ratio (about 1:1.41). Mug wraps are wide and tote bags are often square. Matching the ratio is the single biggest improvement you can make.
What about mockups with several smart objects?
Gallery walls, frame sets and front-and-back apparel mockups have one smart object per product. Each one is filled separately, so three frames can show three different prints in one photo.
Watch for linked copies: some templates duplicate one smart object so that, for example, a design and its reflection always match. Editing one updates them all, which is exactly what you want for a reflection and not what you want for a gallery wall. Adobe's page on duplicating smart objects explains both kinds: Layer → New → Layer Via Copy makes a linked copy, New Smart Object Via Copy an independent one.
Name your smart objects clearly ("Left", "Middle", "Right" or "Front", "Back"). In Scaylr, each smart object shows up as its own slot under its layer name, so good names make multi-product templates easy to fill.
How do you fill smart objects without Photoshop?
Opening, pasting, saving and exporting takes a few minutes per mockup. With 20 designs and 5 templates that is 100 rounds of the same clicks. This is the job a batch mockup generator automates, and it doesn't need Photoshop at all. (We compared the options in Mockup Generator Without Photoshop.)
In Scaylr it works like this:
- Add your templates. Upload your own PSDs or pick from the free template library. Scaylr reads each file in your browser and lists every smart object as a slot, named after its layer. Linked copies appear as one slot.
- Add your designs. Drop in PNG, JPG or WEBP files.
- Auto-assign. Scaylr pairs designs with slots. Choose Fill (cover the area), Fit (keep the whole design visible) or Stretch.
- Generate. Every design goes into every template, with the template's perspective, curve and blend. Download the mockups one by one, or on a paid plan as one ZIP sorted by design.
Layers at the top of the template whose names mark them as helpers, such as "placeholder", "instructions", "guide" or "watermark", are hidden automatically. So template notes never end up in your listing photos.
What makes a good smart object template?
- A clean, empty smart object. Placeholder artwork belongs on a separate, clearly named layer, or it can show through transparent designs.
- A generous canvas. At least around 1,500 px on the long side for posters and apparel, so your design stays sharp.
- A realistic blend. Multiply or a lighting layer above the design, so it looks printed rather than pasted.
- A standard ratio that matches the sizes you actually sell.
For product-specific advice, see our poster mockup guide and T-shirt mockup guide.
Sources (checked October 2026): Adobe Photoshop Help: Edit the contents of a Smart Object · Replace the contents of a Smart Object · Duplicate an embedded Smart Object · Scaylr plans.
Fill every smart object in one click
Upload your designs, pick templates, and let Scaylr fill every smart object for you. No Photoshop needed.
Try Scaylr Free →