Developing Webs logo
Google
Web DW-Main DW-Photoshop
Visit the message board for solutions or post a question Check out the Classes offered for free at Developing Webs Voice Chat submit a tutorial, resources, article, font for publication consideration and earn a one way link back to your site Get more specifics about the Developing Webs Voice chat room and its room members View the current news at Developing Webs alternative sites which are resources for your d3evelopment needs Join Developing Webs Chat Link to us on your web page to help support this resource! Check out Developing Webs At yahoo groups! Developing Webs Home Adobe Photoshop Tutorials Macromedia Flash Tutorials Jasc Paint Shop Pro Tutorials Adobe Illustrator Animation basics Some Basic PHP tutorials Perl Tutorials HTML Tutorials Cascading Style Sheets javascript Front Page Tutorials Macromedia Dream Weaver Tutorials dreamweaver Publishing your site, FTP, ChMod, Promotions Tools to help you create your site Free and shareware fonts to download Photographs to use in your projects Shop for your site needs Free Online classes REcommend this site to others Log in or edit your information when logged in Developingwebs Log Out Change My Account details and preferences
RSS Newsfeed
for your site
DW News
Calendar
DW Forum
Right click on button and copy shortcut

Add to My Yahoo!

Reminder
Remember to book mark this site!



Request a Tutorial

Panoramic Images

Panoramic images are generally put together from a series of smaller images taken as you pivot on the spot. In this tutorial you will make a panoramic images from 6 overlapping images.

Photobug has supplied us with the following 6 images to work with. Download them and open up in Photoshop.

1. Open up a new image by clicking file=> new. Set the image to the following:

  • 1200 pixel wide
  • 400 pixels high
  • RGB
  • White
  • 72 ppi

2. Open Set1 image and use the move tool to drag this image over onto your canvas. Position this image on the left edge of your canvas and about equidistant from the top and bottom of your canvas.

3. Open Set 2 image and use the move tool to drag this image over onto your canvas. Set the opacity of this layer to 50% while you line it up. Find the area of overlap or repeated image by looking along the horizon line. Match up the hills and waterline. Change opacity back to 100%.

4. Click the "add a layer mask button" for layer2. Set layer mode to Multiply so the overlap is very obvious. Select your Linear gradient. Hit your D key followed by your X key. Draw a gradient along the horizon from the left side of your overlap to the right side of your overlap area, holding down your shift key so you get a straight gradient on your mask. Change your layer mode back to normal.

5. Open Set 3 image and use the move tool to drag this image over onto your canvas. Set the opacity of this layer to 50% while you line it up. Find the area of overlap or repeated image by looking along the horizon line. Match up the hills and waterline. Change opacity back to 100%.

6. Click the "add a layer mask button" for layer3. Set layer mode to Multiply so the overlap is very obvious. Select your Linear gradient. Hit your D key followed by your X key. Draw a gradient along the horizon from the left side of your overlap to the right side of your overlap area, holding down your shift key so you get a straight gradient on your mask. Change your layer mode back to normal.

7. Open Set 4 image and use the move tool to drag this image over onto your canvas. Set the opacity of this layer to 50% while you line it up. Find the area of overlap or repeated image by looking along the horizon line. Match up the hills and waterline. Change opacity back to 100%.

8. Click the "add a layer mask button" for layer4. Set layer mode to Multiply so the overlap is very obvious. Select your Linear gradient. Hit your D key followed by your X key. Draw a gradient along the horizon from the left side of your overlap to the right side of your overlap area, holding down your shift key so you get a straight gradient on your mask. Change your layer mode back to normal.

9. Open Set 5 image and use the move tool to drag this image over onto your canvas. Set the opacity of this layer to 50% while you line it up. Find the area of overlap or repeated image by looking along the horizon line. Match up the hills and waterline. Change opacity back to 100%.

10. Click the "add a layer mask button" for layer5. Set layer mode to Multiply so the overlap is very obvious. Select your Linear gradient. Hit your D key followed by your X key. Draw a gradient along the horizon from the left side of your overlap to the right side of your overlap area, holding down your shift key so you get a straight gradient on your mask. Change your layer mode back to normal.

11. Open Set 5 image and use the move tool to drag this image over onto your canvas. Set the opacity of this layer to 50% while you line it up. Find the area of overlap or repeated image by looking along the horizon line. Match up the hills and waterline. Change opacity back to 100%.

12. Click the "add a layer mask button" for layer6. Set layer mode to Multiply so the overlap is very obvious. Select your Linear gradient. Hit your D key followed by your X key. Draw a gradient along the horizon from the left side of your overlap to the right side of your overlap area, holding down your shift key so you get a straight gradient on your mask. Change your layer mode back to normal.

13. Use the Crop tool to select the area you would like in your final image, removing the ragged edges and border objects.

Use the Handles to adjust the crop area to exactly what you want. Then apply the crop and save.



"Building The Web Into a Nicer Place -- One Site At A Time"
Developing Webs Group Copyright © 2001-2009 All Rights Reserved
Privacy and Legal