iPhone Duo Mockup
What's inside
- Applications Photoshop
- File Types PSD
- License Free (see author's terms)
- Author Ls.Graphics
If you’re presenting an Instagram story design, this iPhone duo mockup makes the idea feel real before anything is produced.
It’s a handy file for app designers and startup teams. 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. For a fuller case study, combine it with a laptop or tablet mockup showing the desktop version.
Works well for
- An Instagram story design
- A website on mobile
- A landing page
Ls.Graphics created this one and hosts the download on their own site, so you always get the latest version straight from the source.
iPhone Duo Mockup: editable parts
The PSD is layered, so you can change:
- Screen design, placed through the smart object
- Device colour, where the file includes it
- Background colour
- Screen glare and reflection layers
How to edit this iPhone Duo Mockup in Photoshop
- Export your screen design as a PNG at the exact size of the screen smart object.
- 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.
- Lower the glare layer if it hides small text.
- Export with File › Export › Export As: JPG for sharing, PNG for the web.
One more thing: turn the screen glare layer down if your UI has small type. Glare looks nice but hides detail.
Best uses for this iPhone Duo Mockup
- Present an Instagram story design in a client proposal or brand guide.
- Show a landing page on your online shop or product page.
- Use it as the cover image for an app screen in your portfolio.
Quick notes on this mockup
- Made by Ls.Graphics. The download size and format are listed on their page.
- Built for Adobe Photoshop. A recent CC version handles the smart objects best.
- The preview shows the angle, background and lighting you’ll get.
Scroll down for similar iphone mockups from other designers.
Questions about this mockup
Is it free for commercial use?
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.
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.
Why does the download open another website?
We list free files from designers around the web and link to the original page, so Ls.Graphics gets the visit and you get the file exactly as they published it.
