Instagram Story Mockup
What's inside
- Applications Photoshop
- File Types PSD
- License Free (see author's terms)
- Author Graphiclist
A story sequence looks better on an instagram story mockup than on a white artboard, and this mockup is set up for exactly that.
Good pick for social media managers, agencies or anyone putting together a portfolio. Tip: use a PNG with transparency for logos so the material around them keeps its texture.
Small branded items are often the part of an identity that clients remember, so it’s worth showing them properly. Group it with other merch mockups for a branded items slide.
This is a free file from Graphiclist. When you click download you’ll land on their page to grab it.
What’s inside the Instagram Story Mockup PSD
The PSD is layered, so you can change:
- Logo or artwork, placed through the smart object
- Object colour, where included
- Shadows
- Background colour
Add your design to the Instagram Story Mockup
- Export your logo or artwork as a PNG with transparency.
- Open the file in Photoshop and double-click the smart object thumbnail in the Layers panel.
- Drop your artwork in, fit it to the canvas, save and close. The mockup updates by itself.
- Export with File › Export › Export As: JPG for sharing, PNG for the web.
One more thing: change the background colour to your brand palette; it does more for the final image than people expect.
Ways to use this Instagram Story Mockup
- Make two or three colour versions of Instagram posts and let the client pick.
- Present a profile grid in a client proposal or brand guide.
- Show a story sequence to a client before it goes to print or production.
Good to know
- Made by Graphiclist. 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.
Scroll down for similar instagram mockups from other designers.
Questions about this mockup
What licence does it come with?
That depends on the author's terms. The download page lists what is allowed; when in doubt, ask the author directly.
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.
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.
