iMac Desktop Mockup
What's inside
- Applications Photoshop
- File Types PSD
- License Free (see author's terms)
- Author Behance
Need to show a design system page to a client? This iMac desktop mockup does the job in a few minutes.
Web designers and agencies tend to get the most out of files like this. One thing worth knowing: make your screen design at the exact pixel size of the smart object, otherwise text on the screen turns blurry.
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.
This is a free file from a designer on Behance. When you click download you’ll land on their page to grab it.
What you can edit in this iMac Desktop Mockup
Everything below is on its own layer:
- Screen design, placed through the smart object
- Device colour, where the file includes it
- Shadow under the device
- Background colour
How to edit this iMac Desktop Mockup in Photoshop
- Take a clean screenshot of the app or website you want to show.
- Open the file in Photoshop and double-click the smart object thumbnail in the Layers panel.
- Paste your design, resize it to fill the area, then save (Ctrl/Cmd + S) and close that tab.
- Export with File › Export › Export As: JPG for sharing, PNG for the web.
Screenshots with a white background can blend into the bezel; a thin shadow or darker UI reads better.
Ways to use this iMac Desktop Mockup
- Show a video thumbnail to a client before it goes to print or production.
- Make two or three colour versions of a desktop website and let the client pick.
- Show a design system page on your online shop or product page.
Before you download
- Made by a designer on Behance. 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.
- Check the smart object size before you design, so your artwork fits without stretching.
Need a different angle? The imac mockups category has plenty more free PSD files.
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.
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.
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.
