Jet Black iPhone 7 Mockup
What's inside
- Applications Photoshop
- File Types PSD
- License Free (see author's terms)
- Author Pixeden
Here’s a jet black iPhone 7 mockup that works well for a website on mobile, a landing page and similar projects.
Useful for app designers as much as for 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. For a fuller case study, combine it with a laptop or tablet mockup showing the desktop version.
This is a free file from Pixeden. When you click download you’ll land on their page to grab it.
What’s inside the Jet Black iPhone 7 Mockup PSD
Open it in Photoshop and you can change:
- Screen design, placed through the smart object
- Device colour, where the file includes it
- Shadow under the device
- Background colour
How to use the Jet Black iPhone 7 Mockup
- Pick one strong screen. It reads better than a crowded one.
- Open the file in Photoshop and double-click the smart object thumbnail in the Layers panel.
- Place your design, hide the sample artwork, save, and go back to the main file.
- Hide the reflection layer for a flatter look.
- Export a full-size image for your portfolio and a smaller one for social media.
Another tip: make your screen design at the exact pixel size of the smart object, otherwise text on the screen turns blurry.
Where the Jet Black iPhone 7 Mockup works best
- Present a website on mobile in a client proposal or brand guide.
- Show an Instagram story design on your online shop or product page.
- Make two or three colour versions of an app screen and let the client pick.
Quick notes on this mockup
- Made by Pixeden. 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.
- Check the smart object size before you design, so your artwork fits without stretching.
- 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
Is it free for commercial use?
It's free to download, but the licence belongs to Pixeden. 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.
Why does the download open another website?
We list free files from designers around the web and link to the original page, so Pixeden gets the visit and you get the file exactly as they published it.
