Color Correction Basics in Photoshop _ Tutorial9

7/29/2019 Color Correction Basics in Photoshop _ Tutorial9

1/15

Subscribe & Follow

Gsete-ne pe Facebook.

Susana Erick Kisan Erwin Unice

Moody Da Nank Jussie Taiwo Alperen

Tutorial9

4,028 persoane apreciaz Tutorial9.

mi place

Modul social Facebook

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

TutorialsTutorials DownloadsDownloads Articles & InspirationArticles & Inspiration Submit link +Submit link +

Color Correction Basics in PhotoshopPosted by Owen James in Photoshop Tutorials on March 12th, 2010

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 avai lable in previous versions of

Photoshop. Or in any decent photo-editing software.

Primary Color CorrectionIn 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, youll 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 TipKeep effects on adjustment or separate layers to enable quick alteration or removal at any time during the color

correction process.

Monochrome and Sepia

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

Step 1: First, lets make our image grayscale. There are various ways to do this, but well 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 youre using an older

version, skip to the next step.

or Correction Basics in Photoshop | Tutorial9 http://www.tutorial9.net/ tutorials/photoshop-tutorials/color-correction-...

n 15 9/19/2011 5:15 PM


2/15

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 its starting to look right.

Step 3: Lastly, perfect color brightness of your image with the sliders in the Black & W hite 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 y oull be in danger ofposterizing the image.

Usually changes solely in the Black & White fi lter are not enough to correc t the image; so apply a Curves adjustment

layeron top and get your image looking right. (Its best to do these steps last after your color adjustments so that

youre seeing and effecting the color-corrected spectrum.)

And, for sepia, youre 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 y our 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.


n 15 9/19/2011 5:15 PM


3/15

This leaves a silver tint on the photograph, as if the black-and-white and color image had been combined. So thats

exactly what were going to do.

Step 1: Apply the Black & White adjustment layeronce 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 layeron 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 youre 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 its monochromatic.

Quick Color Theory

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

Take a look at the color wheels below. Youll notice the three primary colors in ourRGB color model: red, green

and blue. Then, in between those youll notice the secondary colors ofCMY: 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.

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

Red Cyan


n 15 9/19/2011 5:15 PM


4/15

Green Magenta

Blue Yellow

Another six tertiary colors are created by mixing primary and secondary colors. But we dont 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 layeryou 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.

Blockbuster/Fashion Look

Ok, now that we got that covered, lets begin. This sty le is used a lot in big summer movies, such as the Transformer

films. Its 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. Youll 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 cant 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, lets stylize our photo.

Step 1: Apply a Curves adjustment layerto your image.

Quick TipNearly every colorist starts color correction wi th 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. Well work backwards up the list, starting with blue and ending with RGB.


n 15 9/19/2011 5:15 PM


5/15

What well 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 firs t adjustment, well want to decrease the blue in the highlights taking it towards yellow

so that the skin tones stay closer to being correct.

Step 3: Youll 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 theres 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, youll want to go with the option that subtracts, not adds.

And thats what well 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 youd 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 youre 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.

Im 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 layerand drop the saturation to around -10.

The change is ever so slight. But, its perfection. And now youve got a blockbuster or fashion-style image. Smashing.


n 15 9/19/2011 5:15 PM


6/15

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 shouldnt 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.

Lets use a picture with more colors and a larger tonal range. Itll be easier to see whats happening.

Step 1: Start by applying a Photo Filter adjustment layerto 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 layernext. 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.

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 blurto the layer. Do not blur too much!

If you put too much blur, your final image will look like its from a dream sequence very soft.

For this picture, Im using a 2.5 pixel blur.

Change the blending mode of the blurred image to Overlay. Youll 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.

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


n 15 9/19/2011 5:15 PM


7/15

49 mi place 23 people like this.

116 Comments

Harry Hilders(1 Point)March 8, 2011 at 9:45 am

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 effec ts to will react differently. You shouldnt 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.

Thats a great way to learn. Have fun.

Tags:color correction, color theory, curves in photoshop,photoshop adjustments

Name:

Email:

Website (optional):

Message:

AddReplyAddReply


n 15 9/19/2011 5:15 PM


8/15

Useful tutorial. Thanks.

Flag as inappropriate

photoshopcs6(1 Point)January 4, 2011 at 6:48 am

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


Brett Widmann(2Points)November 25, 2010 at 7:36 pm

This is a very helpful tutorial Thanks for sharing.


black.friday.boys (1 Point)November 10, 2010 at 9:55 am

nice tutorial, old post but sti ll useful for me


Ebooksm(1 Point)September 26, 2010 at 2:54 pm

thank you so much this is so awesome.


Agogs Design(1 Point)September 25, 2010 at 8:10 am

I LOVE IT

many thanks


Pikartz(1 Point)September 23, 2010 at 5:29 am

really nice article


Pikartz(1 Point)September 23, 2010 at 5:27 am

reallly nice article.


vijay savaj(1 Point)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.


mtfxdd(1 Point)August 30, 2010 at 4:51 am

good job. thanks for sharing.


Chazey(1 Point)August 18, 2010 at 3:32 am

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


Mikki(1 Point)August 9, 2010 at 9:51 pm

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


n 15 9/19/2011 5:15 PM


9/15

fantastic learned a deal.


Dane(1 Point)August 8, 2010 at 1:15 am

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


teaco(1 Point)July 24, 2010 at 6:38 am

Really well explained. Thanks so much for this tutorial.


zzw(1 Point)July 14, 2010 at 9:10 am

Thank You

for this tutorial

I need many tutorial


Sanarok(1 Point)July 7, 2010 at 11:39 pm

Hi,

Nice to see such a detailed tutorial for color correction. Im very much helpful with tutorial. Thank you for posting

this.


oliver(1 Point)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/


Li Xin(1 Point)June 24, 2010 at 5:36 pm

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

experience.


Dries(1 Point)June 7, 2010 at 11:04 am

Good article! Verry simple, yet so educationall!


Abhishek(1 Point)June 7, 2010 at 3:06 am

Very interesting topic choose by u..

its help me lots..


ovYce(1 Point)June 6, 2010 at 3:05 pm

Thanks alot. :)


wantfee(1 Point)May 26, 2010 at 2:49 am

Im learning the this. Great tutorial.



n 15 9/19/2011 5:15 PM


10/15

adrian fallas(1 Point)May 16, 2010 at 6:41 pm

Really cool tutorial Ive been looking for something like this fo r a long time really glad you came with

something like this sorry to post so late haha


Ashish Gaikwad(1 Point)May 10, 2010 at 11:56 pm

Lovely tutorial. Really priceless knowledge Thanks for then efforts.


hamam bcei ilalama(1 Point)May 7, 2010 at 7:10 am

it s perfect sample thank

http://www.bocekilaclama.gen.tr


TuanAnh(1 Point)May 1, 2010 at 2:35 pm

just amazing detailed tut!

thanks so much!


Web Design(1 Point)April 26, 2010 at 7:53 pm

Wow amazing thanks for sharing. Just what i needed


Maksim Shaihalov(1 Point)April 23, 2010 at 6:24 am

usefull article! thx!


circular saw blade(1 Point)April 19, 2010 at 10:48 pm

thanks and nice article


cincobayou(1 Point)April 17, 2010 at 5:13 am

I am a novicethis was great help. Thank you very much.


MediaTech(1 Point)April 15, 2010 at 9:28 am

Cool, great stuff, thx :)


Andr Von Weimar(1 Point)April 13, 2010 at 9:37 am

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


wisnu kala(1 Point)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 :)



din 15 9/19/2011 5:15 PM


11/15

nan(1 Point)April 12, 2010 at 7:36 am

this is just what i need. Thanks.


MILAD(1 Point)April 12, 2010 at 5:18 am

so useful!!!


Psdtop(1 Point)April 11, 2010 at 11:00 am

Very nice article, add this site in bookmarks


Nauman Akhtar(1 Point)April 11, 2010 at 3:20 am

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


Coco(1 Point)April 8, 2010 at 11:38 am

Id always wondered how to achieve effects like this, didnt know it was so easy! Thanks for your easy-to-

understand tutorialI dont think I would have quite figured out the usefulness of some of the adjustment layers and

blending modes without it! :D


Cali(1 Point)April 7, 2010 at 8:24 pm

Thank you!! This was great information.


Chris(1 Point)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.


Mike(1 Point)April 4, 2010 at 3:41 pm

Love it great article and very useful tips. Thanks.


Uldens(1 Point)April 3, 2010 at 8:52 am

Really usefull!

Thanks!


Glauber(1 Point)April 1, 2010 at 5:40 am

Great tutorial. Thanks a lot!


Bene(1 Point)March 31, 2010 at 2:49 pm

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


dpersson(1 Point)


in 15 9/19/2011 5:15 PM


12/15

March 30, 2010 at 4:55 am

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


afiq ikwan(1 Point)March 29, 2010 at 11:17 pm

terbaeekkk deeeeeeeee ;D


Udit(1 Point)March 29, 2010 at 2:07 am

Thanks a ton !!


Nik(1 Point)March 27, 2010 at 11:06 am

Nice! really appreciate it!

thanks a lot!


Progya(1 Point)March 27, 2010 at 5:51 am

This was very useful.

And I completely agree with the conclusion.

Thank you so much :)


andy(1 Point)March 25, 2010 at 3:57 am

Great Post.. I Like Tutorial 9 thanks so Much


adam(1 Point)March 24, 2010 at 8:26 am

very nice & helpful post. thank you


Adrian(1 Point)March 24, 2010 at 1:34 am

Thanks, Its a great post.

Congratulations


ali(1 Point)March 20, 2010 at 5:59 am

nothing happens on rollover image

great tut though,thanks a bunch


chillyweed(1 Point)March 19, 2010 at 4:30 pm

Omg thx so much for the tips xD


evertt de sousa(1 Point)March 19, 2010 at 1:51 pm

Very nice post !! Congratulations



din 15 9/19/2011 5:15 PM


13/15

kaishiang(1 Point)March 17, 2010 at 10:41 am

Great article!!! Thanks :)


keukens(1 Point)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.


Ostap(1 Point)March 17, 2010 at 6:05 am

Helpful articles! Thanks!


vlado varbanov(1 Point)March 16, 2010 at 3:58 am

Im following this and previous explanations for curves and color corrections and I think it is the most well

explained tutorials av er the net.


Federico Capoano(1 Point)March 15, 2010 at 5:24 pm

I was wrong, its working fine.


Junkie Creations(1 Point)March 15, 2010 at 12:21 pm

Another useful and essential article for Photoshop basics.


Mino BuG(1 Point)March 14, 2010 at 3:55 pm

Thanks for useful content:)


stenzel(1 Point)March 14, 2010 at 10:50 am

Nice article thanks!


Nimit Kashyap(1 Point)March 14, 2010 at 9:55 am

very useful post againthanks


Symon(1 Point)March 14, 2010 at 8:15 am

An interesting article wi th excellent references. Thank you.


Jodi Allen(1 Point)March 13, 2010 at 10:20 pm

Color correctioncolor shiftcolor whatever you may want to or think it should be called, awesome article! Thank

you for sharing :-)


herrMartin(1 Point)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


din 15 9/19/2011 5:15 PM


14/15

create looks and not to correct color shifts, co lor temperature mixture, etc.


Tony(1 Point)March 12, 2010 at 11:22 pm

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


Matthew Heidenreich(1 Point)March 12, 2010 at 8:31 pm

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


jeremy(1 Point)March 12, 2010 at 8:30 pm

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


Diana Eftaiha(1 Point)March 12, 2010 at 8:07 pm

amazing articlethanks for the great tips


Lava360(1 Point)March 12, 2010 at 2:23 pm

wonderful explanation. thanks for the tips


Web Design Soul(1 Point)March 12, 2010 at 12:31 pm

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


Ryan(1 Point)March 12, 2010 at 11:24 am

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


Elena(1 Point)March 12, 2010 at 11:06 am

This is so wonderful. Ive used curves before but have always fumbled through it. Youve explained so clearly how

they work. I love the different styles of photo correction. Thanks for bringing simplicity to such a daunting process.


Adam M(0Points)March 12, 2010 at 10:16 am

Nice. Thanks Tutorial9


Dawngtea(1 Point)March 12, 2010 at 9:57 am

Great just what im looking for all this time..



din 15 9/19/2011 5:15 PM


15/15

Home | Contact us | Advertise | Privacy Policy | Terms of Use 90 queries. 0.744 seconds 2011 tutorial9


Documents

Color Correction Basics in Photoshop _ Tutorial9