Photoshop Support - Main Photoshop News Photoshop Tutorials Photoshop Tools Photoshop Resources Photoshop Site Map
photoshop tutorials
photoshop tutorials - top logo
free Photoshop tutorials from Colin Smith

free Photoshop tutorials by Colin Smith
Photoshop CS3 Tutorials
Buy. Download. Create. Get Photoshop now at the Adobe Store.
Photoshop for Students. Get super savings at the Adobe Education Store.



HDR - High Dynamic Range Photography - Merging HDR in Photoshop CS3 - Step-By-StepTutorial

In this tutorial we will take a look at HDR photography. HDRI (High Dynamic Range Imaging) was originally used in 3D and is now in full force in photography. Basically it's the process of taking multiple exposures and merging them together into a single 32 bit image.

High Dynamic Range Photography In Photoshop CS3 - Step-By-Step HDR TutorialLet me explain: A camera is capable of capturing a limited amount of tones in a single photo. Typically we sacrifice elements in a photo when we press the shutter. For example there is a powerful cloudscape and some cliffs. If we expose for the clouds the cliffs become dark. If we set the camera's exposure to capture detail in the cliffs, the brighter sky is blown out and detail is lost. This is because the human eye can see a larger range of tones than the camera can capture on the chip or film in a single photograph.

The solution is to take more than one photograph and bracket the photos. Shoot normal exposure, then under-expose a shot to capture highlights and over-expose a shot to capture shadow detail. Finally, merge these photos together to produce a single image with a larger range of tones that can now show all the details in the shadows and highlights. This tutorial will show you how to complete this process with the minimum fuss.

First we need to get our source images. (You could begin with a 32 bit 3D image and then skip to step 6). Typically we will capture these with our camera. You will need to shoot a minimum of 2 photos with different exposure settings.

Its been recommended by Adobe to limit the bracketing by 1 stop and this will help reduce banding. You may also take 5 or more shots with a smaller gap in the bracketing. I personally get good results from 3 shots. I like to over expose and under expose by 2 stops. I know this is a bigger bracket than most people are comfortable with, but for the type of HDR images I like to create (cityscapes), this works great. If your shooting people, you may want to reduce this to even 3rd stops.

(Note: You can't use a single raw image and exposure it several times as some people suggest, for a true HDR photo. This is known as pseudo-HDR. Photoshop will not allow you to merge these because there isn't sufficient tone detail captured).

Step 1
Start with 3 images. One normal exposure, the second underexposed and the third overexposed. In this case I used 2 stop bracketing. As I shoot a lot of city scapes I can get away with 2 stops, because I'm mainly shooting flat surfaces and banding and posterization isn't such a problem. If your shooting rounded and curved surfaces you will want to lower your bracketing to get smoother gradients.

I set the bracketing on my camera to 2 stops. Then I set the shooting mode to burst. When I hold the shutter down, 3 photos will be captured. I shoot in RAW mode for the widest possible dynamic range. You can still create HDR if your camera doesn't support RAW. Make sure you shoot in Aperture Priority or in Manual. You want to bracket the exposure time, not the Aperture. If you change the aperture, the depth of field won't be consistent and you'll get blurring. Also avoid any moving subjects in the photo or you'll get ghosting.

HDR - High Dynamic Range Photography - Merging HDR in Photoshop CS3 - Step-By-StepTutorial

Step 2
Time to merge the photos together into a single 32 bit image.

Choose File>Automate >Merge to HDR. This works on Photoshop CS2 and CS3. (CS2 Doesn't have auto align). Choose either images or folder. I organize each set of photos in its own folder so I used the folder option. Select your photos to merge. Turn on Auto Align in Photoshop CS3. Click OK. (Photoshop CS3 uses new Auto-align technology that even allows you to create HDR without the use of a tripod!)

Step 3
Your images will now be merged into a single photo. You can turn off individual photos by un checking their boxes on the left filmstrip. If you get some blurring caused by camera shake in the longest exposure, you may want to turn off that photo.


HDR - High Dynamic Range Photography - Merging HDR in Photoshop CS3 - Step-By-StepTutorial

Step 4
The merged result is a floating-point 32 bit image. You can adjust the overall tones by sliding the White Point slider. Easy with it, a little movement goes a long way!

HDR - High Dynamic Range Photography - Merging HDR in Photoshop CS3 - Step-By-StepTutorial

Step 5
Click OK to merge the photos into a 32 bit image. Now is a good time to save your file.

HDR - High Dynamic Range Photography - Merging HDR in Photoshop CS3 - Step-By-StepTutorial

Step 6
In order to use the photos, you'll need to convert them t 16 or 8 bit images. When we convert them we will create what I call interpretations of the photo. The reason I say this is because we have unlimited ways we can make the photo look. While we have this huge dynamic range available in 32 bit, we will no longer have those options after conversion. Always work from the saved 32 bit version, and then convert and save versions (personal interpretations). Avoid overwriting the 32 bit image, it's our master and we may want to go back to it many times.

Choose Image>Mode>16 bit (or 8 bit). Now we get to play with some fun options. You're now at the tone mapping part of the process. This is were all the creativity can ooze.

(If you want to make the adjustments without converting, choose view>32 Bit Preview Options. You can use several of Photoshop's tools in the Image>Adjustments menu. The most important of these is the Exposure control)

You'll see an HDR Conversion Dialog box. Exposure and Gamma is the default option. Best way to approach this? Set the gamma first, then adjust the exposure to suit. If you want an image with lots of contrast, lower the gamma. For less contrast raise the gamma. Finally, adjust the exposure to get the desired brightness. If you want more control, read on... otherwise press OK to convert.

HDR - High Dynamic Range Photography - Merging HDR in Photoshop CS3 - Step-By-StepTutorial

Step 7

Change the Method to Local Adaption. (There are 4 available methods, but these are the only 2 with user input).

With local Adaption, you can adjust the curves. Set these like you would normally work in curves, but don't be afraid to clip the histogram a little. You can clip because your working with a larger dynamic range than you're used to. Bring out the detail in the image, but don't forget to put some shadow in there or it will look washed out and fake. Once your happy with the curve, adjust the radius and Threshold sliders to make sure there are no halos in the photo. (Badly converted HDR images have a glow around the areas of contrast.) The radius controls the mask blur while the threshold decides what gets blurred and what doesn't.

Click ok to convert.

HDR - High Dynamic Range Photography - Merging HDR in Photoshop CS3 - Step-By-StepTutorial
Step 8
Here we have a merged image from HDR. The second image is a variation. In the second variation, I applied exposure, curves and sharpening settings while in 32-bit mode (Highlight Compression Method). Photoshop is great for producing very realistic HDR images.

HDR - High Dynamic Range Photography - Merging HDR in Photoshop CS3 - Step-By-StepTutorial

HDR - High Dynamic Range Photography - Merging HDR in Photoshop CS3 - Step-By-StepTutorial

Step 9
If your desiring a more surreal result there are different plug-ins that you can use. My favorite is Photomatix pro from HDRsoft. You can just get the tone mapping plug in for Photoshop which works great. Use the coupon code photoshopcafe to save 15%.

Using photomatix tone mapping plugin allows you to get highly detailed textures in your photographs. You merge in Photoshop as shown in this tutorial. Then choose Filter>Photomatix to apply tone mapping. Convert and save as normal.

HDR - High Dynamic Range Photography - Merging HDR in Photoshop CS3 - Step-By-StepTutorial

Step 10
This image shows an image after tone mapping using Photomatix pro.

HDR - High Dynamic Range Photography - Merging HDR in Photoshop CS3 - Step-By-StepTutorial

Step 11
Here you can see comparisons between a single image, subtle Photoshop HDR and a radical Photomatix effect (Click for larger image). Whatever result your after, hopefully this tutorial has helped demystify the HDR process.

HDR - High Dynamic Range Photography - Merging HDR in Photoshop CS3 - Step-By-StepTutorial

Step 12
Here is another HDR shot of mine. This is a night scene converted to grayscale. To see more of my HRD check out my flickr page.

I hope you enjoyed this tutorial!

Colin


HDR - High Dynamic Range Photography - Merging HDR in Photoshop CS3 - Step-By-StepTutorial

[tutorial and images © Colin Smith of PhotoshopCAFE.com]

PhotoshopSecrets - Wacom Tablets and Photoshop CS3

PhotoshopCAFE Announces PhotoshopSecrets: Wacom Tablets and PhotoshopOur friend Colin Smith has updated one of his very popular training DVDs — PhotoshopSecrets - Wacom Tablets and Photoshop CS3 — a video training package that teaches you everything you need to know about working with a Wacom tablet in Photoshop. This updated edition now includes lessons with material that addresses some of the new features found in Photoshop CS3.

According to Colin's site, this is "the most complete training on the Wacom Tablet and Adobe Photoshop ever. This fully updated video will show you how to unleash the power and creativity that only comes from a pressure-sensitive tablet. Set up your tablet correctly and stop working like a mouse user in Photoshop. Two of the Top instructors in the industry combine their talents to bring you a video that will totally change the way you approach graphics on your computer. This fast loading CD ROM contains over 2 hours of sharp video with crisp digital sound."

Colin says, "Wes Maggio and myself went back to the studio and completely re-recorded all the lessons for this new version. The content is better, Wes included techniques for all the latest tablets and Cintiq. All the Photoshop techniques are brand new to this edition of the disk. Many of the new CS3 features are explained and covered, including Quick select, Smart Filters, Clone Source, new Curves, Black and White adjustment and more."

The simple-to-use interface frees you up, and you can instantly jump to any lesson with complete control over the playback. All the lesson files are included, so you can follow along at your own pace. If you currently own, or are considering a Wacom pen tablet or Cintiq, this video is one of the best investments you can make. For more on these tablets, see our Wacom Pen Tablets Resource Center. Lessons include:

PhotoshopSecrets - Wacom Tablets and Photoshop CS3• Tablet overview
• The Brushes palette in Photoshop
• Maximizing pressure sensitivity
• Customizing the pen
• Setting up the ExpressKeys
• Programming Touch Strips
• Grayscale and color in same image
PhotoshopSecrets - Wacom Tablets and Photoshop CS3• Collaging Techniques
• Adding 3D shadows and highlights
• Customizing the depth of field
• Dodging and Burning (the new way)
• Making custom grunge brushes

About Colin Smith
PhotoshopSecrets - Wacom Tablets and Photoshop CS3An award winning designer, best-selling author and trainer, Colin is founder of one of the world's most popular Photoshop resource sites, PhotoshopCAFE.com. Colin is also a regular columnist for Advanced Photoshop, Computer Arts, and Photoshop User Magazine.

About Weston Maggio
As an Adobe certified Expert in Photoshop and Wacom sales manager, Wes is an authority on Photoshop instruction, and has taught and held workshops at PhotoshopWorld, Seybold, Macworld, and PMA.

Wacom Tablets and Photoshop CS3 - Special Discount Price
PhotoshopSecrets - Wacom Tablets and Photoshop CS3 - $39.99 - (DVD version)
PhotoshopSecrets - Wacom Tablets and Photoshop CS3 - $39.99 - (instant download)

Don't have Photoshop CS3 yet? Get Photoshop CS3 now at the Adobe Store. This DVD training is also available for earlier versions. Here are the links:
PhotoshopSecrets Wacom Tablets and Photoshop - $39.99 - (DVD version)
PhotoshopSecrets Wacom Tablets and Photoshop - $39.99 - (instant download)


photoshop - tutorials, tips & tricks
back to top


PHOTO CREDIT: Full moon as seen from the International Space Station.


photoshop tutorials - sidebar logo
search the Photoshop Support site
Adobe Photoshop Blog - Photoshop news and comments
Photoshop Blog
News, links and tips.
Adobe Photoshop Blog - Receive Updates via our XML/RSS feed
Inspiring Photoshop Music...
Inspiring Photoshop Music...
Inspiring Photoshop Music...
join our Photoshop Newsletter and win free prizes
Free Newsletter
Free monthly prizes.
Fluid Mask Photoshop Plugin
Fluid Mask Photoshop Plugin
Fluid Mask Photoshop Plugin
Fluid Mask - $10 Off
Fluid Mask Tour
Free Dreamweaver Tutorials and Dreamweaver Templates - Resource Center - Main Page
DW Center - Main
DW Free Tutorials
DW Video Clips
DW Templates
Free Flash Tutorials and Flash Templates - Resource Center
Flash - Main
Flash Tutorials
Flash Templates
Photoshop software & gear at special prices
Photoshop Deals
Photoshop specials.
Turn your Photoshop designs into CSS websites with SiteGrinder - Photoshop plugin.
Turn your Photoshop designs into CSS websites with SiteGrinder - Photoshop plugin.
Turn your Photoshop designs into CSS websites with SiteGrinder - Photoshop plugin.
Turn your Photoshop
designs into websites
with SiteGrinder
Photoshop CS3 Resources - Photoshop 10 news
Photoshop CS3
PS CS3 Tutorials
Adobe Photoshop Elements - resource center
PSE Main Page
PSE Free Tutorials
PSE Free Clips
Lightroom Resource Center - Adobe Lightroom tutorials and news
Lightroom - Main
LR Free Tutorials
LR Resources
Apple Aperture resource center - Aperture tutorials and news
Aperture - Main
Aperture Tutorials
Aperture Reviews
Photoshop Resources
Photoshop Tutorials
Free Tutorials
Photoshop 9 - CS2
Free CS2 Tutorials
Photoshop Brushes
Free Brushes
Photoshop Plugins
Free Plugins
Photoshop Actions
Free Actions
Photoshop Training
Free Video Clips
Free Stock Photos
Free Photos
Free Fonts Directory
Free Fonts
Free Textures
Free Textures
Digital Cameras
Resource Center
Inspiration
Websites & Artists
Photoshop News
Latest News
Photoshop Books
Latest Releases
Color Resources
Color Management
Just For Kids
Photoshop for Kids
How-To Articles
Photoshop Articles
GoLive Site
GoLive Tutorials
Quick Answers
Photoshop FAQ
Get In Touch
Feedback Form
© 1999-2005 PHOTOSHOPSUPPORT.COM
ALL RIGHTS RESERVED - MAY NOT BE REPRODUCED WITHOUT PERMISSION
Some material reproduced by permission of copyright owners
All trademarks mentioned are the property of their respective owners
[this website is intended as a public service]
• navigation bar inspired by Griffin Technology
• website design and development by Futura Studios
web hosting provided by Hostway •