Swop and chop

After you have placed and blended all of your images together You need to save them in PSD format this keep them in there layers so you can reedit if necessary. Now the saved the images can now be flattened. This will reduce the file size and convert the image into one single image. In preparation for the web it needs to crop so you have no visible join. These are the steps I used.

Step1. Flatten Image.

Step 2. Ensure the snap is on in view.

Step 3 Using the selection tool, make a selection from the left side of the image to a point approximately ¾ towards the right had side stopping at a place of no interest.

Save this selection, I called it Left hand. This will help you later on.

Step 4 While the area still selected press Ctrl J, Apple J on the Mac. This creates a copy of the selection in a new layer.

Step 5 As before create a new layer above the background layer and fill with white.

 Step 6 Turn off the visibility of the top layer and select the layer below.

 Step 7 Using the move tool move the selection to the far left ensuring snap is still on.

 

Step 8 Turn on the visibility and set the opacity to 50% of the layer above, and with the move tool move it to the right ensuring it does not move up or down.

Step 9 My image was a little out on the over lap.

Step 10 Once in place use the free transform tool. If you hold down the Ctrl/Apple key while using the centre handle you can skew it up or down leaving the right hand side of the image pixels still in place. 

Step 11 As before once you have a good match for position let it transform the image and the put the opacity back to 100% and add a layer mask to the top layer. 

 

At this stage I saved a copy of this image as PSD file. Now I flattened the image and cropped it, ensuring that I did not crop into the image at either end or out side of the image at either end. The top and bottom is not as important, so it you can tidy the edges by cropping them. If you crop in at the ends you find you have a dark band at the join and if you crop out side of the image you find you have a white band. I then saved this Hi resolution image as a JPEG. Finally I reduced the image to 400 pixel high by ? at 96 dpi. The image was finally saved for web using Photoshop in preparation for it's use with the supplied HTML/CSS/jQuery code. 

Finished panoramic