iPhone 15 Mockup
What's inside
- Applications Photoshop
- File Types PSD
- License Free (see author's terms)
- Author Mockups Design
Need to show a website on mobile to a client? This iPhone 15 mockup does the job in a few minutes.
It’s a handy file for UI freelancers and app designers. A small tip: 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. Pair it with a second device from the same angle to show a responsive layout.
The file is made by Mockups Design. The download button takes you to their page, where you get the original file and the licence details.
What’s inside the iPhone 15 Mockup PSD
Main things you can change in Photoshop:
- Screen design, placed through the smart object
- Device colour, where the file includes it
- Screen glare and reflection layers
How to edit this iPhone 15 Mockup in Photoshop
- 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.
- Hide the reflection layer for a flatter look.
- Save a JPG for clients and social media, and keep the PSD for later changes.
Worth remembering: for app store or portfolio images, crop tight around the device so the screen fills most of the frame.
Ways to use this iPhone 15 Mockup
- Share a website on mobile on Instagram, Behance or Dribbble with a real-looking preview.
- Make two or three colour versions of an Instagram story design and let the client pick.
- Show a landing page on your online shop or product page.
Quick notes on this mockup
- Made by Mockups Design. The download size and format are listed on their page.
- The preview shows the angle, background and lighting you’ll get.
- Check the smart object size before you design, so your artwork fits without stretching.
- Check the licence on the author’s page. Personal and commercial terms differ from file to file.
Scroll down for similar iphone mockups from other designers.
Questions about this mockup
What licence does it come with?
It's free to download, but the licence belongs to Mockups Design. 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.
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 Mockups Design gets the visit and you get the file exactly as they published it.