Facebook Mockup Template PSD
What's inside
- Applications Photoshop
- File Types PSD
- License Free (see author's terms)
- Author Psdfreebies
A story sequence looks better on a facebook mockup than on a white artboard, and this mockup is set up for exactly that.
It’s a handy file for social media managers and agencies. Quick tip: change the background colour to your brand palette; it does more for the final image than people expect.
It’s a nice extra slide in a branding presentation, after the logo and the main applications.
Credit goes to Psdfreebies. We link to their download page rather than re-uploading the file, so check their terms there before commercial use.
Facebook Mockup: editable parts
Everything below is on its own layer:
- Logo or artwork, placed through the smart object
- Shadows
- Object colour, where included
Editing the Facebook Mockup, step by step
- Simplify the design a little; fine details get lost on small objects.
- 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.
- Adjust the shadow so the object sits on the surface.
- Export with File › Export › Export As: JPG for sharing, PNG for the web.
Worth remembering: keep your artwork simple. Small objects shrink details quickly, so a bold mark reads better than fine lines.
Ways to use this Facebook Mockup
- Use it as the cover image for Instagram posts in your portfolio.
- Make two or three colour versions of a story sequence and let the client pick.
- Present a profile grid in a client proposal or brand guide.
Before you download
- Made by Psdfreebies. The download size and format are listed on their page.
- The preview shows the angle, background and lighting you’ll get.
- Check the smart object size before you design, so your artwork fits without stretching.
- Some free mockups ask for credit when you post them. A short line in your caption is enough.
Scroll down for similar instagram mockups from other designers.
Questions about this mockup
Can I use this social media layout mockup for client work?
That depends on the author's terms. The download page lists what is allowed; when in doubt, ask the author directly.
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.
Can I change the background?
Most object mockups have a background colour or image layer at the bottom of the stack that you can swap.
