Skip to content

Facebook Page Mockup Template

Instagram··PSD

Facebook Page Mockup Template

What's inside

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

This facebook page mockup is one of the simpler ways to present a story sequence or Instagram posts convincingly.

Influencers and social media managers tend to get the most out of files like this. Change the background colour to your brand palette; it does more for the final image than people expect.

Merch and gift ideas are much easier to approve when people can see them on the real object.

Good for

  • A story sequence
  • Instagram posts
  • A profile grid

This is a free file from Anthony Boyd Graphics. When you click download you’ll land on their page to grab it.

Facebook Page Mockup: editable parts

Main things you can change in Photoshop:

  • Logo or artwork, placed through the smart object
  • Shadows
  • Background colour

Editing the Facebook Page Mockup, step by step

  1. Prepare the artwork in your brand colours.
  2. Open the PSD in Photoshop and find the smart object layer, usually named “Your Design” or “Place Here”.
  3. Paste your design, resize it to fill the area, then save (Ctrl/Cmd + S) and close that tab.
  4. Save a JPG for clients and social media, and keep the PSD for later changes.

Another tip: keep your artwork simple. Small objects shrink details quickly, so a bold mark reads better than fine lines.

Ways to use this Facebook Page Mockup

  • Share a story sequence on Instagram, Behance or Dribbble with a real-looking preview.
  • Show a profile grid on your online shop or product page.
  • Show Instagram posts to a client before it goes to print or production.

Quick notes on this mockup

  • Made by Anthony Boyd Graphics. The download size and format are listed on their page.
  • The preview shows the angle, background and lighting you’ll get.
  • Built for Adobe Photoshop. A recent CC version handles the smart objects best.

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

Questions about this mockup

Can I use this social media layout mockup for client work?

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 put my artwork on the social media layout?

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.

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 change the background?

Most object mockups have a background colour or image layer at the bottom of the stack that you can swap.

Share:

You might also like