How to Make an Instagram Grid Using Adobe Illustrator
HTML-код
- Опубликовано: 8 фев 2025
- How to make an Instagram grid using Adobe Illustrator. It's all pretty simple, mostly consists of making artboards, bringing in images, composing/arranging your content, and then exporting/uploading.
-
To see the grids I produce, follow me at @dylansantosgreen
This is a great tutorial, super simple, not over-complicated. Thanks for the video going to get to work!
Omg my God my cat just jump on my computer. I would love to see the video man. Great Tutorial
Simple and to the point! im new using AI but thanks to you i could now change my Ig layouts
Thankyou so much for this tutorial!! you save my life!
Thanks!... It was perfectly explained
Thanks for this video! I'm newer to Illustrator, and this solved an issue I was trying to figure out.
Hooray! I post a lot of different grid styles on my IG (@dylansantosgreen) so feel free to check those out for more references.
Thanks .. simple and easy !
THANK YOU!!!
The cat wanted to be famous too!🤣
That was fantastic! Appreciate the tutorial ❤️
Glad it was helpful! Thanks!
@@silverprismband I noticed that I don't have "crop image" on my control panel. How do I add that? I tried going to Object < Crop but also didn't see the option there.
@@rasheedatv hmm - what version of Illustrator are you using? Another method you can try to make a rectangle in the shape/size you need the image to be, plalce it over the image you want to crop, and then hit commad + 7 to mask it!
hi Dylan great video thanks. question: can we include a video as well? like horizontal - vertical and video for instagram post?
Yup, you can upload unique thumbnails for video uploads, so whatever imagine you want for that specific post in the grid just upload the appropriate file as the thumbnail
Great tutorial! Thank you
Glad it helped! Woo!
Thanks, man. Much appreciated
Glad it was helpful!
Thank you very much!!!!
This was super helpful! Please make more tutorial vids =)
Your sneeze at 3:59 frightened me, i checked the date the video was uploaded to make sure it wasn't the rona! Hahahaha. Bless you mahn!
Thanks man. This helped!
totally helped !!! cool \thanks bro
Thank Alot!!!Useful for me!
Party on
Thanks for the video man, helped a lot but find a tissue.
thanks for share this info. :D
glad it was helpful!
nice
Thanks! Quick question: what happens during export if we don’t move the boards to touch? Mine is more collage style and I want to have all boards touching but I literally have like 27 boards and am 95% done - do I need to go in and reposition them one by one?
Mega sorry for the late reply - if I'm understanding you correctly, my solution would be repositioning them individually, which sounds like a bit of a pain in your case. I always assemble everything with the artboards touching and then separate them out later.
whats the width and lenght if i want to make it 3x2?
sorry for the late reply - the max heigh dimensions for IG is 1350x1080 pixels
I don't understand why there is no space between the squares like on Instagram?
when you're building your grid in illustrator you design it to be continuous so that it appears as one image when you post to instagram (even though instagram will inevitably have some separation between the images).
This was driving me crazy too. Every tutorial I've found overlooks this and I couldn't even find any blogs that cover this after a serious amount of Googling. I figure it out by testing. If you set the gap between artboards to 14px it lines up perfectly. Short answer.... The gap between posts on the grid is 14 pixels. Still a great video though 👍
@@adambromilow4024 thank you !
i think u are not leaving the space needed between artboards, because instagram has a thin line between pics
This. The BG image is not lined up (note the flower stretching across the two posts). I'm trying to find out the pixel width of IG post tiles so I can appropriately account for that in my posts by spacing my artboards by that amount... super hard to find that info apparently fml
@@cyruslegg the space between your artboards doesn't matter. Just make sure each artboard is 1080x1080 and when you export select the range of artboards rather than exporting "ALL"
@@silverprismband hmmm I’m not sure I understand? If you don’t have the right spacing, then your clip mask will take the image in the ‘wrong’ place which will only be illustrated once uploaded to IG. I ended up finding the pixel spacing between IG tiles so my images look gtg with my method. When I tried using an estimated pixel spacing of say 5, diagonal lines don’t appear collinear.
@@cyruslegg If you are trying to create the continuous effect (across multiple posts or carousels) all you need to do is make sure the artboards are right next to each other, and then export them individually. When you go to file>export>jpeg you can select a range of artboards to export
This was driving me crazy too. Every tutorial I've found overlooks this and I couldn't even find any blogs that covers this after a serious amount of Googling. I had to figure it out by testing. If you set the gap between artboards to 14px it lines up perfectly. Short answer.... The gap between posts on the grid is 14 pixels. Still a great video though 👍
Great tutorial until you started sniffing - please have tissues handy thank you :-)
Get a grip.