Isometric iPhone 12 Pro Mockup
What's inside
- Applications Photoshop
- File Types PSD
- License Free (see author's terms)
- Author Anthony Boyd Graphics
This isometric iPhone 12 Pro mockup is one of the simpler ways to present a landing page or an Instagram story design convincingly.
Useful for startup teams as much as for UI freelancers. For recent iPhones, keep important UI clear of the notch or Dynamic Island area.
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. For a fuller case study, combine it with a laptop or tablet mockup showing the desktop version.
Credit goes to Anthony Boyd Graphics. 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 Isometric iPhone 12 Pro Mockup
Everything below is on its own layer:
- Screen design, placed through the smart object
- Device colour, where the file includes it
- Background colour
- Screen glare and reflection layers
Add your design to the Isometric iPhone 12 Pro Mockup
- Take a clean screenshot of the app or website you want to show.
- In the Layers panel, find the layer with the small smart object icon and double-click it.
- Place your design, hide the sample artwork, save, and go back to the main file.
- Export a full-size image for your portfolio and a smaller one for social media.
Another tip: for app store or portfolio images, crop tight around the device so the screen fills most of the frame.
Best uses for this Isometric iPhone 12 Pro Mockup
- Share a website on mobile on Instagram, Behance or Dribbble with a real-looking preview.
- Show an Instagram story design to a client before it goes to print or production.
- Show a landing page on your online shop or product page.
Before you download
- Made by Anthony Boyd Graphics. 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.
- Check the licence on the author’s page. Personal and commercial terms differ from file to file.
- The preview shows the angle, background and lighting you’ll get.
More free iphone mockups are listed below, each linking to the original author.
Questions about this mockup
Can I use this iPhone mockup for client work?
Anthony Boyd Graphics 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.
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.
Which iPhone model is this?
The model is in the title. Screen sizes differ between generations, so always check the smart object size before exporting your screen.
