Source: Gromov, I. (2021). How to Make an Instagram Puzzle Template (Grid Template): Envato Tuts+. Retrieved from https://design.tutsplus.com/tutorials/how-to-make-an-instagram-puzzle-template-grid-template–cms-36892
Graphic Templates Social Media Graphic Design Adobe Photoshop
Hello! As you may have noticed, the Instagram puzzle layout is popular now because it can grab your followers’ attention. A good-looking Instagram puzzle feed can instantly boost engagement. So, are you wondering how to create an Instagram puzzle template in Adobe Photoshop? Today, we’re going to make one!
Before learning how to make an Instagram puzzle feed template, I want to show you which assets were used during the production of the tutorial, although you can use your own photos and fonts as well:
The most important thing before making your own Instagram template is to determine how your Instagram template will look. Let’s start by selecting the colors! Check out the accounts you like or look at any other designs you find attractive. Keep in mind that your photos must match your color palette.
Once you’ve found your inspiration, we need to create a color palette in Photoshop. To do that, go to Window > Swatches and select/add colors with the Color Picker.
A color palette will help us to keep the Instagram puzzle in a consistent style—you can choose the photos and design elements by relying on the palette. These are the colors I chose for my template; you can use this palette or any other colors you like.
#fcdccf#fe918d#f4e7eb#c1cfd2#2d2624The next important thing to decide is which design elements and photos you will use in your template. Do you want to keep it simple, with only photos and shapes? Do you need posts with text? Once you have decided, we can prepare the elements we want to use. Save all the photos and design elements in one folder to have them at your fingerprints.
Let’s create a universal and easy-to-use Instagram grid template, which can be used for both planning your posts and creating Instagram puzzles! Press Control-N to create a new document and set the size to 3240 x 3240 px.
Create a rectangle shape with a size of 1080 x 1080 pixels, and rename the layer Day 01. Hold Shift and move it to the bottom-right corner of the document.
Create eight copies of this shape by pressing Control-J, and fill the whole document with these rectangles from right to left. This will help us to plan our Instagram posts. You can also add the Guides by dragging the lines from the rulers (press Control-R to see the rulers).
To add a color to the background of the post’s placeholder, just Double-Click on the layer, then select Color Overlay and pick a color from your palette.
If you want to add the color to the whole template’s background, select all the layers while holding Shift, group them by pressing Control-G, and then make this group Invisible. After that, select the background layer, press Shift-F5, and select the color you want to use.
To place your photo, go to File > Place, select the image you want to use, and then place it where you want it to appear. The rulers will help you to see which parts of the template it will take.
Once you’ve finished placing, rearrange and resize (with the Control-T shortcut) elements as you like.
If you need to crop a photo, select an area with the Rectangular Marquee Tool and then press Delete to remove the unwanted parts.
Feel free to use layer style settings to diversify the final look of your template. For example, here, I added a stroke layer style to the two bottom images.
Now let’s add a text or logo layer to our template. Don’t forget to use colors from our palette! This way, the text/logo will fit the style. I’ve added “Look Book 2021” and framed it with a rectangle.
You can also create a solid shape filled with our palette’s colors and add more text if needed. Notice: when you create Insta-puzzles, try to make all the elements look like independent posts. As you can see, all our Instagram puzzle template elements work well even without the puzzle itself.
We are ready to save our Instagram puzzle! Right-Click on any layer and select Merge Visible.
Select the bottom right square (day 01) with the Rectangular Marquee Tool and then go to Image > Crop.
Save this cropped Image as Puzzle Element 01, and then save all the elements the same way, one by one, from the bottom right corner to the top left corner. Once you’ve finished, you can upload them one by one from Puzzle Element 01 to Puzzle Element 09.
Today, you’ve learned how to create an Instagram puzzle Photoshop template using simple techniques. Feel free to experiment with creating different puzzle Instagram feed themes and find the most suitable for you.
Source: Gromov, I. (2021). How to Make an Instagram Puzzle Template (Grid Template): Envato Tuts+. Retrieved from https://design.tutsplus.com/tutorials/how-to-make-an-instagram-puzzle-template-grid-template–cms-36892