preview

Three Short Tutorials for Photographers and Photography Lovers

Jul 28th in Photo Effects by Alvaro Guzman

Since its very beginning, Photoshop is the best tool for photo editing and this time I'll take you through a few of short tutorials with some very basic yet practical techniques about using Photoshop with your pictures. Won't take you more than 10 minutes each! Want to try?

PG

Author: Alvaro Guzman

I'm Alvaro Guzman from Bolivia, Web developer and Graphic designer. For me digital design is a modern form of art, which allows me to explore innovative techniques, and helps to deliver a clear message to the public.My work covers advertising, corporate image, print design, and web design areas. I am currently the Design Team Leader of SouthMakers. And you can find me on Twitter @alvarocker.

Create a quick Panoramic Picture with Photoshop

Take a look at the image we'll be creating. Want access to the full PSD files and downloadable copies of every tutorial, including this one? Join Psd Plus for just $9/month. You can view the final image preview below.

Final Click

Step 1 - Before Getting Started

Creating a panoramic picture is about taking several pictures and merging them in Photoshop. You can use the automatic Photoshop merging tool, or do it by hand using the Clone Stamp Tool. As any automate process isn't 100% accurate, we'll combine both techniques here.

Obviously, the first step is take the shots, but when you're taking a panoramic photo, it isn't as simple as just pressing the shooter. For this picture I've got the help of my friend Alvaro Gumucio aka Gumo who took the shots with his Nikon d700 especially for Psdtuts+. He said: "I traveled around 3 hours to find a suitable place, with both tripod and camera in hand. I climbed a small hill and set the tripod in the right place to start shooting."

For this kind of pictures you need a clean view, without obstacles like trees, wires, or any other natural object.

Step 2 - Set Up and Align the Camera

You'll need a stand alone tripod to put the camera in. If you don't have a tripod, use any static object like a box, table, etc. with a horizontal surface to rotate your camera. Try to level your tripod as best as you can, aligning it with the horizon, otherwise the outcome may result with a little angle distortion (as we'll see shortly). Once you've got everything set up, start taking the pictures.

Step 3 - Take the Shots

There're several things to care about taking panoramic pictures, you can see further information over the web, click here to read a very complete article about the subject.

Anyway you can start taking the shots. Rotate the camera a few degrees between shots. In this tutorial the photographer took 7 pictures rotating the camera around 20 degrees between each shot from right to left; that means a 140 degrees panorama. Trust your photographic instincts to measure the angles or use some math and trigonometry to obtain an accurate final width. You can take as many shots as you want, even rotate 360 degrees. It's always a good practice to name the pictures with some descriptive name like: "panoramic-1" or something.

Step 4 - The Files

Now you must have a bunch of pictures, if you scramble the photos you hardly can re-order them again, that's why you give each picture a sequential name. You can download the pictures here or a larger version in the Plus section. Those pictures are licensed using a Creative Commons 3.0 Attribution - No Commercial License (View).

Step 5 - Automate Photomerge

Now the automate part of the process. Open Photoshop, and go to File > Automate > Photomerge. A new window will appear with two columns. The first one about the merging Layout, you can chose several optical modes to adjust the layout of the final result, often the best election is Auto but you can try with the others options as well.

The second column is where you'll put the files in, you can select a group of files or a folder with your source pictures. Just Click on Browse and add all the pictures you want to merge, in this case, add all the pictures of the previous step, from 1 to 7. Once you've added the files ensure the Blend Images Together option is selected and then Click OK.

Step 6 - Check the Merging Result

After clicking OK in the Photomerge window, Photoshop will automatically adjust the pictures to fit a panoramic view. When the process ends you'll have something like the image below.

Aside from the Layers palette, there will be a folder with the modified pictures inside. You'll see the resultant panorama isn't a straight horizontal image, that's because we've failed to perfectly align the camera with the horizon (see Step 2), but it's not the end of the world, we'll fix this issue in the next step.

Step 7 - Fix the Angle

There are several ways to fix the angle variation, the easiest is using the Crop Tool, my favorite way is using the Lens Correction filter, but we'll talk more about it in the next short tutorial. Meanwhile: select the Crop Tool and mark a wider portion of the picture, then Rotate the Crop just a little bit taking care to cover all the image. Finally, hit Return to commit the Crop and save your file anywhere on your computer.

Step 8 - Clone Over the Imperfections

One of the most important steps of this process is about fixing the little areas without any image on it. You can easily find them because Photomerge uses a transparent background by default, so just zoom to the borders and look for those ugly transparent areas.

Create a new layer above all the pictures and name it "Fixes" and select it. Then select the Clone Stamp Tool (S) and ensure the Sample All Layers option is selected. Once you've found a transparent area, grab the Clone Tool, Alt-click anywhere near it and start painting over. Remember, paint only on the "Fixes" layer.

Repeat this process as many times as needed. If you're working with large images, you must be very careful with this step because there are many small transparent areas near the border.

Final Touches

Finally merge the folder into a new layer named "Panorama."

By now you've got a nice panoramic picture ready to print. If you ever printed gigantography, a really big print format like Panaflex™ or on high definition Plotter, this picture is really practical for creating huge letters, posters, banners, and more. As a final touch I've added some text on the right side of the panorama and set its blending mode to Soft Light.

Conclusion

And that's it, simple right? try your own!.

Final Click

Part Two - Fix the Perspective with the Lens Correction Filter

Take a look at the image we'll be creating. Want access to the full PSD files and downloadable copies of every tutorial, including this one? Join Psd Plus for just $9/month. You can view the final result below or view a larger version here.

Final Click

Step 1 - Open your picture

For this tutorial you'll need to download this picture or any other, try to work on a picture with some kind of perspective distortion. Once you've opened the file, double-click on the "Background" layer to make it editable and name the layer with a creative name like "Building."

Step 2 - Open the Lens Correction Filter Window

Now, go to Filter > Distort > Lens Correction. In the Lens Correction window you'll see a grid over the picture and several options at the right side. We'll work with the right side values to modify the picture perspective and more.

Step 3 - Adjust the Perspective, Without Repeating Edge Pixels

Now, on this filter you can easily adjust the perspective by changing its horizontal or vertical values, the filter will automatically adjust the picture. Probably you'll need to fill the distortion edge using one of the options shown at the bottom.

This time, we'll Transform the Vertical Perspective form 0 to -50. This is variable and depends on the picture you're editing. Set the Edge value to Transparency this time, that means no pixels will be added to the edge of the picture. I'm adjusting the correct distortion by eye, using the columns on the picture as a visual reference.

Step 4 - Crop

Now use the Crop Tool to select only the main picture area. You must use the Clone Stamp Tool to fix the transparent areas.

Step 5 - Adjust the Perspective of Repeating Edge Pixels

A quick way to avoid cloning is setting the Edge value to Edge Extension. Since it's a little bit linear, the edge extension can often optimize the perspective adjustment process.

Step 6 - Crop

Crop the picture, you'll notice there are less areas to clone or even none.

Step 7 - Adjusting the Lens Angle

You can draw some guides to see if everything is going well. I've made two guides for the columns, and one for the baseline. As you can see, the baseline isn't straight, there's a little angle variation that we'll fix by using the Lens Correction filter once more. Go to Filter > Distort > Lens Correction and modify the Angle Transform on the Perspective area to around 0,4 degrees.

Step 8 - Dark Vignette

As a final visual touch add a dark vignette by setting the Amount to -70 and Midpoint to +60.

Conclusion

Fixing the perspective with the Lens Correction Filter is an easy, accurate and quick process that you can use anytime with any kind of picture, try it!

Final Click

Part three - Use Photoshop's CS4 Color Range Selection and Adjustments Layers to Create a Gothic Portrait

Take a look at the image we'll be creating. Want access to the full PSD files and downloadable copies of every tutorial, including this one? Join Psd Plus for just $9/month. You can view the final image preview below or view a larger version here.

Final Click

Step 1 - Open the Picture

We'll be using for this tutorial this beautiful picture of binababy1 from stock.xchng. Double-click on the background layer to make it editable, name it with some creative name like "Picture" and duplicate it. Put the copy below the original layer.

Step 2 - Select a Color Range

We'll increase the red intensity of the model's lips, go to Select > Color Range... Select the option Sampled Colors, and click somewhere over the lips to sample the red Color Range, now slide the Fuzziness where it fits better, for this picture at its original size is 144.

You can change the selection preview to see how the selections looks. Finally when you click OK you'll obtain a selection around the red lips. Select the "Picture" layer and move forward.

Step 3 - Mask the Selection

Without deselecting anything, select the "Picture" layer and go to Layer > Layer Mask > Hide All, then fill the selection with White (#FFFFFF) to make the lips visible and hide the rest of the face.

Step 4 - Show the Adjustments Panel

Go to Window > Adjustments to show the CS4 Adjustments Panel or select the Essentials Workspace at the top-right of the Photoshop window, this will show the Adjustment panel by default. We'll use this panel to add some Adjustments Layers to the "Picture copy" layer. Select it in Layers Panel (Notice the Palettes are called Panels now in the CS4 layout) and go to the next step.

Step 5 - Advanced Black and White

Once a Photographer told me: "never adjust only the Saturation to create a grayscale picture," to create a really stunning black and white picture you need to work with alpha channels, before the Adjustment Layers even exists the way to do it was only by hand.

Now we've got the Adjustments Layers. Select Black & White from the Adjustments panel, and then you'll see the Default values. With the Default settings the skin tone is a little bit gray, so we'll try another Black & White Filter to obtain a whiter skin tone.

I'm choosing the Green Filter, then I increased the Yellows, Greens, Cyans, Blues and decrease Magentas, to obtain something like the bottom image below. Ensure the Clipping Mask Button on the Adjustments Panel is clicked (that's because the adjustment only needs to be applied to the "Picture copy" layer) and then move forward.

Step 5 - Change Lips Blending Mode

In order to give a more Gothic look to our image, change the masked "Picture" layer Blending Mode to Overlay.

Step 6 - Adjust the Curves

Now we'll adjust the Curves a little bit to make the girl's nose a little bit more visible. For this, in the Adjustments Panel click on the tiny Arrow on the left to see the adjustment filters again, then select Curves and draw a curve as show below.

Step 7 - Final Touches

As some few final touches we'll add two more Adjustment layers: Vibrance and a Photo Filter. This time, place them above the "lips" layer, but ensure the Clipping mask button is deselected in the Adjustments Panel in order to apply the filter to all the layers.

For the Vibrance filter, decrease the Vibrance value just a little bit and increase the Saturation. And as an optional final step, you can add a tint to your photo by using a Photo Filter of Color: #C2A200 and Density of 50%.

Conclusion

Of course you can use this very same technique to select different areas on any picture, and create outstanding results.

Subscribe to the Psdtuts+ RSS Feed for the best Photoshop tuts and articles on the web.


Enjoy this Post?

We'd love your vote!

Plus Members

Source Files, Bonus Tutorials and
More for $9 a month for all TUTS+
sites in one subscription.

Join Now

User Comments

( ADD YOURS )
  1. PG

    Carlitos July 28th

    Wicked Tutorial. Liked it.

    ( Reply )
  2. PG

    kevinsturf July 28th

    great by having a quick skim through of it, i saw some really great tips. that I will try. thanks.

    ( Reply )
    1. PG

      bodhi July 28th

      Thanks for this fantastic tutorial!!!

      ( Reply )
  3. PG

    Nathan July 28th

    Good tips, thanks.

    ( Reply )
  4. PG

    dopeless July 28th

    Hm, the first and the second tutorial can be useful for beginners… but the result of the third tutorial looks too bad :(

    ( Reply )
  5. PG

    Sammo July 28th

    I’ve used the panorama feature a lot in the past with my own photography. Always handy if you can’t afford a wide angle lens.

    ( Reply )
  6. PG

    chillyweed July 28th

    thx for the tips xD

    ( Reply )
  7. PG

    Rohan July 28th

    Interesting. The panorama picture could be combined with Zoomify to make an awesome web image :-)

    ( Reply )
    1. PG

      Nahid July 28th

      thinkin outta box eh!

      ( Reply )
  8. PG

    Tom July 28th

    These tips will definitely get me to go out and shoot more often. Thanks!

    ( Reply )
  9. PG

    LIGHTNING July 28th

    Great tutorial, i used the panorama and got some cool results, not i can do better pictures than my wife, shes always ahead of me somehow:D

    ( Reply )
  10. PG

    Sam Armacost July 28th

    I’ve never used that photomerge feature before, however, I would suggest taking the shots for the panorama with the camera vertical rather than horizontal. It gives you a lot more leeway with cropping, or gives you some more material to cloning from.

    ( Reply )
    1. PG

      Dizz August 16th

      why would you want to clone so much? its better to clone less and vertical is the way to go, plus it would be a ton more work with vertical pictures, more photos to work with, more of a hassle.

      Is your head on straight?

      ( Reply )
  11. PG

    tasarhane July 28th

    thanks a lot..

    ( Reply )
  12. PG

    Peter the Jonny July 28th

    the portrait is ugly and not well done! Sorry

    ( Reply )
  13. PG

    punkd July 28th

    Thanks, very useful. But for the third effect you don’t have to use the Color Range obligatory.

    ( Reply )
  14. PG

    Nahid July 28th

    has it been tipped off from a photography book? Anyways great going!

    ( Reply )
  15. PG

    Saro July 28th

    You should have saved this one for PhotoTuts+ ! : ^ )

    http://twitter.com/phototuts

    ( Reply )
  16. PG

    Melody July 28th

    People should also learn about general composition of their shot..I see a lot of photos being taken that are used in photo manips when the original shot is just not right to work with..

    ( Reply )
  17. PG

    Kasper July 28th

    Awesome stuff. Thank you.

    ( Reply )
  18. PG

    tutorialslounge July 28th

    really helping your tips and tricks for make beautiful photos. thanks

    ( Reply )
  19. Hi

    very nice tutorial. I was using this open source software for creating panoramic pictures see here my result: http://picasaweb.google.com/lh/photo/524znM23726h361ZY8SH2A?feat=directlink

    I will try it with photoshop too. Thanks for the tips.

    ( Reply )
  20. PG

    Yatrik July 29th

    Really nice one! Thank you.

    ( Reply )
  21. PG

    Ramon July 29th

    And I say – THIS tut is finally good ;)

    ( Reply )
  22. The perspective on the building is still terrible after the corrections!

    ( Reply )
  23. PG

    Peewee1002 July 29th

    Damn I was currently writting a panoramic video…… I might do it for nettuts though.

    As mine was going to be very detailed, and embedding into a flash VR and into a lightbox.

    ( Reply )
    1. PG

      Peewee1002 July 29th

      panoramic tutorial + video*

      ( Reply )
  24. PG

    haryo July 30th

    i like skin tone of her face. look deep and glamour. nice tut’s

    ( Reply )
  25. PG

    Symon July 30th

    Good stuff,as ever. Thx.

    ( Reply )
  26. PG

    Tim July 30th

    The panoramic in CS4 works great

    ( Reply )
  27. PG

    mick July 31st

    These are excellent tut’s … i just have one question, is CS4 upgrade from CS3 really worth it?

    ( Reply )
  28. PG

    Matthew July 31st

    I agree, you should shoot each frame vertically. It allows for less distortion and more accurate photomerges. I’ve done several panoramas and have had excellent results with this. I didn’t always have panos that merged correctly when I shot horizontally.

    ( Reply )
  29. PG

    Flashy July 31st

    For the panorama pic I would also recommend using the AE Lock feature if your camera has it. This uses always the same light, exposure, brightness and contrast for every pic and you avoid having different tones between them in the final composition.

    ( Reply )
  30. PG

    Peter Nardi July 31st

    Excelent tutorial!!! It was very useful ! :D

    ( Reply )
  31. PG

    jeprie August 1st

    great job as always. thank you

    ( Reply )
  32. PG

    Hitesh August 1st

    just an Addeneum to the Topic .. Great tutorial On Shooting Panoramas Straight From Horse’s Mouth

    http://www.peachpit.com/articles/article.aspx?p=1025307

    ( Reply )
  33. PG

    ww August 1st

    Great tuts but they should be separate. I got sick of scrolling down the web page.

    ( Reply )
  34. PG

    ricardo asch August 3rd

    hi!,
    great tutorial for Panoramic Picture,
    thank you!!

    ricardo asch

    ( Reply )
  35. PG

    lisa August 5th

    the lips look a little too “pasted on”….don’t care for it. I like it when it’s as if nothing changed except the redness of the lips are brought out….nothing outlined etc.

    ( Reply )
  36. PG

    Vintage postcards August 5th

    Fine tuto, thanks! A free great tool to automaticaly adjust perspective is ShiftN. I use it a lot for my website to retrive original perspective.
    For open source lovers, you should try hugin witch is a powerfull stitcher.

    ( Reply )
    1. PG

      Alvaro August 7th

      Thanks for the link, I’ll try it…

      ( Reply )
  37. PG

    khaled August 9th

    So amazing …

    thanks a lot ..

    ( Reply )
  38. PG

    Lucijan Kranjc August 11th

    the third tutorial is not good at all.. the color of the skin, lips look pasted on, there are overexposed parts that shouldn’t be there..

    ( Reply )
  39. PG

    robb August 18th

    stitching panorama is awesome.
    great tips.

    ( Reply )
  40. PG

    Fraz August 22nd

    Thanks. Panorama tips are good, and fun to try. However I’ve noticed that on several atempts I have made it makes the horizon in the finished image warp slightly – and sometimes drastically. A curved ocean horizon does not look good.

    ( Reply )
  41. PG

    Andreas September 3rd

    Great tutorial, i like it and i will use it soon :)

    ( Reply )
  42. PG

    Ivan October 2nd

    Would love a tutorial on how to make 70’s looking cross processed photos like these:

    http://www.flickr.com/photos/32101148@N04/3805856475/in/set-72157621870424115/

    ( Reply )
  43. PG

    treb October 6th

    Nice Tutorial. Very Useful

    ( Reply )
  1. Arrow
    Gravatar

    Your Name
    October 6th