Macbook on Desk Mockup
What's inside
- Applications Photoshop
- File Types PSD
- License Free (see author's terms)
- Author PSD Zone
Here’s a MacBook on desk mockup that works well for a SaaS dashboard, a portfolio case study and similar projects.
Good pick for developers, agencies or anyone putting together a portfolio. Tip: screenshots with a white background can blend into the bezel; a thin shadow or darker UI reads better.
It’s also a quick way to make case study images look consistent: same device, same angle, different screens. Pair it with a second device from the same angle to show a responsive layout.
The file is made by PSD Zone. The download button takes you to their page, where you get the original file and the licence details.
What’s inside the Macbook on Desk Mockup PSD
Everything below is on its own layer:
- Screen design, placed through the smart object
- Background colour
- Device colour, where the file includes it
How to edit this Macbook on Desk Mockup in Photoshop
- Export your screen design as a PNG at the exact size of the screen smart object.
- Open the file in Photoshop and double-click the smart object thumbnail in the Layers panel.
- Place your design, hide the sample artwork, save, and go back to the main file.
- Change the background colour to fit your brand.
- Export with File › Export › Export As: JPG for sharing, PNG for the web.
Another tip: turn the screen glare layer down if your UI has small type. Glare looks nice but hides detail.
Best uses for this Macbook on Desk Mockup
- Make two or three colour versions of a website homepage and let the client pick.
- Use it as the cover image for a web app in your portfolio.
- Share a SaaS dashboard on Instagram, Behance or Dribbble with a real-looking preview.
Good to know
- Made by PSD Zone. The download size and format are listed on their page.
- Some free mockups ask for credit when you post them. A short line in your caption is enough.
- The preview shows the angle, background and lighting you’ll get.
- Check the licence on the author’s page. Personal and commercial terms differ from file to file.
Scroll down for similar macbook 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 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 remove the screen reflection?
Usually yes. Reflections and glare are normally a separate layer that you can hide or lower in opacity.
