Skip to content

Realistic Macbook Pro Mockup PSD

Macbook··PSD

Realistic Macbook Pro Mockup PSD

What's inside

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

Need to show a portfolio case study to a client? This MacBook Pro mockup does the job in a few minutes.

Web designers and developers tend to get the most out of files like this. A small tip: screenshots with a white background can blend into the bezel; a thin shadow or darker UI reads better.

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.

Credit goes to PSD Graphics. We link to their download page rather than re-uploading the file, so check their terms there before commercial use.

Editable options in the Realistic Macbook Pro Mockup PSD

The PSD is layered, so you can change:

  • Screen design, placed through the smart object
  • Background colour
  • Shadow under the device
  • Screen glare and reflection layers

How to use the Realistic Macbook Pro Mockup

  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. Place your design, hide the sample artwork, save, and go back to the main file.
  4. Save a JPG for clients and social media, and keep the PSD for later changes.

Worth remembering: turn the screen glare layer down if your UI has small type. Glare looks nice but hides detail.

Best uses for this Realistic Macbook Pro Mockup

  • Share a portfolio case study on Instagram, Behance or Dribbble with a real-looking preview.
  • Use it as the cover image for a web app in your portfolio.
  • Make two or three colour versions of a website homepage and let the client pick.

Before you download

  • Made by PSD Graphics. The download size and format are listed on their page.
  • Built for Adobe Photoshop. A recent CC version handles the smart objects best.
  • Check the smart object size before you design, so your artwork fits without stretching.

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

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 MacBook?

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.

Can I remove the screen reflection?

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