Chair MacBook Pro Mockup
What's inside
- Applications Photoshop
- File Types PSD
- License Free (see author's terms)
- Author Mr.Mockup
Here’s a chair MacBook Pro mockup that works well for a website homepage, a SaaS dashboard and similar projects.
It’s a handy file for web designers and agencies. Tip: make your screen design at the exact pixel size of the smart object, otherwise text on the screen turns blurry.
A screen inside a real device frame explains a product faster than a raw screenshot, which is why it shows up on so many landing pages and app store listings.
Good for
- A website homepage
- A SaaS dashboard
- A web app
Credit goes to Mr.Mockup. We link to their download page rather than re-uploading the file, so check their terms there before commercial use.
What’s inside the Chair MacBook Pro Mockup PSD
Main things you can change in Photoshop:
- Screen design, placed through the smart object
- Background colour
- Shadow under the device
- Device colour, where the file includes it
Editing the Chair MacBook Pro Mockup, step by step
- Export your screen design as a PNG at the exact size of the screen smart object.
- Open the PSD in Photoshop and find the smart object layer, usually named “Your Design” or “Place Here”.
- Drop your artwork in, fit it to the canvas, save and close. The mockup updates by itself.
- Change the background colour to fit your brand.
- Export a full-size image for your portfolio and a smaller one for social media.
One more thing: for app store or portfolio images, crop tight around the device so the screen fills most of the frame.
Best uses for this Chair MacBook Pro Mockup
- Show a web app to a client before it goes to print or production.
- Share a SaaS dashboard on Instagram, Behance or Dribbble with a real-looking preview.
- Make two or three colour versions of a website homepage and let the client pick.
Before you download
- Made by Mr.Mockup. The download size and format are listed on their page.
- The preview shows the angle, background and lighting you’ll get.
- 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.
Scroll down for similar macbook mockups from other designers.
Questions about this mockup
Can I use this MacBook mockup for client work?
It's free to download, but the licence belongs to Mr.Mockup. Check their page: it states whether commercial use is allowed and if attribution is needed.
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.
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.
Why does the download open another website?
We list free files from designers around the web and link to the original page, so Mr.Mockup gets the visit and you get the file exactly as they published it.
