Want a free year on Tuts+ (worth $180)? Start an InMotion Hosting plan for $3.49/mo.
In this two-part tutorial, we will demonstrate how to create a panoramic post-apocalyptic photo manipulation in Photoshop. In part 1 we will explain how to shoot the needed photos, how to make batch adjustments in Camera Raw, automatic alignment and merging, and then how to correct the perspective. In part 2 we will show how to use this panoramic image to create a snowy, post apocalyptic photo manipulation. Let's get started!
Preview of Part 2
In Part 2 of this tutorial, we will transform this scene into a post-apocalyptic matte painting. Stay tuned!
Before Getting Started
Now before we get started, Alvaro Guzman made a really good tutorial about making panorama on this site about which you can find here. I highly recommend you read this prior to this tutorial as the techniques he showed, especially the first 3 steps are good and I won't cover them here. In this tutorial, we will use an alternative way to merge the pictures together.
In addition to his very useful tutorial, I would add three additional insights about shooting of the photos.
#1 - Use an SLR camera
If you plan on making a panorama, I highly recommend you use a professional camera. Those allow you to manage shutter speed and aperture by yourself, so you can make sure they stay the same for every shot, ensuing consistency throughout the pictures, which is indispensable for a quality panorama. I also recommend you set your camera on manual focus after you took the first picture to make sure the depth of field remain the same.
#2 - Set the image quality to RAW format
Another reason I recommend using a professional camera is because they come with the option to take your photo in RAW quality. I won't go much into details about the format (you can get more information here, but you can see it as an unprocessed film in traditional photography: it gives you greater management over your photos, which we'll get into later in this tutorial.
#3 - Place the camera vertically
This is a really good tip when doing a horizontal panorama. Basically, every camera lens will cause a slight natural distortion in the picture. These would probably not even be noticeable on a single photo, but might become problematic when trying to stitch multiples photos together. Placing the camera in a vertical position will allow less distortion conflict since the left and right part of your picture will be less affected by the distortion. For a better understanding, you may refer on the following image.
However, I must point out that in our tutorial, this tip will not prove as helpful since we will be making a 3-row panorama in which distortion will be unavoidable.
Step 1 - Opening the images in Camera Raw
First off, lets start by opening Adobe Bridge. Locate your picture's folder and open the "Building" folder. Select all the pictures in the folder, right-click and select "Open in Camera Raw".
If you haven't already, press U and O to toggle both the Shadow and Highlight Clipping Warning. You should get something like the image below.
You can see the sky is filled with red and that there are some blue areas on the buildings. This is a warning that, given these settings, the image will retain no color information except pure black and white for those area, which is usually a bad thing. Don't worry, we will get to fix this later.
Step 2 - Camera Raw adjustments
Now I am not a Camera Raw expert, but I added the following adjustments to my image. Basically, I tried managing the Temperature and the Tint so the gray areas have a balanced amount of red, green, and blue. I used the Recover and Fill Light slider to restore some of the burned black and white area. I also gave the image a little bit of sharpening and saturation.
Once you are done, you can click on the little line of text underneath the preview area.
This area allows you to manage some technical aspects of your pictures. If it isn't selected yet, pick the Adobe RGB (1998) color setting. Since this is just a tutorial and because the images are large and would take a long time to process later on, I dropped the size to 1024 by 1536 pixels. However, for a more professional result, or if you want to preserve your image's quality, you should go with the setting that have no + or - at the end. Once you are done, press Ok.
Once you are satisfied with the result, Click on the Select All button located in the top left area of the window, and then click Synchronize. Another window will pop up showing what setting you want to apply to your photos. Click Ok and then press Done to close the Camera Raw interface.
Step 3 - Photoshop alignment and merging
Back to Bridge, select you pictures once again, then this time, go to Tools > Photoshop > Load Files into Photoshop Layers. This process might take a while.
You should now have one Photoshop file with all the photos on individual layers. While having all your layers selected (click the first one, hold Shift and click the last one), go to Edit > Auto-Align Layers. A window should pop up offering multiples way of aligning your layers depending on what result you want. Pick Auto and check both Vignette Removal and Geometric Distortion, then press Ok. If you haven't reduced the image size in the previous step, arm yourself with patience as this process might also take quite a while.
You should get something like this.
Then, with all your layers selected, go to Edit > Auto-Blend Layers. Another window should pop up asking you if you want a panorama or to stack images. Pick Panorama; check Seamless Tones and Colors, then press Ok. This should also take a while.
You should get this.
Step 4 - Cropping the image
The panorama is done, but it's all distorted. To make this easier to correct, we'll need to give our image a rectangular shape first. Select the Crop Tool (C), make sure the Width, Height and Resolution fields are empty, and then drag this selection over your image. Remember to make the crop larger than what you want your final image to be. Then, make sure that the Cropped Area is set to Delete, and press enter.
Step 5 - Correcting the distortion
Before making any changes to your image, I suggest you save your file. Press Command/Ctrl + R to make your rulers appear. You can now click and drag on your rulers to place guides over your canvas. Place vertical guides wherever you see visual lines created by the elements within your image.
You could also place a guide on the horizon line. A good tip to find it is to look for converging visual lines like the windows on the building.
If your camera wasn't perfectly horizontal when you took the pictures, you might need to rotate the image for it to match your horizon line. However, in our case, we won't need to.
To correct the distortion, we will use the Warp Transform tool. Select your layer, then go to Select > All (or hit Command/Ctrl + A) to select the whole image. Then go to Edit > Transform > Warp, or simply hit Command/Ctrl + T, right click and choose Wrap.
Now we can start playing with the handles to correct the perspective. The trick here is to have the vertical lines created by the architectural elements match your vertical guides. Also, we will try to fix the fish eye distortion we got when aligning our layers. Start by giving the image a good once over by dragging the top left and top right handles up, and the bottom left and bottom right handles down. Press enter to confirm.
Some parts of the image, like the left and the right building will be easier to fix if done individually using selections. Let's start with the left building. Take the Rectangular Marquee Tool (M) and make a selection on the left building. Then, once again, enter the Wrap transformation mode and play with the left handles to straighten the building.
Next, let's do the same for the building on the right.
The left and right buildings are slanted outward a bit. To fix this, select the Rectangular Marquee Tool, make a selection on the left building. You can use the Polygonal Lasso Tool and remove some of the selection in order to only have the left building. Then, using the Warp transformation tool, make the building match the vertical guides we previously created.
Then, do the same for the right building. For this one, we'll have to do it in two steps.
In the end you should get something like this. This is not 100% perfect, but it will be enough for what we are trying to achieve. Feel free to go more in detail to get a better result, but please note that every time you apply a transformation, the image's quality is lowered. So try doing it with a limited number of transformations.
Step 6 - Filling the transparency holes
Our transformations have created a few empty areas in our image we'll need to fix. Command/Ctrl + Click on your image to create a selection of it, then invert it (Command/Ctrl + Shift + I or Select > Invert).
Go to Select > Modify > Expand and expand your selection by 1 pixel. Then, go to Edit > Fill (Shift + F5), and choose the Content-Aware fill in the Contents drop down menu. Press Ok. Make sure you keep your selection for the next step.
Step 7 - Fixing the imperfections
Create a new layer (Shift + Command/Ctrl + N) on which you will add the corrections. With your selection from the previous step, pick the Clone Stamp Tool (S). Make sure your tool is set to Sample: All Layers. Zoom in onto the right building, hold Alt and Click in the sky to pick a sample area, and paint out the area that was badly filled with building elements. You might have to do some more clone stamping after having removed the selection to get a good result.
Using the same technique, you can fix the remaining imperfections or annoying elements throughout your image.
Step 8 - Cropping and adding the final touches
Once you are satisfied with the image, merge all the layers (Shift + Command/Ctrl + E or Layer > Merge Visible). Then, take the Crop Tool (C), and draw a selection on the area you wish to crop. Don't forget to make sure that the Width, Height and Resolution fields are empty, and confirm.
A good way to add a little bit of punch to the image is by increasing its sharpness. To do so, go to Filter > Sharpen > Smart Sharpen. Check the Preview box and play with the setting until you are satisfied. You can also increase the contrast using a Curve Adjustement (Image > Adjustement > Curves or Command/Ctrl + M).
The technique showed in this tutorial is only one of the many ways you can create a panorama in Photoshop. Auto-Align Layers and Auto-Blend are two very powerful features in Photoshop that are worth knowing. In this case, we've used them to create a panorama, but there are many other uses you can find for them.
Now stay tuned for the next part of this tutorial, in which we'll transform this scene into a post-apocalyptic matte painting!