Light Mockup
What's inside
- Applications Photoshop
- File Types PSD
- License Free (see author's terms)
- Author Behance
A product design looks better on a light mockup than on a white artboard, and this mockup is set up for exactly that.
It’s a handy file for small brands and designers. Quick tip: change the background colour to your brand palette; it does more for the final image than people expect.
Merch and gift ideas are much easier to approve when people can see them on the real object.
The file is made by a designer on Behance. The download button takes you to their page, where you get the original file and the licence details.
Light Mockup: editable parts
Everything below is on its own layer:
- Logo or artwork, placed through the smart object
- Background colour
- Object colour, where included
How to use the Light Mockup
- Export your logo or artwork as a PNG with transparency.
- Open the file in Photoshop and double-click the smart object thumbnail in the Layers panel.
- Drop your artwork in, fit it to the canvas, save and close. The mockup updates by itself.
- Adjust the shadow so the object sits on the surface.
- Export with File › Export › Export As: JPG for sharing, PNG for the web.
One more thing: use a PNG with transparency for logos so the material around them keeps its texture.
Ways to use this Light Mockup
- Show a product design to a client before it goes to print or production.
- Use it as the cover image for a logo in your portfolio.
- Make two or three colour versions of a pattern and let the client pick.
Good to know
- Made by a designer on Behance. The download size and format are listed on their page.
- Check the licence on the author’s page. Personal and commercial terms differ from file to file.
- Check the smart object size before you design, so your artwork fits without stretching.
Scroll down for similar other mockups from other designers.
Questions about this mockup
What licence does it come with?
That depends on the author's terms. The download page lists what is allowed; when in doubt, ask the author directly.
How do I put my artwork on the mockup?
Find the smart object layer (it has a small icon on its thumbnail), double-click it, place your design, then save and close that tab.
Do I need Photoshop?
Yes. This is a PSD mockup built with smart objects, so you edit it in Adobe Photoshop. Any recent CC version works.
Can I change the background?
Most object mockups have a background colour or image layer at the bottom of the stack that you can swap.
Why does the download open another website?
We list free files from designers around the web and link to the original page, so a designer on Behance gets the visit and you get the file exactly as they published it.
