Twitter Post Mockup
What's inside
- Applications Photoshop
- File Types PSD
- License Free (see author's terms)
- Author Behance
Need to show a profile grid to a client? This twitter post mockup does the job in a few minutes.
Social media managers and agencies tend to get the most out of files like this. Quick tip: keep your artwork simple. Small objects shrink details quickly, so a bold mark reads better than fine lines.
Small branded items are often the part of an identity that clients remember, so it’s worth showing them properly.
A designer on Behance created this one and hosts the download on their own site, so you always get the latest version straight from the source.
Editable options in the Twitter Post Mockup PSD
Everything below is on its own layer:
- Logo or artwork, placed through the smart object
- Shadows
- Background colour
- Object colour, where included
Editing the Twitter Post Mockup, step by step
- Export your logo or artwork as a PNG with transparency.
- In the Layers panel, find the layer with the small smart object icon and double-click it.
- 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.
Worth remembering: change the background colour to your brand palette; it does more for the final image than people expect.
Where the Twitter Post Mockup works best
- Present Instagram posts in a client proposal or brand guide.
- Show a profile grid on your online shop or product page.
- Share a story sequence on Instagram, Behance or Dribbble with a real-looking preview.
Quick notes on this mockup
- Made by a designer on Behance. The download size and format are listed on their page.
- Some free mockups ask for credit when you post them. A short line in your caption is enough.
- Check the smart object size before you design, so your artwork fits without stretching.
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?
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.
Why does the download open another website?
We list free files from designers around the web and link to the original page, so a designer on Behance gets the visit and you get the file exactly as they published it.
