Graphics
 

Adobe Photoshop CS5 : Using the Dodge and Burn Tools

11/17/2011 5:09:43 PM
In previous versions of Photoshop, when we wanted to dodge and burn, we had to jump through a bunch of hoops (creating special layers, and using blend modes and such), because the Dodge and Burn tools were...well...let’s just say they weren’t the best. Luckily, Adobe greatly updated these tools, which totally fixed the problem, and now it’s safe to use the Dodge and Burn tools for lightening and darkening different parts of your image.

Step One.
In the photo shown here, we want to highlight the store at the top of the staircase (and the staircase itself), but the light simply didn’t fall where we wish it had, so first we’re going to dodge (lighten) the staircase and the store (so they’re the brightest things in the photo, and draw the eye). Then, we’re going to burn (darken) the areas that we wish were darker (like the walls on either side, and the area above the store at the top of the stairs). Basically, we’re just going to rearrange how the light is falling on our photo. Now, I don’t dodge and burn directly on the photo. Instead, press Command-J (PC: Ctrl-J) to duplicate the layer. That way, if we don’t like what we’ve done, we can lessen the effect (by lowering the layer’s opacity) or undo it altogether by throwing the layer away.

Step Two.
Get the Dodge tool (O) from the Toolbox (as shown here), and begin painting over the area you want to lighten (in our case, we’ll start by painting over the center of the staircase—you can see the brush cursor near the bottom of the stairs in the example shown here). Keep holding the mouse button down as you paint, because the Dodge and Burn tools have a build-up effect—each time you release the mouse button and start painting again, the amount of Dodge (or Burn) builds up.

Tip: Your Brush Cursor Works Better

Back in CS4, Adobe tweaked how the brush tip cursor works, so that if you move it over something darker than it is (which happens very often), it actually has a very tiny glow around it, so now you can see the size and location of your brush dramatically easier when you’re over dark areas.


Step Three.
Release the mouse button, and paint over that same area again, and you’ll see how it gets another level brighter. Remember—while the mouse button is held down, you’re painting one level of brightness. Release the mouse button, then click-and-paint over that area, and you’re painting over the original brightness with more brightness, and so on (it’s kind of like polishing a silver platter—the more times you polish it, the brighter it gets). Now look at how much brighter the staircase is here, compared with the original image in Step One.

Step Four.
Now, let’s work on the store’s front at the top of the stairs. Start painting over it to dodge (brighten), release the mouse button, paint it again, and repeat, until it really stands out (like you see here) Now, before we switch to burning in the background, take a look up in the Options Bar for this tool, and you can see that we’ve been dodging just the Midtones (and that’s generally where I do my dodging and burning), but if you wanted the tool to just affect the Highlight or Shadow areas, you can choose that from that Range popup menu. Also, the 50% Exposure amount is fine for something like this, but if I were doing this on a portrait, I’d usually want something much more subtle, and I’d lower the amount to around 10%–15%.


Step Five.
Now let’s switch to burning: first start by pressing Command-J (PC: Ctrl-J) to duplicate your top layer (so, at this point, you’ve got the original untouched image as your Background layer, the brightened Dodge layer in the middle (I renamed it “Dodge layer” just to make it easier to see), and a copy of the brightened layer on top, which is the one we’re going to burn on (I named it “Burn layer”). By keeping everything on separate layers, if you don’t like the burning effect, you can reduce it by lowering the opacity, or delete it altogether and you won’t lose the dodging you did on the layer below it. Now get the Burn tool (as shown here), and paint over the walls on either side of the staircase. By darkening those areas, it puts the focus on the staircase even more, which leads the eye. (Whether you realize it or not, you’re painting with light. Cool!)


Step Six.
Now, paint over the wall area above the store, and then I’d go over the walls on the side of the staircase one more time, because they’re still pretty bright, and still drawing the eye a bit too much. One more thing: up in the Options Bar you’ll see a checkbox for Protect Tones. That’s the checkbox that helps to keep the color of what you’re dodging and burning intact, so things just get brighter or darker, and not sunburned and color saturated. I leave this on all the time, even when I’m not dodging and burning portraits (which is when it’s most useful). Below is a before/after, and while I’m usually fairly subtle with my dodging and burning, here I took things a little farther than I normally would, just to show a clear example of the power of dodging and burning.


Before

After

 
Others
 
- QuarkXPress 8 : Combining type and graphics
- QuarkXPress 8 : Fine-tuning typography
- Adobe After Effects CS5 : Curves: Gamma and Contrast
- Adobe After Effects CS5 : Levels: Histograms and Channels
- Adobe Fireworks CS5 : Adjusting tonal range & Using the Align panel
- Adobe Fireworks CS5 : Importing images & Distortion-free bitmap scaling
- CorelDraw 10 : Naming a Web Page
- CorelDraw 10 : Adding a Page Background
- Adobe Flash Professional CS5 : Sampling and Switching Fills and Strokes (part 2)
- Adobe Flash Professional CS5 : Sampling and Switching Fills and Strokes (part 1)
- Adobe InDesign CS5 : Adding and Deleting Anchor Points
- Adobe InDesign CS5 : Converting Points
- Adobe Flash Catalyst CS5 : Creating a Data List component (part 2) - Convert the sample record into a Data List component & Define the repeated item
- Adobe Flash Catalyst CS5 : Creating a Data List component (part 1) - Design a sample record
- Adobe Flash Catalyst CS5 : Flash Catalyst data lists
- Adobe Illustrator CS5 : Printing from Illustrator (part 3) - Specifying Color Separations
- Adobe Illustrator CS5 : Printing from Illustrator (part 2) - Exploring the Marks and Bleed Print Panel & Exploring the Output Print Panel
- Adobe Illustrator CS5 : Printing from Illustrator (part 1) - Exploring the General Print Panel
- Dreamweaver CS5 : Understanding Templates & Creating Your Own Templates
- Dreamweaver CS5.5 : Using the Open Browser Window Behavior
 
 
Most View
 
- Xbox Games with Windows 8 : Finding and Acquiring Desktop Games
- Windows 7 : Programming Drivers for the Kernel Mode Driver Framework (part 2) - KMDF Driver Structure and Concepts - Object Creation
- Sharepoint 2013 : Use Managed Metadata Navigation in a Publishing Site (part 1) - Choosing a Term Set for Navigation in a Site
- About Microsoft SharePoint 2013 : What Is Tagging?
- Windows 8 : Working with file systems (part 4) - Understanding Encrypting File System, BitLocker
- Sharepoint 2013 : Managing and Configuring Profile Synchronization (part 6) - SharePoint Profile Synchronization - Managing User Properties
- Developing Custom Microsoft Visio 2010 Solutions : Introducing the Notes Shape, Using the Developer Ribbon Tab
- Microsoft Sharepoint 2013 : Using SharePoint Commands (part 3) - Working with Site Collections
- Sharepoint 2013 : Organizing and managing information - Creating site columns
- Active Directory 2008 : Managing OUs (part 2) - Administering Properties of OUs
 
 
Top 10
 
- Microsoft OneNote 2010 : Searching Notes (part 4) - Troubleshooting Problems with Search
- Microsoft OneNote 2010 : Searching Notes (part 3) - Searching for Text with the Search Results Task Pane
- Microsoft OneNote 2010 : Searching Notes (part 2) - Searching for Text on the Current Page, Searching for Text with Instant Search
- Microsoft OneNote 2010 : Searching Notes (part 1) - Turning Audio Search On or Off, Turning Text Recognition in Pictures On or Off
- Microsoft OneNote 2010 : Prioritizing and Categorizing Notes with Tags (part 2) - Search for Tagged Notes, Removing a Tag from a Note
- Microsoft OneNote 2010 : Prioritizing and Categorizing Notes with Tags (part 1) - Applying a Tag to a Note
- Microsoft OneNote 2010 : Organizing the Pages and Sections in a Notebook (part 2) - Moving or Copying a Notebook Section, Merging One Notebook Section into Another
- Microsoft OneNote 2010 : Organizing the Pages and Sections in a Notebook (part 1) - Displaying the Hierarchy of a Notebook on the Navigation Bar
- Microsoft OneNote 2010 : Navigating Notebook Content with Links (part 2) - Notebooks list or click the Open Notebook button. Creating Wiki-Style Links to Other Locations in Your Notebook
- Microsoft OneNote 2010 : Navigating Notebook Content with Links (part 1) - Creating a Link to a Specific Notes Page, Creating a Link to a Specific Notebook Section