Skip to content

Black Macbook Pro Mockup

Macbook··PSD

Black Macbook Pro Mockup

What's inside

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

Here’s a black MacBook Pro mockup that works well for a web app, a website homepage and similar projects.

It’s a handy file for web designers and developers. Turn the screen glare layer down if your UI has small type. Glare looks nice but hides detail.

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.

Anthony Boyd Graphics created this one and hosts the download on their own site, so you always get the latest version straight from the source.

Black Macbook Pro Mockup: editable parts

Everything below is on its own layer:

  • Screen design, placed through the smart object
  • Background colour
  • Device colour, where the file includes it
  • Shadow under the device

How to use the Black Macbook Pro Mockup

  1. Export your screen design as a PNG at the exact size of the screen smart object.
  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. Change the background colour to fit your brand.
  5. Save a JPG for clients and social media, and keep the PSD for later changes.

Another tip: make your screen design at the exact pixel size of the smart object, otherwise text on the screen turns blurry.

Best uses for this Black Macbook Pro Mockup

  • Present a portfolio case study in a client proposal or brand guide.
  • Show a SaaS dashboard on your online shop or product page.
  • Use it as the cover image for a website homepage in your portfolio.

Before you download

  • Made by Anthony Boyd Graphics. 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.
  • The preview shows the angle, background and lighting you’ll get.

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

Questions about this mockup

Is it free for commercial use?

Anthony Boyd Graphics 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 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.

Can I remove the screen reflection?

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

Share:

You might also like