iPhone 8 Plus Mockup
What's inside
- Applications Photoshop
- File Types PSD
- License Free (see author's terms)
- Author Behance
Presenting an Instagram story design? Put it on this iPhone 8 Plus mockup and the client sees the real thing, not a flat file.
Good pick for UI freelancers, startup teams or anyone putting together a portfolio. Tip: 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. Pair it with a second device from the same angle to show a responsive layout.
Good for
- An Instagram story design
- A website on mobile
- An app screen
Credit goes to a designer on Behance. We link to their download page rather than re-uploading the file, so check their terms there before commercial use.
iPhone 8 Plus Mockup: editable parts
Main things you can change in Photoshop:
- Screen design, placed through the smart object
- Background colour
- Screen glare and reflection layers
- Device colour, where the file includes it
How to use the iPhone 8 Plus Mockup
- Export your screen design as a PNG at the exact size of the screen smart object.
- 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.
- Change the background colour to fit your brand.
- Save a JPG for clients and social media, and keep the PSD for later changes.
Another tip: screenshots with a white background can blend into the bezel; a thin shadow or darker UI reads better.
Ways to use this iPhone 8 Plus Mockup
- Use it as the cover image for a landing page in your portfolio.
- Show an app screen on your online shop or product page.
- Make two or three colour versions of a website on mobile and let the client pick.
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.
Browse more free iphone mockups on Artistic Orbit, with new files added every day.
Questions about this mockup
What licence does it come with?
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.
