How to Use a PSD Mockup in Photoshop (Smart Objects, Step by Step)

You bought the PSD. You opened it. There are forty layers, half of them locked, and nothing looks like the preview. This is where most people give up and go back to pasting artwork onto a flat photo in Canva.

It takes about ninety seconds once you know where to look. Here is the whole thing — and, more usefully, the four things that go wrong.

In a hurry? The five-step quick reference is the short version. This page explains why each step matters and how to fix it when it does not work.

What a Smart Object actually is

A Smart Object is a container. Instead of pixels baked into the file, it holds a separate document inside the document. When you edit what's inside, Photoshop re-renders the outside — keeping every shadow, highlight, fold and reflection that sits above it.

That is the entire trick. The photograph never changes. Only the contents of the container do.

This is why a real-photo mockup beats a 3D render: the light was measured by a camera, not guessed by software. You inherit that lighting for free.

Step 1 — Find the Smart Object layer

Open the PSD and look at the Layers panel. A Smart Object has a small page icon in the bottom-right corner of its thumbnail. In our files it is usually named something obvious — Your Design, Label-Design, Lid-Design or Front-Design.

If a mockup has several printable surfaces — a coffee bag front and back, or three tins in one scene — there will be one Smart Object per surface. They are grouped and named.

Step 2 — Open it

Double-click the Smart Object thumbnail. Not the layer name, the thumbnail itself.

Photoshop opens a new tab. This is a separate canvas, usually flat and rectangular, at the exact dimensions your artwork needs to be. Ignore the fact that it looks nothing like the final scene — it will wrap when you save.

Step 3 — Drop your artwork in

Delete or hide the placeholder layer. Paste or place your design. Scale it to fill the canvas edge to edge.

Two things go wrong here more than anything else:

• Artwork smaller than the canvas. You will get a white gap on one edge of the final render. Always fill completely.
• Wrong orientation. Some label Smart Objects are rotated so the artwork sits sideways. Match the placeholder's orientation, not your instinct.

Step 4 — Save, don't export

Press Ctrl+S (Windows) or Cmd+S (Mac). Do not use Save As. Do not use Export.

Close the tab. Go back to the main document. Your design is now on the product, with the original photograph's lighting and shadows sitting on top of it.

If nothing changed, you almost certainly used Save As and wrote a separate file instead of updating the container.

Step 5 — Adjust colour if it looks flat

Above the Smart Object you will usually find adjustment layers — Curves, Levels, a shadow group. These are what make the artwork sit in the scene rather than on top of it.

If your design reads too dark, lift the Curves layer slightly. If it reads too clean, lower the opacity of the highlight layer. Small moves. Five to ten percent at a time.

Many of our files also include a background Color Fill layer you can recolour to match a brand palette — enter a HEX, RGB or CMYK value directly.

Step 6 — Export

Export as JPG or PNG. For client decks, JPG at maximum quality is usually enough; for anything that will be composited further, PNG.

Common problems, quickly

The file is enormous and Photoshop stalls. Our PSDs run 200–450 MB at 4000×6000px, 300 dpi. That is the cost of real resolution. Close other documents, and let it think for a moment on first open.

Edges look too sharp. Real packaging has slight give at the fold. Add a 0.3px Gaussian Blur inside the Smart Object before saving.

Text is unreadable at final size. Check your type size inside the Smart Object against the canvas dimensions, not against how it looks zoomed in.

Nothing updates after saving. You used Save As. Reopen the Smart Object and use Save.

Try it on a real file first

Learning this on a file you paid for is stressful. Learn it on one you didn't.

Our free mockups use exactly the same Smart Object structure as the paid ones — same naming, same adjustment layers, same workflow. Break one, redownload it, break it again.

Once it clicks, the rest of the library works the same way: coffee packaging mockups, matcha mockups, box mockups. One skill, five hundred files.