iPhone7 Mockup
What's inside
- Applications Photoshop
- File Types PSD
- License Free (see author's terms)
- Author Behance
A website on mobile looks better on an iPhone7 mockup than on a white artboard, and this mockup is set up for exactly that.
Good pick for app designers, UI freelancers or anyone putting together a portfolio. Turn the screen glare layer down if your UI has small type. Glare looks nice but hides detail.
It’s also a quick way to make case study images look consistent: same device, same angle, different screens.
Works well for
- A website on mobile
- An Instagram story design
- A landing page
A designer on Behance created this one and hosts the download on their own site, so you always get the latest version straight from the source.
Editable options in the iPhone7 Mockup PSD
Open it in Photoshop and you can change:
- Screen design, placed through the smart object
- Shadow under the device
- Device colour, where the file includes it
How to edit this iPhone7 Mockup in Photoshop
- 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.
- Drop your artwork in, fit it to the canvas, save and close. The mockup updates by itself.
- Change the background colour to fit your brand.
- Save a JPG for clients and social media, and keep the PSD for later changes.
For recent iPhones, keep important UI clear of the notch or Dynamic Island area.
Ways to use this iPhone7 Mockup
- Present a website on mobile in a client proposal or brand guide.
- Show a landing page to a client before it goes to print or production.
- Make two or three colour versions of an Instagram story design and let the client pick.
Good to know
- 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 smart object size before you design, so your artwork fits without stretching.
Browse more free iphone mockups on Artistic Orbit, with new files added every day.
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.
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.
