iPhone 17 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 17 mockup does the job in a few minutes.
Good pick for UI freelancers, startup teams or anyone putting together a portfolio. A small tip: 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. Pair it with a second device from the same angle to show a responsive layout.
Good for
- A website on mobile
- An app screen
- A landing page
Mockups Design created this one and hosts the download on their own site, so you always get the latest version straight from the source.
What’s inside the iPhone 17 Mockup PSD
Everything below is on its own layer:
- Screen design, placed through the smart object
- Screen glare and reflection layers
- Shadow under the device
Editing the iPhone 17 Mockup, 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.
- Hide the reflection layer for a flatter look.
- Save a JPG for clients and social media, and keep the PSD for later changes.
For app store or portfolio images, crop tight around the device so the screen fills most of the frame.
Ways to use this iPhone 17 Mockup
- Use it as the cover image for a landing page in your portfolio.
- Share an app screen on Instagram, Behance or Dribbble with a real-looking preview.
- Show an Instagram story design 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.
- 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
Can I use this iPhone mockup for client work?
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 add my design?
Open the file in Photoshop, double-click the smart object thumbnail, paste or place your artwork in the new tab, save it (Ctrl/Cmd + S) and close. The main file updates on its own.
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.
