Brighten Photos Like a Pro

Shadows/Highlights Tool

If you’re a Photoshop expert, you probably would have guessed what I’ll be talking about next - the Curves tool. The Curves tool offers more flexibility than the Levels, but it still affects the highlights. I think you get the point already, but some people would ask, “What about the Shadows/Highlights Tool?”.

The Shadows/Highlights tool can brighten an image only in the shadows - like it says - and it can work quite well, but if you use any setting above 50%, you can start to see halos and overly detailed shadows. Open the Shadows/Highlights tool (Image > Adjustments > Shadows/Highlights) and try it yourself. You should try the Shadows/Highlights first, but if that doesn’t work, don’t worry because we have a secret technique up our sleeves that we’re about to reveal.4

Brighten Photos Like a Pro Photoshop Tutorial

Step 1

Hopefully you didn’t apply any of those brightening methods shown previously. If you did, just undo all the way back until you get to the unedited image.

First, we’ll add a Levels adjustment layer to brighten the image. You may also use a Curves adjustment layer if you know how to adjust the settings.

6

In the Levels tool, move the gray input slider towards the left to brighten the image. If you want to increase contrast, move the white input slider towards the left.

Click OK when you’re done. You should now have a new adjustment layer in your Layers palette.

7

Step 2

Here’s the key to this Photoshop brightening technique - the Apply Image tool. Choose Image > Apply Image. With the Apply Image tool, use the settings below and click OK. What this will do is apply an inverted copy of the image to the layer mask that we have selected..

8

So what exactly happened?

To understand this, you’ll need to understand layer masks. A layer mask works like a stencil. Anything black in the layer mask means that it is transparent and anything white in the image means that it’s visible. If it’s gray, it’s translucent

What we just did was made the adjustment layer only affect the image based on its brightness. That means that bright areas will be less affected than the dark areas. We just brightened the image without overexposing the highlights and created an image with a more visible dynamic range.

9

Step 3

The image should look like it has lower contrast and higher saturation. If you want to increase the contrast, add a Brightness/Contrast adjustment layer. If you’re using Photoshop CS2 or older, use the Levels tool instead because the Brightness/Contrast tool in Photoshop CS2 and older produce poor quality results.

10

With the Brightness/Contrast tool, simply increase the contrast until you get the contrast level that you desire.To increase the contrast with the Levels tool, move the black and white input slider towards the center.

11

More pages: 1 2 3

Written by admin on February 17th, 2008 with 15 comments.
Read more articles on Exposure and Photo Retouching and Photoshop Tutorials.

15 comments

Read the comments left by other users below, or:

Get your own gravatar by visiting gravatar.com Tutorials Effect
#1. February 17th, 2008, at 6:53 AM.

Very detailed tutorial on how to get the most out of your pictures, goob job! And thanks for the submission on tutorial-effect.net

Get your own gravatar by visiting gravatar.com Katalog Stron
#2. February 18th, 2008, at 3:11 AM.

This tutorials helps me a lot with brightening my images. Regards.

Get your own gravatar by visiting gravatar.com farid
#3. February 18th, 2008, at 10:50 PM.

I try it, I have many photos that in unsatisfy because it’s dark
thank for tutor

Get your own gravatar by visiting gravatar.com Brone
#4. February 19th, 2008, at 7:04 AM.

Only problem with this tutorial is that there is no Image > Apply Image in CS3.

Get your own gravatar by visiting gravatar.com admin
#5. February 19th, 2008, at 5:19 PM.

Photoshop CS3 does have Image > Apply Image. Beside the File and Edit menu is the Image menu. Click on the Image menu then click Apply Image.

Get your own gravatar by visiting gravatar.com Randy
#6. February 19th, 2008, at 8:01 PM.

umm. yes there is. click on image, it’s the 4th menu item (apply image).

Get your own gravatar by visiting gravatar.com Rasmus
#7. February 20th, 2008, at 5:02 PM.

I have recommended your post in this collection of inspirational links: Three Quick Links

Get your own gravatar by visiting gravatar.com Brone
#8. February 29th, 2008, at 1:57 PM.

Very strange. I have CS3 extended and no Apply under Image menu. 4th one is image size… I am not blond just confused :D

Get your own gravatar by visiting gravatar.com SniperFox
#9. February 29th, 2008, at 7:21 PM.

@Brone: You’re “Image” Menu should look like this:
http://i31.tinypic.com/34spcav.png

Get your own gravatar by visiting gravatar.com Brone
#10. March 1st, 2008, at 10:55 PM.

Well in MY CS3 (vers 10.0) it looks like this:
http://i29.tinypic.com/2gu9ma8.jpg

Maybe I need to upgrade it to newer version?

Get your own gravatar by visiting gravatar.com SniperFox
#11. March 2nd, 2008, at 2:04 PM.

Hmm..that’s quite weird…

There is a shortcut for it though. Create a new layer [CTRL + SHIFT + N], and then hit:

“CTRL + SHIFT + ALT + E”

That should work for you.

I’m really not sure why you don’t have that option in the menu :/

Get your own gravatar by visiting gravatar.com Nick
#12. March 4th, 2008, at 8:08 AM.

i heart this tutorial

Get your own gravatar by visiting gravatar.com johng
#13. March 30th, 2008, at 4:16 AM.

click on ’show all menu items’ to show the items that are hidden

Get your own gravatar by visiting gravatar.com shirin
#14. April 7th, 2008, at 11:29 PM.

thanks.
it helped me a lot.
i was very bad in brighten underexposed

Get your own gravatar by visiting gravatar.com Federico
#15. June 24th, 2008, at 6:38 AM.

Excellent tutorial!.
Thanks for sharing

Leave your comment...

If you want to leave your comment on this article, simply fill out the next form:




You can use these XHTML tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> .