Skip to content

M2 MacBook Pro Mockup

Macbook··PSD

M2 MacBook Pro Mockup

What's inside

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

A SaaS dashboard looks better on a M2 MacBook Pro mockup than on a white artboard, and this mockup is set up for exactly that.

It’s a handy file for agencies and developers. One thing worth knowing: screenshots with a white background can blend into the bezel; a thin shadow or darker UI reads better.

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.

Good for

  • A SaaS dashboard
  • A portfolio case study
  • A web app

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

M2 MacBook Pro Mockup: editable parts

Main things you can change in Photoshop:

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

Editing the M2 MacBook Pro Mockup, step by step

  1. Take a clean screenshot of the app or website you want to show.
  2. Open the file in Photoshop and double-click the smart object thumbnail in the Layers panel.
  3. Paste your design, resize it to fill the area, then save (Ctrl/Cmd + S) and close that tab.
  4. Change the background colour to fit your brand.
  5. Export a full-size image for your portfolio and a smaller one for social media.

Make your screen design at the exact pixel size of the smart object, otherwise text on the screen turns blurry.

Best uses for this M2 MacBook Pro Mockup

  • Use it as the cover image for a SaaS dashboard in your portfolio.
  • Show a portfolio case study on your online shop or product page.
  • Share a website homepage on Instagram, Behance or Dribbble with a real-looking preview.

Quick notes on this mockup

  • Made by Pixpine. The download size and format are listed on their page.
  • Check the smart object size before you design, so your artwork fits without stretching.
  • Built for Adobe Photoshop. A recent CC version handles the smart objects best.
  • The preview shows the angle, background and lighting you’ll get.

Browse more free macbook mockups on Artistic Orbit, with new files added every day.

Questions about this mockup

Is it free for commercial use?

Pixpine 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.

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.

Advertisement