Mockup Macbook
What's inside
- Applications Photoshop
- File Types PSD
- License Free (see author's terms)
- Author Behance
Presenting a portfolio case study? Put it on this MacBook mockup and the client sees the real thing, not a flat file.
Useful for agencies as much as for developers. Tip: screenshots with a white background can blend into the bezel; a thin shadow or darker UI reads better.
A screen inside a real device frame explains a product faster than a raw screenshot, which is why it shows up on so many landing pages and app store listings. Pair it with a second device from the same angle to show a responsive layout.
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.
Mockup Macbook: editable parts
Open it in Photoshop and you can change:
- Screen design, placed through the smart object
- Shadow under the device
- Background colour
How to use the Mockup Macbook
- Export your screen design as a PNG at the exact size of the screen smart object.
- Open the PSD in Photoshop and find the smart object layer, usually named “Your Design” or “Place Here”.
- Drop your artwork in, fit it to the canvas, save and close. The mockup updates by itself.
- Export a full-size image for your portfolio and a smaller one for social media.
For app store or portfolio images, crop tight around the device so the screen fills most of the frame.
Best uses for this Mockup Macbook
- Use it as the cover image for a portfolio case study in your portfolio.
- Show a website homepage on your online shop or product page.
- Make two or three colour versions of a web app and let the client pick.
Before you download
- 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.
Browse more free macbook mockups on Artistic Orbit, with new files added every day.
Questions about this mockup
Is it free for commercial use?
It's free to download, but the licence belongs to a designer on Behance. Check their page: it states whether commercial use is allowed and if attribution is needed.
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.
