Skip to content

Dark iPad Pro Mockup

iPad··PSD

Dark iPad Pro Mockup

What's inside

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

A tablet app looks better on a dark iPad Pro mockup than on a white artboard, and this mockup is set up for exactly that.

Product teams and UI designers tend to get the most out of files like this. Tip: make your screen design at the exact pixel size of the smart object, otherwise text on the screen turns blurry.

It’s also a quick way to make case study images look consistent: same device, same angle, different screens. Pair it with a second device from the same angle to show a responsive layout.

This is a free file from a designer on Behance. When you click download you’ll land on their page to grab it.

Dark iPad Pro Mockup: editable parts

Everything below is on its own layer:

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

How to edit this Dark iPad Pro Mockup in Photoshop

  1. Take a clean screenshot of the app or website you want to show.
  2. Open the PSD in Photoshop and find the smart object layer, usually named “Your Design” or “Place Here”.
  3. Drop your artwork in, fit it to the canvas, save and close. The mockup updates by itself.
  4. Change the background colour to fit your brand.
  5. Save a JPG for clients and social media, and keep the PSD for later changes.

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

Where the Dark iPad Pro Mockup works best

  • Make two or three colour versions of an e-learning screen and let the client pick.
  • Use it as the cover image for a tablet app in your portfolio.
  • Show a digital magazine page to a client before it goes to print or production.

Quick notes on this mockup

  • Made by a designer on Behance. 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.
  • Built for Adobe Photoshop. A recent CC version handles the smart objects best.

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

Questions about this mockup

Can I use this iPad mockup for client work?

A designer on Behance sets the licence, and it can differ from file to file. Many free files allow personal and commercial use, but some are personal-only or ask for credit. Read the terms on the download page before a paid project.

How do I put my artwork on the iPad?

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.

Can I remove the screen reflection?

Usually yes. Reflections and glare are normally a separate layer that you can hide or lower in opacity.

Advertisement