In this Photoshop tutorial, you will learn how to make Instagram Seamless Panoramas.
Instagram recently added the capability of combining multiple photos in a single post. You can hack this feature to include multiple images of the same photo to create a seamless pano.
All you need to do is split your panorama into multiple images and upload them to Instagram as a single post to get a swipeable panorama.
By swiping left and right, you can view the whole image. The resulting image looks like this:
It’s a really neat effect, and it’s much more impressive than the squares of a single image.
This tutorial is all about how to split images for Instagram’s multi-post seamless panoramas.
Table of contents
- Making The Template
- Follow and Leave a Comment on This Instagram Post!
- FREE Template
- Links Mentioned in The Video Tutorial
Making The Template
To save yourself time in the future, it is a good idea to create a Photoshop template file and re-use it any time that you want to post a seamless panorama on Instagram.
You can follow along to see how I created the template, or you can scroll down and download a free Photoshop template to slice photos for Instagram.
There are multiple ways you can split up a panorama into square tiles, but the best method is to use the Slices feature in Photoshop.
Slices allow you to break up an image into multiple pieces and easily save them as separate files.
Setting Up Your Photoshop Document
Go to File > New.
Enter a width of 1,080 pixels and a height of 1,080 pixels.
Instagram works best with square images, and the maximum image size that you can use is 1080 by 1080. Also use the sRGB color profile, which is the color profile that Instagram will use.
This action creates a square canvas which will is the basis for the Photoshop template we’re making.
Now you have to think about how many images you want to use for your seamless pano. The maximum number of images that you can upload to a single post on Instagram is ten, but for this tutorial, we will use only four.
Go into Image > Canvas Size, then click on the center arrow pointing to the left. This will extend the canvas to the right side.
Now you have to think about how wide you want to make the canvas.
You don’t have to do any math, because you can change the Pixels dropdown to Percent, and then type in the percentage that you want.
To have a four image panorama, type 400% in the width box because you want the canvas four times as large to fit the four slices.
Divide The Template Using Guides
Then go into View > New Guide Layout, and under Columns, type 4.
Make sure that nothing else is selected, except for “Clear existing guides,” which will remove any guides that you already have on your canvas.
After you create your guides, your canvas should look something like this:
Slice The Document
Now you’re going to use a tool that you probably have not used before. Nested under the Crop Tool, select the Slice Tool.
The Slice Tool is used heavily in web design, and it allows you to cut up an image so that you could save multiple documents out of a single image.
You can click-and-drag, and follow the guides to create a slice out of the first box. Each of the pieces that you cut up with the slice tool will become a new document.
Keep following the guides and make slices along with the four columns.
When you have sliced the four boxes, you should see four blue labels on the top left of each box. The labels are numbered from 1 to 4.
With the Slice tool active, you can double-click on each slice to bring up the Slice Options. In this dialog box, you can name your slice. It’s a good idea to name your slices because the name of the slice will also be the name of the file when you export.
You can call your first slice “Instagram Seamless Pano 01,” and then change the number with the other slices.
Place Your Photo Into Your Template
Place your image in your working document. There are several ways of doing this, but one easy method is to go to File > Place Embedded.
If you need to transform your document press Ctrl T (Mac: Command T) to fit your panorama in the template.
Once you fit the image in your template, you can export your images.
Export Slices as Individual Files
When you’re ready to save, go to File > Export > Save for Web.
Make sure you have JPEG selected, and select maximum for the quality. Then click on Save.
The Save Optimize As dialog box will come up; make sure that under Slices, you have All slices selected, and then click on Save.
This will save the four slices as separate files, that you can then upload to Instagram.
Upload the Individual Files To Instagram
Once the four images are saved onto your computer, all that you need to do is upload them to your phone so that you can create your Instagram seamless panoramas.
I like using Dropbox to get my photos onto my phone, but you can use any method that you like.
Follow and Leave a Comment on This Instagram Post!
If you don’t want to spend time making a template, you can use mine for free! Download it below!
Don’t forget to watch the video to see how it works!Instagram Multi-Post Pano Template (26046 downloads)