iPhone 8 Mockups
What's inside
- Applications Photoshop
- File Types PSD
- License Free (see author's terms)
- Author Behance
This iPhone 8 mockup is a quick way to show a website on mobile without a photo shoot.
Good pick for startup teams, UI freelancers or anyone putting together a portfolio. Tip: for app store or portfolio images, crop tight around the device so the screen fills most of the frame.
It’s also a quick way to make case study images look consistent: same device, same angle, different screens. Pair it with a second device from the same angle to show a responsive layout.
The file is made by a designer on Behance. The download button takes you to their page, where you get the original file and the licence details.
What’s inside the iPhone 8 Mockups 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
Editing the iPhone 8 Mockups, step by step
- 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.
- Paste your design, resize it to fill the area, then save (Ctrl/Cmd + S) and close that tab.
- Export a full-size image for your portfolio and a smaller one for social media.
Worth remembering: screenshots with a white background can blend into the bezel; a thin shadow or darker UI reads better.
Where the iPhone 8 Mockups works best
- Show a landing page on your online shop or product page.
- Use it as the cover image for an app screen in your portfolio.
- Make two or three colour versions of a website on mobile and let the client pick.
Before you download
- Made by a designer on Behance. The download size and format are listed on their page.
- The preview shows the angle, background and lighting you’ll get.
- Check the licence on the author’s page. Personal and commercial terms differ from file to file.
Browse more free iphone mockups on Artistic Orbit, with new files added every day.
Questions about this mockup
What licence does it come with?
A designer on Behance sets the licence, and it can differ from file to file. Many free files allow personal and commercial use, but some are personal-only or ask for credit. Read the terms on the download page before a paid project.
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.
