Tabletop Mockup
What's inside
- Applications Photoshop
- File Types PSD
- License Free (see author's terms)
- Author Designbolts
If you’re presenting a product design, this tabletop mockup makes the idea feel real before anything is produced.
Good pick for students, small brands or anyone putting together a portfolio. Tip: keep your artwork simple. Small objects shrink details quickly, so a bold mark reads better than fine lines.
Small branded items are often the part of an identity that clients remember, so it’s worth showing them properly.
Good for
- A product design
- A pattern
- A logo
This is a free file from Designbolts. When you click download you’ll land on their page to grab it.
What you can edit in this Tabletop Mockup
Open it in Photoshop and you can change:
- Logo or artwork, placed through the smart object
- Background colour
- Object colour, where included
- Shadows
How to edit this Tabletop Mockup in Photoshop
- Simplify the design a little; fine details get lost on small objects.
- In the Layers panel, find the layer with the small smart object icon and double-click it.
- Drop your artwork in, fit it to the canvas, save and close. The mockup updates by itself.
- Export with File › Export › Export As: JPG for sharing, PNG for the web.
One more thing: change the background colour to your brand palette; it does more for the final image than people expect.
Ways to use this Tabletop Mockup
- Present a product design in a client proposal or brand guide.
- Share a pattern on Instagram, Behance or Dribbble with a real-looking preview.
- Use it as the cover image for a logo in your portfolio.
Before you download
- Made by Designbolts. The download size and format are listed on their page.
- Built for Adobe Photoshop. A recent CC version handles the smart objects best.
- Check the licence on the author’s page. Personal and commercial terms differ from file to file.
- The preview shows the angle, background and lighting you’ll get.
Need a different angle? The other mockups category has plenty more free PSD files.
Questions about this mockup
Can I use this mockup mockup for client work?
Designbolts sets the licence, and it can differ from file to file. Many free files allow personal and commercial use, but some are personal-only or ask for credit. Read the terms on the download page before a paid project.
How do I add my design?
Open the file in Photoshop, double-click the smart object thumbnail, paste or place your artwork in the new tab, save it (Ctrl/Cmd + S) and close. The main file updates on its own.
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.
