![]() If you choose to download them all to your phone first you still want to post them in the order shown on the screen so the images correctly connect to each other once they are all posted. Otherwise you can follow the screen’s instructions and 1-by-1 post them to Instagram in the order down on the screen. To add all cropped images to your phone click the Camera Roll button at the bottom. Once you’re finished with those steps you will end up on a screen that look similar to this screenshot below. That’s why we just upgraded the app for the 1 time $6 fee). If you’re on the free version you will have to wait through an ad for each step here (Yep, annoying. ![]() Otherwise you’re able to add on extra elements and filters if you choose. If you want to not edit the image and keep it as-is just keep clicking Next/Done as you go through those steps. If you’re using the template shown in this blog post example you will want to select the 4 row grid indicated below.įrom there the app will take you through a few editing steps. Next depending on the size of IG puzzle you’ve created you can choose the 3 row grid or the 4 row grid. Step 4: Upload your puzzle image and go through the App stepsĪfter you open the Grid Post Maker app select the option for Photo Grids. The Grid Post Maker app is a free app you can install on your phone, but honestly it’s just worth paying the $6 to have it for life because the ads on the free version are really annoying. OPTION 2: If you have a Mac/iPhone you can use AirDrop to transfer the images from computer to phone. Open your email on your phone and download the image from there to your camera roll. There are a few ways to get the image to your phone from your computer. Once the full template/design is complete download it from Canva onto your computer. Step 2 – Download the Image & Get it Onto Your Phone IMAGE SIZE FOR 12 IMAGE GRID (4 IG rows, same as example shown in this blog post) = 3240 x 4320 pixels IMAGE SIZE FOR 9 IMAGE GRID (3 IG rows) = 3240 x 3240 pixels This will ensure each individual image after the puzzle is cropped will be the standard 1080×1080 IG approved size. To create your own make sure you use the image size suggestions below. If you decide to create your own just be careful where the image will be sliced so any paragraphs of text are not cut off by accident. Just update the template in Canva by the changing colors, font, dropping in your own photos and updating all filler text to have your own message or quotes written on the entire image. If you choose to purchase a pre-made Canva template for this the creator should have already designed it so it will slice up in the right places. We HIGHLY recommend doing this part on your the desktop version of Canva and not your phone – it will be much easier. You can either purchase a predesigned Canva template like the one you see below, or create your own. STEP 1 – Create your single graphicīefore we slice the image up into individual tiles to post into Instagram, you first need your main design ready to go. ![]() Ever come across someone’s Instagram feed that is perfectly pieces together – flowing from one image to the next – like a puzzle? Well guess what… there’s an app for that of course! In this blog post we’ll take you step-by-step through the process for how to create an Instagram puzzle grid with Canva instead of having to use Photoshop. For example, if you’re creating a 12-columns grid, you could write the following one-liner. ![]() To summarize, the repeat() function allows you to repeat columns as many times as needed. This magical, media-query-less responsiveness is achieved using the repeat() function and the auto-placement keywords. We’re able to do that using just one line of CSS - the one-liner that reminds me of when Dumbledore just waved his wand in Horace’s apartment and “the furniture flew back to its original places ornaments reformed in midair, feathers zoomed into their cushions torn books repaired themselves as they landed upon their shelves…”. More specifically, our ability to specify how many columns we want in the grid and then letting the browser handle the responsiveness of those columns for us, showing fewer columns on smaller viewport sizes, and more columns as the screen estate allows for more, without needing to write a single media query to dictate this responsive behavior. One of the most powerful and convenient CSS Grid features is that, in addition to explicit column sizing, we have the option to repeat-to-fill columns in a Grid, and then auto-place items in them. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |