Photoshop Support - Main Photoshop News Photoshop Tutorials Photoshop Tools Photoshop Resources Photoshop Site Map
photoshop tutorials
Abobe CS3 Photoshop 10 Resource Center - tutorials, tips, tricks, and news
Adobe Photoshop CS3 Tutorial - HDR - High Dynamic Range

Adobe Photoshop CS3 Tutorial - HDR - High Dynamic Range
back to tutorials & articles by Mark Galer - main page
Try before you buy. Download any Adobe product for a free 30 day trial.
See our Photoshop CS4 Tutorials Page for free Photoshop 11 video clips.
Buy. Download. Create. Get Photoshop CS4 now at the Adobe Store.



Adobe Photoshop CS3 Tutorial - HDR - High Dynamic Range
by Mark Galer

Contrary to popular opinion – what you see is not what you always get. You may be able to see the detail in those dark shadows and bright highlights when the sun is shining – but can your CCD or CMOS sensor? Contrast in a scene is often a photographer’s worst enemy. Contrast is a sneak thief that steals away the detail in the highlights or shadows (sometimes both).

A wedding photographer will deal with the problem by using fill-flash to lower the subject contrast; commercial photographers diffuse their own light source or use additional fill lighting and check for missing detail using the ‘Histogram’. Sometimes, however, there is not enough fill light to resolve the problem, so the photographer has to resort to taking multiple exposures (bracket the exposures) and then merge detail from each in a new composite image.

Adobe Photoshop CS3 Tutorial - HDR - High Dynamic Range

Adobe Photoshop CS3 Tutorial - HDR - High Dynamic Range

Photoshop’s Merge to HDR (High Dynamic Range) automated feature has been improved for CS3, but it is still not able to merge exposures where subjects have moved between the separate exposures. The technique in this tutorial (taken from the new Photoshop CS3: Essential Skills book) shows you how to resolve this problem. This technique also offers superior midtone contrast than Photoshop’s merge to HDR automated feature.

Adobe Photoshop CS3 Tutorial - HDR - High Dynamic Range

STEP 1
Open two different exposures of the same scene in Adobe Camera RAW. Click on the lighter image thumbnail and optimize the shadow detail (pay no attention to the highlights that will clip).

Adobe Photoshop CS3 Tutorial - HDR - High Dynamic Range

STEP 2
Click on the darker thumbnail and this time optimize the highlight detail. Click on Select All in the top left-hand corner of the ACR dialog box and while holding down the Shift key click on the Open Objects button. The two images will now open as Smart Objects.

Adobe Photoshop CS3 Tutorial - HDR - High Dynamic Range

STEP 3
Select the ‘Move tool’ in the Tools palette and drag the dark underexposed image into the window of the lighter overexposed image (alternatively just drag the thumbnail from the Layers palette with any tool selected). Holding down the Shift key as you let go of the image will align the two layers (but not necessarily the two images).

Adobe Photoshop CS3 Tutorial - HDR - High Dynamic Range

STEP 4
In the Layers palette set the blend mode of the top layer to ‘Difference’ to check the alignment of the two images. If they align no white edges will be apparent (usually the case if the tripod was sturdy and the two exposures were made via an auto timer feature or cable release). If the layers are not perfectly aligned you may need to nudge the layers into alignment using Free Transform as the new Auto-Align Layers command does not work with two Smart Object layers.

Adobe Photoshop CS3 Tutorial - HDR - High Dynamic Range

STEP 5
Click on the Add layer mask icon in the Layers palette. Switch off the visibility of this layer by clicking on the eye icon next to the layer thumbnail. Choose ‘All’ from the Select menu (Ctrl/Command+A) and then choose Copy Merged from the Edit menu (Shift+Ctrl/Command+C). Hold down the Alt/Option key and click on the layer thumbnail. The image window should appear white as the layer mask is empty. Now choose ‘Paste’ from the Edit menu (Ctrl/Command+V). Apply a 1.5-pixel Gaussian Blur (Filter > Blur > Gaussian Blur) to this mask before. Alt/Command+click to return to the normal view.

Adobe Photoshop CS3 Tutorial - HDR - High Dynamic Range

STEP 6
It is important to recreate the expanded contrast of the original scene otherwise the image will look slightly surreal if the overall contrast is low. The first technique to expand the contrast is to select the Layer mask and apply a Levels adjustment (Ctrl/Command+L). Drag in the Output sliders (directly beneath the Shadow and Highlight sliders) until the final contrast appears high but not clipped (lowering the contrast of the mask increases the contrast of the final image).

Adobe Photoshop CS3 Tutorial - HDR - High Dynamic Range

STEP 7
Anything that moves in the time difference that it takes to make the two exposures will create a ghost image of itself. Any ghosting can be removed using the new Retouch tool in Adobe Camera Raw. Double-click the layer thumbnail of the top layer, or smart object, in the Layers palette to open the image in the ACR dialog box. Use the Retouch Tool in the ACR dialog box to remove any object that has moved between the two exposures. If the heal area becomes contaminated with pixels from adjacent pixels of a very different color or tone, switch from Heal to Clone in the Type options. Select OK to apply the changes.

Adobe Photoshop CS3 Tutorial - HDR - High Dynamic Range

STEP 8
As we have already created a mask the ghost image is also present in the layer mask as well as the smart object. Hold down the Alt/Option key and click on the layer mask thumbnail. Select the Brush Tool and hold down the Alt/Option key and click on a tone next to the objects to be removed. Paint over any areas of the image where ghosting was occurring using a soft-edged brush. Click on the Image thumbnail to return to the normal view. The ghosts will now be gone.

Adobe Photoshop CS3 Tutorial - HDR - High Dynamic Range

STEP 9
From the Create new fill or adjustment layer menu in the Layers palette hold down the Alt/Option key and select a Levels adjustment layer. From the new Layer dialog box select the Overlay or Soft Light mode. In the Levels dialog box drag the two output sliders towards the center of the gray ramp to limit the increase in contrast to just the midtones (levels 100 to 200).

Adobe Photoshop CS3 Tutorial - HDR - High Dynamic Range

STEP 10
Open the Info palette and look at the RGB values when the mouse cursor is positioned over the dark shadow tones in the image window. If they are too dark to print to a typical output device (below level 15), you can double-click the bottom Smart Object to reopen the ACR dialog box. In the Tone Curve tab raise the shadow values as required. Select OK to apply the changes.

Adobe Photoshop CS3 Tutorial - HDR - High Dynamic Range

STEP 11
One way of controlling luminance and contrast in the shadows is to apply a Shadow/Highlight adjustment to the base Smart Object (Image > Adjustments > Shadow/Highlight). Both the Midtone contrast slider and the Radius slider in the Shadows section can be used to control the localized contrast in the shadows. Select OK to apply this adjustment as a smart filter to the smart object.

Adobe Photoshop CS3 Tutorial - HDR - High Dynamic Range

STEP 12
Complete the project by adding a Smart Sharpen filter to the same Smart Object, as this is where the bulk of the fine detail resides in this composite image. Select OK to apply the changes. Applying a sharpen filter to this smart object (a camera Raw file) instead of a rasterized layer (created by merging the visible elements to a new layer) means that we have deferred applying any ‘destructive’ changes to the image data in this file. The automated HDR feature would have to process the data to achieve the same result and the ducks would not be happy.

Adobe Photoshop CS3 Tutorial - HDR - High Dynamic Range
Photoshop Blog
Photoshop CS4 & Photoshop CS4 Extended - Best Deals From Adobe
Photoshop CS4 & Photoshop CS4 ExtendedPhotoshop CS4 and Photoshop CS4 Extended feature a newly refined, tab-based interface in a single, integrated window, with self-adjusting panels arranged in docked groups. Automatically keeping tools well organized and away from your work area means you get greater efficiency, less clutter, and better results, faster than before.

Delivering all the features of Adobe Photoshop CS4 software, including the new Adjustments and Masks panels, Adobe Photoshop CS4 Extended also provides breakthrough 3D editing and compositing power to paint directly on 3D models, create 3D animations, convert 2D images to 3D objects, and more; richer motion graphics editing; and more powerful and flexible image analysis and tracking. Learn more on our Photoshop CS4 Tutorials Page. To download the free trial, see details on our Photoshop CS4 Free Trial Download Page.

Find upgrade options and package deals at the Adobe USA Store. Teachers and students get special pricing at the Adobe Education Store. You can also buy in your country currency and language at the following Adobe International Stores:
Adobe United Kingdom  |  Adobe Germany  |  Adobe France  |  Adobe Eastern Europe

Adobe Creative Suite 4 Design Premium - Complete CS4 Bundle
Adobe Creative Suite 4 Design Premium - Complete CS4 BundleAdobe Creative Suite 4 Design Premium software is the designer's dream toolkit for print, web, and mobile publishing. Creativity is rarely confined to one medium, so put your vector illustrations in motion, moving fluidly between Adobe Illustrator CS4 and Adobe Flash CS4 Professional. And use Adobe Photoshop CS4 Extended to design and slice a web page for publishing with Adobe Dreamweaver CS4.

Adobe Creative Suite 4 Design Premium combines essential tools for producing everything from professional page layouts to rich interactive experiences in a unified, intuitive environment. Also includes Adobe Acrobat 9 Pro, Adobe InDesign CS4, plus Adobe Fireworks CS4.

Buy now or download the free trial at the Adobe USA Store, or buy in your country currency and language at the following Adobe International Stores:
Adobe United Kingdom  |  Adobe Germany  |  Adobe France  |  Adobe Eastern Europe
Photoshop Blog
Photoshop CS4 Book - Photoshop CS4 Essential Skills - By Mark Galer And Philip Andrews

Photoshop CS4 Essential Skills - Adobe Photoshop CS4 BookBrimming with beautiful pictures, Photoshop CS4 Essential Skills guides you through a project-based, progressive curriculum so that you can build all the essential skills to enhance photographs creatively and professionally with Photoshop CS4. If you are an aspiring professional or a student learning photography, digital imaging, or design graphics, you'll be amazed at the stunning results you can achieve. A DVD is included free.

The Essential Skills Photography Series from Focal Press uniquely offers a structured learning experience for photographers of all ages, with both the underlying theory and loads of invaluable 'how to' and real-life practice projects - all from the most talented photography practitioners/educators in the world.

Read 2 free sample chapters:
Skin Retouching Tips In Photoshop CS4
Transforming Smart Objects In Photoshop CS4

Find More Adobe Photoshop Books at Amazon.com
Find all the latest bestselling Photoshop books at discount prices at Amazon.com.
Photoshop Blog
SiteGrinder Photoshop Plugin - Create Websites Instantly

Media Lab Release SiteGrinder Basic and SiteGrinder ProThere often seems to be a strict division of labor within the world of web design and development. Creative professionals tend to stick to the Photoshop domain, while those well-versed in scripting are left to the task of implementing their work. Indeed, the two realms are quite different from each other, to which any of us even vaguely familiar with either can easily attest.

Essentially, Photoshop is a no-holds-barred design studio, offering the artist a seemingly endless array of creative options. On the other hand, HTML, CSS, Java and the like follow strict rules of engagement, requiring the developer to take any number of esoteric concerns into consideration in order to ensure that designs are properly displayed on the web.

Turn Photoshop Into A Complete Web Design Tool
SiteGrinder seeks to bridge this gap between design and development. Basically, this program turns Photoshop into an easy-to-use and fully functional web design tool. With SiteGrinder, designers will now have the freedom to totally let their creativity loose and then, without skipping a beat, transfer their designs to the web. Bringing esthetic concerns together with more practical considerations, this program is an amazingly powerful tool that would make a fantastic addition to any web designer's bag of tricks.

SiteGrinder Basic and SiteGrinder ProGenerate Your Web Pages Directly From Photoshop
By generating web pages directly from Photoshop, you'll be able to spend much more time on the creative end of the spectrum, since you'll know right off the bat how well particular designs will translate to the web. No more going back to the Photoshop drawing board after getting a phone call from your development team, telling you that what you had envisioned doesn't have a chance of being displayed on the web. You can immediately visually and interactively test your designs, which permits you to then make changes to either esthetics or functions while it's still relatively early on in the design process.

Pricing and Availability
Mac OS X and Windows versions of the SiteGrinder unlockable demo are available now via download. SiteGrinder can be ordered from Media Lab's online store.
Photoshop Blog
Photoshop CS3 Book - CS3 Essential Skills - By Mark Galer And Philip Andrews

Photoshop CS3 Essential SkillsBrimming with beautiful pictures, Photoshop CS3 Essential Skills guides you through a project-based, progressive curriculum so that you can build all the essential skills to enhance photographs creatively and professionally with Photoshop CS3. If you are an aspiring professional, enthusiastic amateur photographer, or a student learning photography, digital imaging, art and design, or design graphics, you'll be amazed at the stunning results you can achieve. A DVD is included free.

The Essential Skills Photography Series from Focal Press uniquely offers a structured learning experience for photographers of all ages, with both the underlying theory and loads of invaluable 'how to' and real-life practice projects - all from the most talented photography practitioners/educators in the world.

Read 2 free sample chapters:
Adjusting Exposure in Adobe Camera Raw CS3
Photoshop CS3 Tutorial High Dynamic Range

Special book offer - save 24%
Photoshop CS3: Essential Skills (Amazon.com - $28.08 - save 24%)
Photoshop Blog
Photoshop CS2 Book - Photoshop CS2: Essential Skills - By Mark Galer And Philip Andrews

New Book - Photoshop CS2: Essential SkillsAn inspirational and user-friendly guide to creative image editing, Photoshop CS2: Essential Skills provides direction for photographers and designers alike who have ventured into the realm of the 'digital darkroom.' The book offers a progressive curriculum to guide you through Photoshop with a series of clear, step-by-step projects designed to place knowledge into a practical context.

Whether you simply want to retouch an image, create a glamour makeover or create a highly sophisticated montage - this book will give you the essential skills to complete the work to a professional standard.

Read 2 free sample chapters:
How To Sharpen An Image In Photoshop — Advanced Sharpening Techniques
Working With Shadows In Photoshop - Advanced Shadow Techniques

Special book offer - save 37%
Photoshop CS2: Essential Skills (Amazon.com - $20.76 - save 37%)
Lightroom Books - Adobe Lightroom Best Books
Adobe Photoshop blog
Photoshop Blog by Jennifer AppleThe Photoshop Blog offers the latest Photoshop and Digital Photography news and software updates, tips and tutorials, and random thoughts from graphic artist, digital photographer and Photoshop expert Jennifer Apple. Also includes Photoshop CS3 news!


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


photoshop tutorials - sidebar logo
search the Photoshop Support site
Abobe CS3 Photoshop 10 Resource Center - tutorials, tips, tricks, and news
CS3 Center - Main
CS3 Free Tutorials
CS3 Free Trial
CS3 Best Books
CS3 Training
CS3 Reviews
CS3 New Features
CS3 PS Extended
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-2007 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 •