Skip to content

Instagram Post Page Mockup

Instagram··PSD

Instagram Post Page Mockup

What's inside

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

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

Useful for influencers as much as for social media managers. Quick tip: use a PNG with transparency for logos so the material around them keeps its texture.

It’s a nice extra slide in a branding presentation, after the logo and the main applications.

Credit goes to Anthony Boyd Graphics. We link to their download page rather than re-uploading the file, so check their terms there before commercial use.

Editable options in the Instagram Post Page Mockup PSD

Open it in Photoshop and you can change:

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

Editing the Instagram Post Page Mockup, step by step

  1. Simplify the design a little; fine details get lost on small objects.
  2. In the Layers panel, find the layer with the small smart object icon and double-click it.
  3. Paste your design, resize it to fill the area, then save (Ctrl/Cmd + S) and close that tab.
  4. Export a full-size image for your portfolio and a smaller one for social media.

Another tip: change the background colour to your brand palette; it does more for the final image than people expect.

Ways to use this Instagram Post Page Mockup

  • Use it as the cover image for Instagram posts in your portfolio.
  • Present a story sequence in a client proposal or brand guide.
  • Share a profile grid on Instagram, Behance or Dribbble with a real-looking preview.

Good to know

  • Made by Anthony Boyd Graphics. The download size and format are listed on their page.
  • Check the smart object size before you design, so your artwork fits without stretching.
  • The preview shows the angle, background and lighting you’ll get.

More free instagram mockups are listed below, each linking to the original author.

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

Share:

You might also like