iPhone Perspective Screen Mockup
What's inside
- Applications Photoshop
- File Types PSD
- License Free (see author's terms)
- Author Zippypixels
This iPhone perspective screen mockup is a quick way to show an Instagram story design without a photo shoot.
App designers and UI freelancers tend to get the most out of files like this. Tip: for recent iPhones, keep important UI clear of the notch or Dynamic Island area.
Stakeholders who don’t read wireframes still understand a screen on a device straight away.
Zippypixels created this one and hosts the download on their own site, so you always get the latest version straight from the source.
What’s inside the iPhone Perspective Screen Mockup PSD
Everything below is on its own layer:
- Screen design, placed through the smart object
- Shadow under the device
- Screen glare and reflection layers
Editing the iPhone Perspective Screen Mockup, step by step
- Pick one strong screen. It reads better than a crowded one.
- In the Layers panel, find the layer with the small smart object icon and double-click it.
- Paste your design, resize it to fill the area, then save (Ctrl/Cmd + S) and close that tab.
- Save a JPG for clients and social media, and keep the PSD for later changes.
Worth remembering: turn the screen glare layer down if your UI has small type. Glare looks nice but hides detail.
Where the iPhone Perspective Screen Mockup works best
- Share a landing page on Instagram, Behance or Dribbble with a real-looking preview.
- Show a website on mobile on your online shop or product page.
- Present an Instagram story design in a client proposal or brand guide.
Before you download
- Made by Zippypixels. The download size and format are listed on their page.
- The preview shows the angle, background and lighting you’ll get.
- 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.
Need a different angle? The iphone mockups category has plenty more free PSD files.
Questions about this mockup
Can I use this iPhone mockup for client work?
It's free to download, but the licence belongs to Zippypixels. Check their page: it states whether commercial use is allowed and if attribution is needed.
How do I put my artwork on the iPhone?
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.
