PSD IPhone 7 Mockup
What's inside
- Applications Photoshop
- File Types PSD
- License Free (see author's terms)
- Author Behance
This iPhone 7 mockup is a quick way to show an app screen without a photo shoot.
It’s a handy file for app designers and startup teams. One thing worth knowing: 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.
This is a free file from a designer on Behance. When you click download you’ll land on their page to grab it.
What’s inside the IPhone 7 Mockup PSD
Open it in Photoshop and you can change:
- Screen design, placed through the smart object
- Background colour
- Device colour, where the file includes it
- Shadow under the device
How to use the IPhone 7 Mockup
- 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.
- Lower the glare layer if it hides small text.
- Export a full-size image for your portfolio and a smaller one for social media.
Make your screen design at the exact pixel size of the smart object, otherwise text on the screen turns blurry.
Where the IPhone 7 Mockup works best
- Make two or three colour versions of a website on mobile and let the client pick.
- Share a landing page on Instagram, Behance or Dribbble with a real-looking preview.
- Present an app screen in a client proposal or brand guide.
Quick notes on this mockup
- Made by a designer on Behance. 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 iphone mockups from other designers.
Questions about this mockup
Can I use this iPhone mockup for client work?
That depends on the author's terms. The download page lists what is allowed; when in doubt, ask the author directly.
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.
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.
Can I remove the screen reflection?
Usually yes. Reflections and glare are normally a separate layer that you can hide or lower in opacity.
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.
