How to Create an Instagram Puzzle Feed

An Instagram puzzle feed is a enjoyable and interesting option to share your content material. Wish to learn to create considered one of your individual? On this tutorial, we’ll check out the ins and outs of how one can create a puzzle feed on Instagram, and we’ll share some easy-to-customize Instagram puzzle template designs too.

instagram puzzle feedinstagram puzzle feedinstagram puzzle feed
Instagram puzzle feed template from Envato Parts

1. What Is an Instagram Puzzle Feed?

An Instagram puzzle feed is a inventive option to show and set up your posts on Instagram. It is also generally often called an “Instagram grid” or “Instagram puzzle grid”. It includes breaking down a bigger picture into smaller particular person posts. This fashion, whereas the posts are nonetheless individually lovely, in addition they create a cohesive bigger design when considered collectively in your profile’s grid.

instagram puzzle templateinstagram puzzle templateinstagram puzzle template
Instagram puzzle feed design from Envato Parts

This method is widespread amongst artists, influencers, companies, and types as a result of it is a visually fascinating option to share your content material and make it extra memorable. As well as, the cohesive look of an Instagram puzzle feed can encourage the viewer to scroll by way of the profile and full the imagery or theming—moderately than simply staying on the prime of the profile and shifting on. This implies it may assist enhance engagement and interplay.

instagram puzzle template instagram puzzle template instagram puzzle template
Instagram puzzle template from Envato Parts

Along with doubtlessly rising engagement, Instagram puzzle feeds could be an fascinating instrument for storytelling. Keep in mind, the important thing right here is that every piece of the puzzle contributes to an overarching aesthetic and imagery. It will also be a beautiful option to additional set up model consistency—so, for instance, an Instagram puzzle could possibly be a beautiful option to introduce a product launch or share buyer tales revolving round a selected expertise. It may be an awesome instrument for all kinds of eventualities.

2. Tips on how to Create an Instagram Puzzle Feed

Step 1

Let’s deconstruct and discover how one can create a puzzle feed on Instagram. Earlier than we get into the design a part of how one can create a puzzle grid, Instagram has some ins and outs we should always concentrate on.

  • Sq. pictures in your Instagram feed ought to be 1080×1080 pixels.
  • Remember the fact that the Instagram feed is 3 pictures vast—that is 3240 pixels.

Earlier than you get began, it is necessary to think about the dimensions of your Instagram puzzle template. Would you like it to be a brief puzzle feed? For instance, whereas much less widespread, you might have an Instagram puzzle feed that solely spans one row, i.e. three pictures. Or you might have one thing actually fairly lengthy, like three pictures throughout and 6 down. Contemplate what can be finest in your content material.

instagram puzzle templateinstagram puzzle templateinstagram puzzle template
Instagram puzzle feed template from Envato Parts

Step 2

However it’s extra than simply understanding the general dimensions while you’re figuring out how one can create a puzzle grid for Instagram. On this instance, we’ll work in Adobe Photoshop. Let’s check out this stylish Instagram puzzle template collectively—it positively makes issues simpler.

This is what it seems like in Adobe Photoshop. This specific design is 3240 pixels vast (once more, that is three posts vast) by 6480 pixels excessive (that may be six posts tall).

I’ve the Layers panel open on this screenshot. You possibly can open this panel by going to Window > Layers, and it will present you all of the layers within the Photoshop doc.

instagram puzzle photoshopinstagram puzzle photoshopinstagram puzzle photoshop

Step 3

We will toggle the highest layer on by clicking on the attention icon—this turns visibility for this layer on or off. On this case, this layer has some pointers positioned for us. You will discover that it divides up the picture into 1080 pixel squares. Now, we will get a really feel for our whole Instagram puzzle design. 

photoshop guidesphotoshop guidesphotoshop guides

Step 4

However let’s step again for a second. You will discover that this template begins with a Background layer—and this can be a excellent spot to begin any Instagram puzzle template. You can begin by establishing the aesthetic you would like your puzzle design to revolve round. One thing like an summary background could be an superior concept. Listed here are another concepts you might strive:

  • a watercolor-textured background
  • a neon retro 80s background
  • a impartial background with summary shapes
  • a background with leaves or florals

If you happen to’re in search of extra background inspiration, try the background illustrations on Envato Parts.

photoshop backgroundphotoshop backgroundphotoshop background

Step 5

So how do you divide up your Instagram puzzle design? One of many nice issues about working with an Instagram puzzle template is that it completes all that for you—it is already divided up and able to go. Nonetheless, if you wish to do it your self, listed below are two strategies you might strive:

  • On this template, the Line Device was used to create strains each 1080 pixels. This acts as a information that will help you as you design your puzzle grid.
  • You would additionally use Photoshop’s Guides by going to View > New Information. This technique is helpful as a result of you may place them through actual pixel measurements.
photoshop guidesphotoshop guidesphotoshop guides

Step 6

Including textual content to your Instagram puzzle design is easy—flip to the Sort Device within the Instruments panel, as highlighted under. Simply click on to begin including new textual content. If you happen to’re working in an Instagram puzzle template, you need to use the Sort Device to edit any placeholder sort too. 

On this instance, I’ve edited the textual content with the Imani handwriting font and Butterie calligraphy font. You should use any fonts you favor—whether or not it is those which might be used inside a template or in any other case. 


Open the Character panel by going to Window > Character to entry extra textual content choices, like altering the font and the font measurement. 

photoshop text toolphotoshop text toolphotoshop text tool

Step 7

However what about including pictures? This specific Instagram puzzle template makes use of Good Objects—which is a superb concept. Consider them like placeholder pictures that you could simply substitute with something you need. They’re superior to make use of when you’re designing your Instagram puzzle structure as a result of they are not image-dependent. It offers you a number of flexibility.

smart objectssmart objectssmart objects

Step 8

This is an instance of what it is prefer to work with out Good Objects. We may open our picture by going to File > Open and deciding on our picture. Copy it after which Paste it into our Instagram puzzle design. We would then have to resize it to suit. 

This all works fantastic and dandy, nevertheless it’s a bit of time-consuming—particularly should you resolve you would like to make use of a distinct picture afterward. If you wish to work this manner, there’s nothing technically fallacious along with your workflow—however let’s try a better manner.

photoshop insert imagephotoshop insert imagephotoshop insert image
Stock photo from Envato Parts

Step 9

Right here we’ve a bunch of Good Objects which have already been added to our Instagram puzzle template. The profit right here is that we will play with the place we would like the photographs to go earlier than we even contact our precise pictures. This implies you might doubtlessly use this Instagram puzzle template a number of instances—you might even swap out the background or simply alter some textual content, as a result of the content material right here can be simple to interchange. 

photoshop image placeholdersphotoshop image placeholdersphotoshop image placeholders

Step 10

To exhibit, let’s create a rectangle. Choose the Rectangle Device and click on and drag to create a form. As a result of I am already in an Instagram puzzle template, some styling has been routinely utilized for me (handy, proper?). 

photoshop rectangle toolphotoshop rectangle toolphotoshop rectangle tool

Step 11

However proper now, it is only a rectangle. If we need to convert it to a Good Object, we’ll need to right-click on our newly created layer (within the Layers panel) and choose Convert to Good Object

smart object photoshopsmart object photoshopsmart object photoshop

Step 12

As soon as you have performed so, double-click on that very same layer. Photoshop will then take us “inside” the Good Object—and it seems very very like a brand new doc. From right here, we will paste any content material we would like into this area. 

smart objectsmart objectsmart object

Step 13

For instance, I’ve pasted {a photograph} on this Good Object. Afterwards, all I have to do is go to File > Save to save lots of my Good Object. Then, I can return to my unique design file.

photoshop smart objectphotoshop smart objectphotoshop smart object

Step 14

And test it out—my Good Object incorporates my picture. One of the best half is, I can go inside and edit this Good Object any time I need. It is easy to swap photographs with out manually pasting and resizing again and again. It is also helpful as a result of I can experiment with my structure with out essentially having all of my content material available. 

smart object instagram templatesmart object instagram templatesmart object instagram template

Step 15

This is a have a look at what this Instagram puzzle template seems like with the entire Good Objects stuffed in with imagery. I can transfer these “image frames”, resize them, and alter the design in any manner I need—with out essentially dropping any a part of my photographs. They have not been cropped or something like that, so I can simply edit the Good Objects to reposition the photographs inside these frames. 

smart objects placedsmart objects placedsmart objects placed

Step 16

However how about getting ready your Instagram puzzle grid—how do you put together and save these pictures? Effectively, there are a number of methods you might try this. Let’s check out the way in which this Instagram puzzle template has made it even simpler for us. On this case, it makes use of the Slice Device in Photoshop—as highlighted under. It supplies 18 slices for us, however you might use this instrument to make slices your self too.

photoshop slice toolphotoshop slice toolphotoshop slice tool

Step 17

Go to File > Export > Save for Internet to save lots of your work utilizing this technique. This is not the one manner you might do that, nevertheless it’s a speedy one.

save for web photoshopsave for web photoshopsave for web photoshop

Step 18

This is what our Export choices seem like. You possibly can change the standard of your pictures. I stored mine at Most high quality. 

Click on Save to save lots of your pictures.

save for web legacy photoshopsave for web legacy photoshopsave for web legacy photoshop

Step 19

However here is one of the best half—Photoshop saved all 18 pictures for me, as they have been sliced, individually. That is it! No reducing it or positioning by hand—all of the exhausting work has been performed for us, and our puzzle grid is able to put up.

exported imagesexported imagesexported images

Step 20

However wait a second—be sure you’re conscious of how one can put up your Instagram puzzle grid. It is easy to imagine you may need to begin with the primary picture, however that may be backwards! This is a bit of cheat sheet to clarify: 

instagram puzzle sequenceinstagram puzzle sequenceinstagram puzzle sequence

Word that the bottom-right picture in your Instagram puzzle grid ought to be your first put up. You might also need to plan your posts so they appear good and make sense when considered in your profile—for instance, posting in a minimal of units of three may assist preserve the integrity of the grid intact. 

This is a have a look at that very same cheat sheet overlaid on prime of the Instagram puzzle grid template we simply experimented with, to assist additional make clear the put up order.

instagram sequence for puzzle feedinstagram sequence for puzzle feedinstagram sequence for puzzle feed

Do not forget that there are lots of methods to create a puzzle feed on Instagram. Some want utilizing Adobe Illustrator and even Canva. There is not any fallacious reply—however Instagram puzzle templates can positively take a few of the guesswork out for you. In reality, making an Instagram puzzle template of your individual can show to be a handy useful resource you need to use many times.

Test Out These Superior Instagram Puzzle Feed Designs

In search of some design inspiration? Take a look at these superbly designed Instagram puzzle grids. They’re all out there on Envato Parts—an incredible useful resource. One low value will get you restricted entry to hundreds of Instagram puzzle templates, in addition to fonts, graphics, and far more. 

1. Branding Instagram Puzzle Template (PSD)

instagram puzzle templateinstagram puzzle templateinstagram puzzle template

This is one other superbly designed template for Adobe Photoshop. It is one other design that has 18 pictures—6 rows—that you could customise any manner you want. In search of a fast and ready-made design? Simply add your photographs, and also you’re performed. Or use this to jump-start your design course of and create one thing utterly new. 

2. Instagram Template (AI, PSD) 

summer instagram templatesummer instagram templatesummer instagram template

Is not this a enjoyable and energetic design? It might completely be an attention-grabbing addition to any Instagram feed. This one has the advantage of together with information for each Adobe Photoshop and Adobe Illustrator, so you may work in whichever software program you favor. 

3. Instagram Template (PSD, JPG, PDF)

watercolor instagram templatewatercolor instagram templatewatercolor instagram template

This watercolor texture is so earthy and comfortable, is not it? And the picture areas on this Instagram puzzle template are simply so natural and enjoyable. You possibly can simply obtain these results with this template—simply insert your pictures and also you’re able to put up. 

4. Retro Instagram Puzzle Template (AI) 

groovy instagram puzzle templategroovy instagram puzzle templategroovy instagram puzzle template

That is such an superior Instagram puzzle grid design, proper? It has colourful retro vibes and will make a memorable impression. Be mindful, you might add to and tweak this design in any manner you favor—or just add your content material and put up straight away.

5. Fashion Instagram Puzzle Template (PSD)

instagram puzzleinstagram puzzleinstagram puzzle

This is one other pretty Instagram puzzle grid. This time, it makes use of fashionable gradient results, and it will be an incredible alternative for fashion-centric posts. Or you might simply remix this for art work, music, and extra. 

In search of Even Extra Instagram Inspiration?

If you happen to’re in search of much more Instagram design inspiration, be certain to take a look at these collections, proper right here at Envato Tuts+. There’s lots extra to see and obtain right this moment.

Study Extra About Designing for Instagram

You too can be taught extra about designing for Instagram right here at Envato Tuts+. From how one can make fashionable posts to how one can make your individual templates, there’s heaps to be taught. Take a look at these free tutorials right this moment:

Trending Merchandise
[product_category category=”trending” per_page=”8″ columns=”2″ orderby=”date” order=”desc”].

We will be happy to hear your thoughts

Leave a reply

Compare items
  • Total (0)