Apple iPhone X Mockup PSD
What's inside
- Applications Photoshop
- File Types PSD
- License Free (see author's terms)
- Author PSD Graphics
This apple iPhone x mockup is one of the simpler ways to present an app screen or a website on mobile convincingly.
Startup teams and app designers tend to get the most out of files like this. 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.
Use it for
- An app screen
- A website on mobile
- An Instagram story design
This is a free file from PSD Graphics. When you click download you’ll land on their page to grab it.
What’s inside the Apple iPhone X Mockup PSD
Open it in Photoshop and you can change:
- Screen design, placed through the smart object
- Screen glare and reflection layers
- Device colour, where the file includes it
How to use the Apple iPhone X 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.
- Place your design, hide the sample artwork, save, and go back to the main file.
- Lower the glare layer if it hides small text.
- Export with File › Export › Export As: JPG for sharing, PNG for the web.
Worth remembering: screenshots with a white background can blend into the bezel; a thin shadow or darker UI reads better.
Where the Apple iPhone X Mockup works best
- Make two or three colour versions of a landing page and let the client pick.
- Present a website on mobile in a client proposal or brand guide.
- Show an Instagram story design to a client before it goes to print or production.
Good to know
- Made by PSD Graphics. The download size and format are listed on their page.
- 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.
- 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?
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.
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.
