Skip to content

iPhone 6 Mockups Template

iPhone··PSD

iPhone 6 Mockups Template

What's inside

  • Applications Photoshop
  • File Types PSD
  • License Free (see author's terms)
  • Author Tranmautritam

An Instagram story design looks better on an iPhone 6 mockup than on a white artboard, and this mockup is set up for exactly that.

Useful for startup teams as much as for UI freelancers. One thing worth knowing: make your screen design at the exact pixel size of the smart object, otherwise text on the screen turns blurry.

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.

Good for

  • An Instagram story design
  • An app screen
  • A landing page

The file is made by Tranmautritam. The download button takes you to their page, where you get the original file and the licence details.

What you can edit in this iPhone 6 Mockups

The PSD is layered, so you can change:

  • Screen design, placed through the smart object
  • Screen glare and reflection layers
  • Device colour, where the file includes it

Add your design to the iPhone 6 Mockups

  1. Take a clean screenshot of the app or website you want to show.
  2. In the Layers panel, find the layer with the small smart object icon and double-click it.
  3. Paste your design, resize it to fill the area, then save (Ctrl/Cmd + S) and close that tab.
  4. Export with File › Export › Export As: JPG for sharing, PNG for the web.

One more thing: for app store or portfolio images, crop tight around the device so the screen fills most of the frame.

Best uses for this iPhone 6 Mockups

  • Use it as the cover image for an Instagram story design in your portfolio.
  • Share an app screen on Instagram, Behance or Dribbble with a real-looking preview.
  • Show a website on mobile on your online shop or product page.

Good to know

  • Made by Tranmautritam. The download size and format are listed on their page.
  • Check the licence on the author’s page. Personal and commercial terms differ from file to file.
  • 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.

Need a different angle? The iphone mockups category has plenty more free PSD files.

Questions about this mockup

What licence does it come with?

It's free to download, but the licence belongs to Tranmautritam. 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.

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.

Why does the download open another website?

We list free files from designers around the web and link to the original page, so Tranmautritam gets the visit and you get the file exactly as they published it.