Scene MacBook Pro Mockup PSD
What's inside
- Applications Photoshop
- File Types PSD
- License Free (see author's terms)
- Author Pixeden
Presenting a web app? Put it on this MacBook Pro mockup and the client sees the real thing, not a flat file.
Useful for web designers as much as for agencies. 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.
Good for
- A web app
- A website homepage
- A portfolio case study
Credit goes to Pixeden. We link to their download page rather than re-uploading the file, so check their terms there before commercial use.
What you can edit in this Scene MacBook Pro Mockup
Everything below is on its own layer:
- Screen design, placed through the smart object
- Device colour, where the file includes it
- Shadow under the device
How to edit this Scene MacBook Pro Mockup in Photoshop
- Take a clean screenshot of the app or website you want to show.
- Open the PSD in Photoshop and find the smart object layer, usually named “Your Design” or “Place Here”.
- Place your design, hide the sample artwork, save, and go back to the main file.
- Export a full-size image for your portfolio and a smaller one for social media.
Another tip: make your screen design at the exact pixel size of the smart object, otherwise text on the screen turns blurry.
Ways to use this Scene MacBook Pro Mockup
- Make two or three colour versions of a portfolio case study and let the client pick.
- Share a website homepage on Instagram, Behance or Dribbble with a real-looking preview.
- Use it as the cover image for a web app in your portfolio.
Quick notes on this mockup
- Made by Pixeden. 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.
Browse more free macbook mockups on Artistic Orbit, with new files added every day.
Questions about this mockup
Can I use this MacBook mockup for client work?
Pixeden 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.
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.
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.
