Isometric iPhone X Mockup
What's inside
- Applications Photoshop
- File Types PSD
- License Free (see author's terms)
- Author Mockup Planet
Show a landing page the way it will actually look: on an isometric iPhone x mockup.
Good pick for startup teams, UI freelancers or anyone putting together a portfolio. Quick tip: for app store or portfolio images, crop tight around the device so the screen fills most of the frame.
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
- A landing page
- A website on mobile
- An Instagram story design
Credit goes to Mockup Planet. We link to their download page rather than re-uploading the file, so check their terms there before commercial use.
Editable options in the Isometric iPhone X Mockup PSD
The PSD is layered, so you can change:
- Screen design, placed through the smart object
- Shadow under the device
- Device colour, where the file includes it
- Screen glare and reflection layers
How to edit this Isometric iPhone X Mockup in Photoshop
- Pick one strong screen. It reads better than a crowded one.
- In the Layers panel, find the layer with the small smart object icon and double-click it.
- Drop your artwork in, fit it to the canvas, save and close. The mockup updates by itself.
- Export a full-size image for your portfolio and a smaller one for social media.
Another tip: for recent iPhones, keep important UI clear of the notch or Dynamic Island area.
Best uses for this Isometric iPhone X Mockup
- Make two or three colour versions of a website on mobile and let the client pick.
- Share a landing page on Instagram, Behance or Dribbble with a real-looking preview.
- Show an app screen to a client before it goes to print or production.
Before you download
- Made by Mockup Planet. The download size and format are listed on their page.
- Built for Adobe Photoshop. A recent CC version handles the smart objects best.
- 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?
That depends on the author's terms. The download page lists what is allowed; when in doubt, ask the author directly.
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.
What size should my screenshot be?
Open the screen smart object and check its canvas size in Image › Canvas Size. Paste your screenshot at that size so it stays sharp.
