Creative MacBook Mockup
What's inside
- Applications Photoshop
- File Types PSD
- License Free (see author's terms)
- Author Dribbble
Need to show a SaaS dashboard to a client? This creative MacBook mockup does the job in a few minutes.
It’s a handy file for agencies and web designers. Quick tip: turn the screen glare layer down if your UI has small type. Glare looks nice but hides detail.
Stakeholders who don’t read wireframes still understand a screen on a device straight away. Pair it with a second device from the same angle to show a responsive layout.
The file is made by a designer on Dribbble. The download button takes you to their page, where you get the original file and the licence details.
What’s inside the Creative MacBook Mockup PSD
The PSD is layered, so you can change:
- Screen design, placed through the smart object
- Shadow under the device
- Device colour, where the file includes it
- Screen glare and reflection layers
Add your design to the Creative MacBook Mockup
- Export your screen design as a PNG at the exact size of the screen smart object.
- 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.
- Hide the reflection layer for a flatter look.
- Export a full-size image for your portfolio and a smaller one for social media.
Worth remembering: screenshots with a white background can blend into the bezel; a thin shadow or darker UI reads better.
Where the Creative MacBook Mockup works best
- Present a portfolio case study in a client proposal or brand guide.
- Show a web app on your online shop or product page.
- Show a website homepage to a client before it goes to print or production.
Before you download
- Made by a designer on Dribbble. 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.
- Some free mockups ask for credit when you post them. A short line in your caption is enough.
Scroll down for similar macbook mockups from other designers.
Questions about this mockup
Can I use this MacBook mockup for client work?
It's free to download, but the licence belongs to a designer on Dribbble. Check their page: it states whether commercial use is allowed and if attribution is needed.
How do I put my artwork on the MacBook?
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.
Which Photoshop version do I need?
A recent Photoshop CC version is best. Older versions can open the file but sometimes have trouble with smart objects and effects.
What size should my screenshot be?
Open the screen smart object and check its canvas size in Image › Canvas Size. Paste your screenshot at that size so it stays sharp.
