Sign In  |  Join Now Become a member to add links and start earning points!

Color Correction Basics in Photoshop

Have you wanted to learn more about color correction? The focus of this tutorial is to help you delve deeper into color correcting to up the production value of your images. Learn a few simple techniques while creating.

I will be using Photoshop CS4 for this tutorial, but all of the features I will use are available in previous versions of Photoshop. Or in any decent photo-editing software.

Primary Color Correction

In this tutorial, our work will be primary color correction. “Primary color correction affects the whole image, utilizing control over intensities of red, green, blue, gamma (mid tones), shadows (blacks) and highlights (whites).”

Overview

Before we begin, you’ll want to be sure that you have at least a novice understanding of the following tools in your photo-editing program: Curves, Hue/Saturation, Photo Filter, and Black & White adjustment layer.

Quick Tip

Keep effects on adjustment or separate layers to enable quick alteration or removal at any time during the color correction process.

Monochrome and Sepia

Image Description

A monochromatic image is one whose range of colors consists of shades of a single color or hue.

Step 1: First, let’s make our image grayscale. There are various ways to do this, but we’ll look at just two:

I think the best way is to use the Black & White adjustment layer. (This can be found at the bottom of the Layers toolbox.) What is so great about this adjustment layer is the ability to control the luminance of the 6 primary and secondary colors – red, green, blue, cyan, magenta and yellow with the sliders. This is a very useful tool for fine-tuning the the tonal range of your image.

However, the Black & White adjustment layer is only in Photoshop CS3 and newer. So, if you’re using an older version, skip to the next step.

Image Description

Step 2: Apply the Hue & Saturation adjustment layer. Click the Colorize checkbox and this will automatically desaturate and tint your image. However, the Hue is wrong. So set the Hue to 35. Now it’s starting to look right.

Step 3: Lastly, perfect color brightness of your image with the sliders in the Black & White adjustment layer. Use the eyedropper tool that comes with the filter to select the part of the image you want to alter and it will hightlight which color is in range. But be careful not to drastically change the colors or you’ll be in danger of posterizing the image.

Usually changes solely in the Black & White filter are not enough to correct the image; so apply a Curves adjustment layer on top and get your image looking right. (It’s best to do these steps last – after your color adjustments – so that you’re seeing and effecting the color-corrected spectrum.)

And, for sepia, you’re done.

Rollover Image

In addition, using other monochromatic color schemes are done the same way. Instead of setting the Hue to 35, move the slider to the color of your choice. You also could up the Saturation a bit to make the colors pop. (For the image below, I set the Hue to 295 and the Saturation to 35.)

Rollover Image

Bleach Bypass

A popular image treatment is the bleach bypass. In actual film-developing, this means skipping the bleaching process. This leaves a silver tint on the photograph, as if the black-and-white and color image had been combined. So that’s exactly what we’re going to do.

Image Description

Step 1: Apply the Black & White adjustment layer once again to your image. (Or desaturate with a Hue & Saturation adjustment layer.) Then, the only alteration we need to do is in the blending mode: change it from Normal to Overlay.

Step 2: Apply a Curves adjustment layer on top. A characteristic of most bleach-bypassed images is increased contrast. So add a contrast curve to your image. But be careful. Adjustments should be minor at this stage because the image has a lot of contrast. Make sure you’re not overexposing in the highlights or underexposing in the shadows.

Rollover Image

Extra: Often, another characteristic of bleach bypass, along with increased contrast, is graininess. If you like, take this effect a step further by adding some noise: Filter > Noise > Add Noise. Make sure it’s monochromatic.

Quick Color Theory

Before we begin working on our next style, we’re going to talk quickly about color theory.

Take a look at the color wheels below. You’ll notice the three primary colors in our RGB color model: red, green and blue. Then, in between those you’ll notice the secondary colors of CMY: cyan, magenta, and yellow. Secondary colors are formed by the sum of two primary colors: cyan is green + blue, magenta is red + blue, and yellow is red + green. Simple enough.

Image Description

The secondary colors are opposite on the color wheel to the primary colors. Hence:

Red – Cyan

Green – Magenta

Blue – Yellow

Another six tertiary colors are created by mixing primary and secondary colors. But we don’t need to get into that in detail right now.

The primary and secondary colors, and their relation to each other, are important for us to know. In the Curves adjustment layer you can effect color in the red, green, and blue channels separately. So, for instance, any adjustments upward of the diagonal line in the red channel increase the red in the image. Lowering, below the diagonal line, increases the cyan. The other channels are the same: Upward in the green channel, green; lower, magenta. Upward in the blue channel, blue; lower yellow.

Image Description

Blockbuster/Fashion Look

Image Description

Ok, now that we got that covered, let’s begin. This style is used a lot in big summer movies, such as the Transformer films. It’s also popular in fashion photography.

First off, take a look at the picture above. In an effort to create this look, determine the color hue and tint of the shadows, midtones, and highlights. Most importantly, the shadows and highlights. You’ll notice that the shadows are very bluish and the highlights – mainly the part of the image containing the skin tones – are, well, the color of skin.

This is a complementary color scheme. Meaning the colors used, blue and orange, are opposite each other on the color wheel.

When working with humans in your compositions, you have to take the skin tone into account. You can’t have people turning green, magenta, or blue. That would look odd. Skin will always be between orange, orange-yellow (tertiary), and yellow. Therefore to complement the subject, generally use opposite colors: between cyan, blue or blue-violet (tertiary).

Now that we know this, let’s stylize our photo.

Step 1: Apply a Curves adjustment layer to your image.

Quick Tip

Nearly every colorist starts color correction with the shadows; then the highlights; and lastly the midtones.

Step 2: In the color dropdown menu, change from RGB – which affects the overall brightness and contrast of the image – to blue. We’ll work backwards up the list, starting with blue and ending with RGB.

Image Description

What we’ll want to do is bring the lower end of the curves slider up. This will increase the blue in the shadows. Next, to compensate for our first adjustment, we’ll want to decrease the blue in the highlights – taking it towards yellow – so that the skin tones stay closer to being correct.

Step 3: You’ll notice that the image has quite a purple tint to it. This is because the green and red channels are at equal intensity. To get a more blue color you can either go to the green channel and raise the shadows, or go to the red and lower the shadows. But there’s a difference here and you would do well to note it: If you were to raise the green shadows, the image would get slightly lighter and loses contrast. If you lower the red shadows, the image gets darker and gains contrast. The first is subtracting color and the second is adding.

In most cases, you’ll want to go with the option that subtracts, not adds.

Image Description

And that’s what we’ll do. Go to the green channel, and bring it up just enough to take the purplish-tint out of the image. This is where you can decide between how much blue-violet or cyan you’d like in your blue-tinted shadows.

Step 4: At this point, you may need to go back to the blue channel and make sure the skin tone looks good. Not too blue and not too yellow. Adjust the highlights and midtones until you’re satisfied.

Step 5: Now we can go to the RGB or master channel. Finalize the luminance and contrast of your image. All I had to do with this image was lower the shadows.

I’m sitting pretty with a great look.

Step 6: Lastly, you can complement your image with one more filter. Increasing the blue in the shadows flooded the image with a bit too much color. Add a Hue & Saturation adjustment layer and drop the saturation to around -10.

The change is ever so slight. But, it’s perfection. And now you’ve got a blockbuster or fashion-style image. Smashing.

Rollover Image

Bronze

Like in the film, 300, you can give your image quite a cool bronze look. This is similar to a sepia effect; however, the image shouldn’t be monochrome. Vibrant colors and those opposite to the bronze tonal region are still visible and actually stand out nicely, while the lights and the darks take on the bronze tint.

Let’s use a picture with more colors and a larger tonal range. It’ll be easier to see what’s happening.

Step 1: Start by applying a Photo Filter adjustment layer to your image. Change the filter color to Sepia and set the density between 90 to 100 percent. Make sure the preserve luminosity box is checked.

Step 2: Add a Hue & Saturation adjustment layer next. Desaturate the image anywhere from -10 to -50. Do what looks good to you.

Step 3: Add that trusty Curves adjustment layer. The bronze-style looks quite good with extra contrast. Make a nice contrast curve.

Image Description

Step 4: An optional step, one which I think looks good, is to add a little diffusion. You can achieve this by duplicating your image layer (and keeping it under the effects). Next, apply a gaussian blur to the layer. Do not blur too much! If you put too much blur, your final image will look like it’s from a dream sequence – very soft.

For this picture, I’m using a 2.5 pixel blur.

Change the blending mode of the blurred image to Overlay. You’ll notice how contrasty your image gets. To keep it from getting too soft, change the fill anywhere from 25 to 50 percent. Then, compensate for the contrast accordingly with your curves layer.

That’s it for the big, bold, bronze look. This kid is vicious on his scooter. Watch out.

Rollover Image

Conclusion

Bear in mind that there are many ways to achieve these looks and styles. There is no correct process or proceedure. Different colorists use different tools. To each his own. Find out what works best for you.

Also, remember that each picture you add these effects to will react differently. You shouldn’t expect these settings – or one specific procedure – to work equally well on all your pictures. It will vary due to the levels or amounts of shadows, highlights, colors, and contrast, etc.

The tendency can be to go overboard with effects. Do your best to use them sparingly and appropriately. When in doubt, less is more.

Go out and take your knowledge further by emulating styles and effects you see in magazines, films, or on the web. That’s a great way to learn. Have fun.

116 Comments

  1. Add point Subtract point
    Harry Hilders (0 Points) March 8, 2011 at 9:45 am

    Useful tutorial. Thanks.

    Flag as inappropriate
  2. Add point Subtract point

    Photoshop tutorials, from beginner to advanced. photo manipulation, icon design, text effects, interface, layout, painting, photo effects, psd tuts, maxon cinema 4d, designing.
    http://photoshopcs8.co.cc

    Flag as inappropriate
  3. Add point Subtract point
    Brett Widmann (1 Point) November 25, 2010 at 7:36 pm

    This is a very helpful tutorial Thanks for sharing.

    Flag as inappropriate
  4. Add point Subtract point
    black.friday.boys (0 Points) November 10, 2010 at 9:55 am

    nice tutorial, old post but still useful for me

    Flag as inappropriate
  5. Add point Subtract point
    Ebooksm (0 Points) September 26, 2010 at 2:54 pm

    thank you so much this is so awesome.

    Flag as inappropriate
  6. Add point Subtract point
    Agogs Design (0 Points) September 25, 2010 at 8:10 am

    I LOVE IT
    many thanks

    Flag as inappropriate
  7. Add point Subtract point
    vijay savaj (0 Points) August 31, 2010 at 7:41 am

    hi.
    Nice to see this tutorial for color correction.Very well explained. its really very helped me.
    I need many tutorial. thanks for sharing.

    Flag as inappropriate
  8. Add point Subtract point
    mtfxdd (0 Points) August 30, 2010 at 4:51 am

    good job. thanks for sharing.

    Flag as inappropriate
  9. Add point Subtract point
    Chazey (0 Points) August 18, 2010 at 3:32 am

    Thanks for this tutorial…..it really helped me well…..thanks for sharing ideas to us rookies…

    Flag as inappropriate
  10. Add point Subtract point
    Mikki (0 Points) August 9, 2010 at 9:51 pm

    A rudimentary tutorial, extremely useful! Easy-to-understand, well written and succinct. Thank you, this was fantastic – learned a deal.

    Flag as inappropriate
  11. Add point Subtract point

    Thank you for sharing this tutorial. Very well explained, I shall say.

    Flag as inappropriate
  12. Add point Subtract point
    teaco (0 Points) July 24, 2010 at 6:38 am

    Really well explained. Thanks so much for this tutorial.

    Flag as inappropriate
  13. Add point Subtract point

    Thank You
    for this tutorial
    I need many tutorial

    Flag as inappropriate
  14. Add point Subtract point
    Sanarok (0 Points) July 7, 2010 at 11:39 pm

    Hi,

    Nice to see such a detailed tutorial for color correction. I’m very much helpful with tutorial. Thank you for posting this.

    Flag as inappropriate
  15. Add point Subtract point
    oliver (0 Points) June 29, 2010 at 4:08 pm

    Very nice post, thank u. Very usefull for all designers.
    Also some article about using colors in webdesign: http://www.cruzine.com/2010/06/23/design-color-mind/

    Flag as inappropriate
  16. Add point Subtract point
    Li Xin (0 Points) June 24, 2010 at 5:36 pm

    it is great to find your website. i will study all your articles. thanks you so much for sharing your skill and experience.

    Flag as inappropriate
  17. Add point Subtract point
    Dries (0 Points) June 7, 2010 at 11:04 am

    Good article! Verry simple, yet so educationall!

    Flag as inappropriate
  18. Add point Subtract point
    Abhishek (0 Points) June 7, 2010 at 3:06 am

    Very interesting topic choose by u..
    its help me lots..

    Flag as inappropriate
  19. Add point Subtract point
    wantfee (0 Points) May 26, 2010 at 2:49 am

    I’m learning the this. Great tutorial.

    Flag as inappropriate
  20. Add point Subtract point
    adrian fallas (0 Points) May 16, 2010 at 6:41 pm

    Really cool tutorial… I’ve been looking for something like this for a long time… really glad you came with something like this… sorry to post so late… haha

    Flag as inappropriate
  21. Add point Subtract point
    Ashish Gaikwad (0 Points) May 10, 2010 at 11:56 pm

    Lovely tutorial. Really priceless knowledge… Thanks for then efforts.

    Flag as inappropriate
  22. Add point Subtract point
    hamam böceği ilaçlama (0 Points) May 7, 2010 at 7:10 am

    it ‘ s perfect sample… thank
    http://www.bocekilaclama.gen.tr

    Flag as inappropriate
  23. Add point Subtract point
    TuanAnh (0 Points) May 1, 2010 at 2:35 pm

    just amazing detailed tut!
    thanks so much!

    Flag as inappropriate
  24. Add point Subtract point
    Web Design (0 Points) April 26, 2010 at 7:53 pm

    Wow amazing thanks for sharing. Just what i needed

    Flag as inappropriate
  25. Add point Subtract point
    Maksim Shaihalov (0 Points) April 23, 2010 at 6:24 am

    usefull article! thx!

    Flag as inappropriate
  26. Add point Subtract point
    circular saw blade (0 Points) April 19, 2010 at 10:48 pm

    thanks and nice article

    Flag as inappropriate
  27. Add point Subtract point
    cincobayou (0 Points) April 17, 2010 at 5:13 am

    I am a novice…this was great help. Thank you very much.

    Flag as inappropriate
  28. Add point Subtract point
    MediaTech (0 Points) April 15, 2010 at 9:28 am

    Cool, great stuff, thx :)

    Flag as inappropriate
  29. Add point Subtract point
    André Von Weimar (0 Points) April 13, 2010 at 9:37 am

    Thank you for the tutorial. I have looked for this information all my life :)

    Flag as inappropriate
  30. Add point Subtract point
    wisnu kala (0 Points) April 13, 2010 at 3:43 am

    I see I Click and I Learn!!
    I see I click and I Learn!!
    Gr8 work Bro!
    Keep it up :)

    Flag as inappropriate
  31. Add point Subtract point

    this is just what i need. Thanks.

    Flag as inappropriate
  32. Add point Subtract point
    Psdtop (0 Points) April 11, 2010 at 11:00 am

    Very nice article, add this site in bookmarks

    Flag as inappropriate
  33. Add point Subtract point
    Nauman Akhtar (0 Points) April 11, 2010 at 3:20 am

    This is so awesome, thank you for sharing such an excellent artiicle

    Flag as inappropriate
  34. Add point Subtract point

    I’d always wondered how to achieve effects like this, didn’t know it was so easy! Thanks for your easy-to-understand tutorial–I don’t think I would have quite figured out the usefulness of some of the adjustment layers and blending modes without it! :D

    Flag as inappropriate
  35. Add point Subtract point
    Cali (0 Points) April 7, 2010 at 8:24 pm

    Thank you!! This was great information.

    Flag as inappropriate
  36. Add point Subtract point
    Chris (0 Points) April 7, 2010 at 3:51 pm

    excellent tutorial with some really great tips – thank you! adjustment layers present endless interesting combinations and possibilities….it’s amazing.

    Flag as inappropriate
  37. Add point Subtract point
    Mike (0 Points) April 4, 2010 at 3:41 pm

    Love it – great article and very useful tips. Thanks.

    Flag as inappropriate
  38. Add point Subtract point
    Uldens (0 Points) April 3, 2010 at 8:52 am

    Really usefull!

    Thanks!

    Flag as inappropriate
  39. Add point Subtract point
    Glauber (0 Points) April 1, 2010 at 5:40 am

    Great tutorial. Thanks a lot!

    Flag as inappropriate
  40. Add point Subtract point

    First blog article I read about this topic, and I’ve read a lot, big ups!

    Flag as inappropriate
  41. Add point Subtract point
    dpersson (0 Points) March 30, 2010 at 4:55 am

    Really liked the “blockbuster”, gonna play around with that. :)

    Flag as inappropriate
  42. Add point Subtract point
    afiq ikwan (0 Points) March 29, 2010 at 11:17 pm

    terbaeekkk deeeeeeeee ;D

    Flag as inappropriate
  43. Add point Subtract point

    Nice! really appreciate it!
    thanks a lot!

    Flag as inappropriate
  44. Add point Subtract point
    Progya (0 Points) March 27, 2010 at 5:51 am

    This was very useful.
    And I completely agree with the conclusion.
    Thank you so much :)

    Flag as inappropriate
  45. Add point Subtract point

    Great Post.. I Like Tutorial 9 thanks so Much

    Flag as inappropriate
  46. Add point Subtract point

    very nice & helpful post. thank you

    Flag as inappropriate
  47. Add point Subtract point
    Adrian (1 Point) March 24, 2010 at 1:34 am

    Thanks, Its a great post.

    Congratulations

    Flag as inappropriate
  48. Add point Subtract point

    nothing happens on rollover image
    great tut though,thanks a bunch

    Flag as inappropriate
  49. Add point Subtract point
    chillyweed (1 Point) March 19, 2010 at 4:30 pm

    Omg thx so much for the tips xD

    Flag as inappropriate
  50. Add point Subtract point
    evertt de sousa (0 Points) March 19, 2010 at 1:51 pm

    Very nice post !! Congratulations……

    Flag as inappropriate
  51. Add point Subtract point
    kaishiang (0 Points) March 17, 2010 at 10:41 am

    Great article!!! Thanks :)

    Flag as inappropriate
  52. Add point Subtract point
    keukens (0 Points) March 17, 2010 at 8:59 am

    Very interesting. I never found useful tutorials about this. Adjusting colours like this is very difficult for me.

    Flag as inappropriate
  53. Add point Subtract point
    Ostap (0 Points) March 17, 2010 at 6:05 am

    Helpful articles! Thanks!

    Flag as inappropriate
  54. Add point Subtract point
    vlado varbanov (0 Points) March 16, 2010 at 3:58 am

    I’m following this and previous explanations for curves and color corrections and I think it is the most well explained tutorials aver the net.

    Flag as inappropriate
  55. Add point Subtract point
    Federico Capoano (0 Points) March 15, 2010 at 5:24 pm

    I was wrong, it’s working fine.

    Flag as inappropriate
  56. Add point Subtract point
    Junkie Creations (1 Point) March 15, 2010 at 12:21 pm

    Another useful and essential article for Photoshop basics.

    Flag as inappropriate
  57. Add point Subtract point
    Mino BuG’ (0 Points) March 14, 2010 at 3:55 pm

    Thanks for useful content:)

    Flag as inappropriate
  58. Add point Subtract point
    stenzel (0 Points) March 14, 2010 at 10:50 am

    Nice article – thanks!

    Flag as inappropriate
  59. Add point Subtract point
    Nimit Kashyap (0 Points) March 14, 2010 at 9:55 am

    very useful post again…thanks

    Flag as inappropriate
  60. Add point Subtract point
    Symon (0 Points) March 14, 2010 at 8:15 am

    An interesting article with excellent references. Thank you.

    Flag as inappropriate
  61. Add point Subtract point
    Jodi Allen (0 Points) March 13, 2010 at 10:20 pm

    Color correction…color shift…color whatever you may want to or think it should be called, awesome article! Thank you for sharing :-)

    Flag as inappropriate
  62. Add point Subtract point
    herrMartin (-1 Points) March 13, 2010 at 2:43 pm

    I think “color correction” for the headline is misleading in this case, the article is more about color grading. to create looks and not to correct color shifts, color temperature mixture, etc.

    Flag as inappropriate
  63. Add point Subtract point

    Man Chris, You did it again, another great tutorial.

    Flag as inappropriate
  64. Add point Subtract point
    Matthew Heidenreich (0 Points) March 12, 2010 at 8:31 pm

    great guide! You can never know to much about this.

    Flag as inappropriate
  65. Add point Subtract point
    jeremy (0 Points) March 12, 2010 at 8:30 pm

    This is an area which I need to work on so thank you for this tutorial.

    Flag as inappropriate
  66. Add point Subtract point
    Diana Eftaiha (0 Points) March 12, 2010 at 8:07 pm

    amazing article
    thanks for the great tips

    Flag as inappropriate
  67. Add point Subtract point
    Lava360 (0 Points) March 12, 2010 at 2:23 pm

    wonderful explanation. thanks for the tips

    Flag as inappropriate
  68. Add point Subtract point
    Web Design Soul (0 Points) March 12, 2010 at 12:31 pm

    Very useful and interesting for me. Thanks for nice tutorial.

    Flag as inappropriate
  69. Add point Subtract point

    This is a great tutorial… just spent the morning ‘bronzing’ photos. Thanks!

    Flag as inappropriate
  70. Add point Subtract point
    Elena (0 Points) March 12, 2010 at 11:06 am

    This is so wonderful. I’ve used curves before but have always fumbled through it. You’ve explained so clearly how they work. I love the different styles of photo correction. Thanks for bringing simplicity to such a daunting process.

    Flag as inappropriate
  71. Add point Subtract point
    Dawngtea (0 Points) March 12, 2010 at 9:57 am

    Great… just what i’m looking for all this time..

    Flag as inappropriate