Here’s how to create an Instagram mockup using our free templates.
Instagram, and all social media mock-ups, are a useful tool for quickly and easily creating a mockup of an Instagram profile page. This can be useful when you’re:
- Creating a new brand, or rebranding and want to create a mock-up of what the Instagram page will look like. This might be for your own Instagram profile, or maybe for a clients.
- Creating a new campaign and want to create a mock-up of how the campaign will look in Instagram once it’s published.
What is an Instagram Mockup?
An Instagram mockup is one or more editable image files that can be used to quickly and easily create a mockup of an Instagram profile. I have created a Instagram mockup in Adobe Photoshop, that you can
They might not look like much on face value, but the real magic is when the files are open in Adobe Photoshop. Here’s what they look like:
The mockup template is split up into a series of editable objects grouped into layers. By editing these objects you can quickly and easily create a Mockup of your Instagram profile.
Perhaps the most important objects in the mockup template are the smart objects. These allow you to place your chosen image(s) into the Instagram mockup:
How to use our free Instagram mockup templates
In our Download, decompress your zip file and save the PSD files to your computer.
User image
The user image is the Instagram profile image of the logged in user who is viewing the profile page/feed.
- Expand the User image group.
- Edit the User profile image smart object as required.
- The User image will now be updated in the Instagram_Laptop_1.psd.
Profile image
The profile image is the Instagram profile image of the profile page/feed you the user viewing.
- Expand the Profile image group.
- Edit the Profile image smart object as required using the guide layers to help you.
- The Profile image will now be updated in the Instagram_Laptop_1.psd.
Profile information
Profile information is all the text that goes with the profile, i.e.:
- Username
- Number of posts, followers and following
- Profile name
- Category – Which instagram category the profile belongs to
- Bio
- Website URL
- Followed by – who follows the profile
- Expand the Profile information layer
- Edit the text layers as required.
Tips:
- Long Profile usernames are cropped with three dots (…) added at the end.
- The following text layers have different font weights/colours.
- Number of posts, followers and following
- Followed by – who follows the profile
I recommend editing the individual elements of the text layers by double-clicking on them E.g. for the Number of followers text layer, select the horizontal type tool and double-click on the number to edit it.
Highlights
Highlights are the story highlights that appear below the profile information.
- Expand the Highlights group.
- Each highlight image and name is grouped.
- Show/hide as many highlights as you require. We recommend including at least 1 highlight.
- For each highlight you wish to display:
- Expand the required Highlight group (e.g. Highlight 1).
- Edit the Highlight image smart object as required.
- The Highlight image will now be updated in the Instagram_Laptop_1.psd file.
- Edit the Highlight text layer. Note: long highlight names get cropped with three dots (…) added to the end.
Posts
Posts are the images/videos that the profile has posted to Instagram.
Post 1 is the most recent post, Post 2 the second most recent etc.
- Expand the Posts group.
- Edit the Post 1 smart objects as required.
- Post 1 will now be updated in the Instagram_Laptop_1.psd.
- Repeat for the remaining post images.
Background
- Expand the Background group.
- Change the Background colour as required.
Summary
At first glance my Instagram Social Media Mockups 2021 might feel complex. Don’t worry, you will soon get the hang of them.
I hope they prove to be a valuable time saver for you and a great tool for creating professional-looking mockups for your clients. If you’ve enjoyed using them, why not give my Instagram Swipegram free download a try?
Enjoy using them and I look forward to your feedback.
Download your free Instagram Mockup templates
Sign up to download my free Instagram Mockup templates.