iMac Retina Mockup
What's inside
- Applications Photoshop
- File Types PSD
- License Free (see author's terms)
- Author Creativebooster
Here’s an iMac retina mockup that works well for a design system page, a desktop website and similar projects.
Useful for web designers as much as for agencies. Quick tip: make your screen design at the exact pixel size of the smart object, otherwise text on the screen turns blurry.
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.
Credit goes to Creativebooster. We link to their download page rather than re-uploading the file, so check their terms there before commercial use.
What you can edit in this iMac Retina Mockup
Open it in Photoshop and you can change:
- Screen design, placed through the smart object
- Background colour
- Device colour, where the file includes it
Add your design to the iMac Retina Mockup
- Pick one strong screen. It reads better than a crowded one.
- Open the PSD in Photoshop and find the smart object layer, usually named “Your Design” or “Place Here”.
- 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.
Worth remembering: screenshots with a white background can blend into the bezel; a thin shadow or darker UI reads better.
Ways to use this iMac Retina Mockup
- Show a video thumbnail on your online shop or product page.
- Use it as the cover image for a desktop website in your portfolio.
- Present a wide dashboard in a client proposal or brand guide.
Before you download
- Made by Creativebooster. The download size and format are listed on their page.
- Built for Adobe Photoshop. A recent CC version handles the smart objects best.
- Some free mockups ask for credit when you post them. A short line in your caption is enough.
Need a different angle? The imac mockups category has plenty more free PSD files.
Questions about this mockup
What licence does it come with?
Creativebooster 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.
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.
