Categories

Sep 13, 2016

How to Use Complementary Colors in Photoshop

How to Create & Use Complementary Colors in Photoshop

Certain color combinations will always look good together, the most simple color combination being complementary colors. Learn how to identify and create complementary colors, then change the background of a photo to compliment the subject!

How to Use Adobe Color Themes

Complementary colors are opposites on the color wheel. In case you don’t have a color wheel lying around, Adobe has one built-in to Photoshop.

To access the color wheel called “Adobe Color Themes” go to ‘Window – Extensions – Adobe Color Themes’. In this dialog, you can create different color themes including complementary colors, analogous colors, triad colors and more!

To create a complementary color of an existing color in your image, first use the eyedropper tool to sample a color. Then click on the icon below the color wheel in the Adobe Color Theme Dialog labeled ’Set selected color from active color’. This will load the color you just chose using the eyedropper tool into the Adobe Color Theme Dialog. For best results, be sure to have the center color box chosen in the Adobe Color Theme Dialog.

Once the appropriate color is chosen, click on the drop-down menu on the top of the Adobe Color Theme Dialog and navigate to ‘Complementary’. The colors below will now represent a collection of complementary colors.

To retrieve more information on any color, choose it from the 5 available color boxes and note the numbers below. Each color can be identified based on different values. You will see values for CMYK, RGB, HSB, and HEX codes.

These values can be plugged into any color window to accurately match colors.

How to Change Colors in an Image

Now that the appropriate color has been sampled, loaded into the Adobe Color Theme Dialog and a complimentary color has been chosen, it is time to color objects in the photo to represent the complementary colors.

Changing colors in an image can be done in many ways, in this example, we cover 2 methods for coloring an image.

The easiest method is to create a ‘Hue/Saturation’ adjustment layer by going to ‘Layer – New Adjustment Layer – Hue/Saturation’. Click on the ‘Colorize’ button in the Hue/Saturation Dialog, then enter the Hue number from the HSB values on the Adobe Color Theme Dialog.

In this example, we chose a hue of 159, making the background a nice green to compliment the red/brown in the hat.

The last step is to use a layer mask to make the green layer visible over the background and nowhere else. Because the background of the image is one color, we use ‘Select – Color Range’ to select out the background and load the selection into the layer mask.

There are many ways to make selections and masks, feel free to use the method that is most comfortable to you!

21 Comments


user image You
(will not be published)

  • user image
    Bill

    Aaron, You do far more than teach me about tools and technique. You open my eyes and mind to possibilities. Thanks for that.

  • user image
    Darek

    Is it possible to select a complimentary color in CS6 (not CC)? I do not have Adobe Color Themes extension.

    • user image
      Warren

      Yes, Darik, it is, but Aaron didn’t mention that in CS6, the extension is a bit less and has a different name.
      Go to Window > Extensions > Kuler. When the panel opens, click the Create tab. Much of what Aaron presented is in Kuler.

  • user image
    John

    If I change the color of the wall in a shot like this wouldn’t I want to add some of that color as a reflection into the shadow areas? And is there a good technique for doing that you could suggest? Thanks

  • user image
    Pablo Miguel

    Great turtorial!!! as usual.. thanks Aaron.
    Lately I’ve been working with the vanishing point tool and I realize that it can be a very powerful tool and that I have no idea where to start with it. Can you show us how does it work?
    Thanks Aaron and thanks to the Phamily

  • user image
    Ann

    I love all of your short tutorials and learn so much from them. . Would you consider doing something with Image calculations

  • user image
    Günter

    Thanks, Aaron!! Every week something new and if you once know how to do it, its soo easy.
    Which software(s) are you using to create your tutorials?

    • Seth

      Simply use QuickTime to record the screen and Adobe Premiere Pro to edit the video.

  • user image
    Michael Newby

    I’m running Photoshop 2015. I tried the color theme ,but it wont load up. Does it work with 2015? I go to ” window” and click on “Extensions” then click on “Adobe Color Themes” The window pops up but never loads. 4 little squares just keep rotating. Am I missing something?

  • user image
    mike newby

    Hi Aaron:
    I am running 2015.5 and when I try to load the color wheel a window pops up and 4 little squares pop up and do nothing but has the look of rotating . It never loads. Any Ideas????

  • user image
    patrichard69

    The tutorial was very informative. Just wondering if you can speak more slowly when explaining each step on the process (so beginners like me can catch on, lol).
    Thank you, much appreciated.
    plr

  • user image
    Le

    Hello Aaron, I do understand that you teach me through step-by-step tutorials. But where can I download the picture like your ones to practice sir?