High Key Images


Site Search


High key images - you've probably seen them and maybe even wondered "how the heck do they do that"?

I was wondering the same thing but didn't know what they were called so I had no idea what search term to use.  I figured that they were created with Photoshop but how to achieve that great look was a puzzle.

Once I knew what these compelling and dramatic images were called then there was no problem finding out how to create them from my own images.

This tutorial is dodge intensive - you're going to do a lot of dodging.  The easiest method, of course, is to use a Bamboo or Intuos tablet from Wacom especially when the brush dynamic is set to opacity.


High Key Background


There are many, many different methods to create high key images so I had to sift and sort through them all to find the technique I felt produced the best results.

This is the technique that is presented here and it will only work with the full versions of Photoshop.  Photoshop Elements users will find a method that will work for you in the Elements section of this site.

Unfortunately, I have no idea where I found it so I have no idea who to credit for this technique.

This is the image I chose for this technique. Most high key images are applied to portraits and this one is no different. I found the original photograph at Stock Exchange.

This is the kind of image you will be able to easily create after you complete this tutorial.


Original High Key
original image high key image

The end result of the high key technique is really a personal preference. What looks great to me may not be to your liking.

One thing is absolutely true - these images are always dramatic and you'll receive positive comments about your creation.


How To Create A High Key Image


The first thing you need to know is that this is a brush intensive technique that is best done with a Wacom tablet (either Bamboo, Intuos or Cintiq).  It can be completed with a mouse but it will be much more difficult than it is with a pen and tablet.

This is a 5 step technique and if you work through each one then you will have a dramatic high key image at the end!
high key original
Here are the steps ...

  1. Open your image in Photoshop, Duplicate the background layer and convert the background copy to black and white.

  2. Remove as much black as you can while still keeping the important features (eyes, nose, lips).

  3. Keep the eyes nice and sharp.

  4. Dodge, dodge and dodge.

  5. Final adjustments.

Let's get started with this image ...




Step 1 - Convert To Black and White


The first step is to creating a high key image is to duplicate the background layer and convert the new layer to Back and White.  There are any number of ways to do the conversion but I chose Channel Mixer for this image.

What I did was go to the Channels Palette and looked at each channel in turn (the Red, the Green and the Blue).  I was looking for the channel that had the lightest skin tones and for this image it was the Red Channel.  Yours could be a different channel.

Go back to the layers palette and create a new Channel Mixer adjustment layer, click Monochrome and put 100% in the channel you have chosen and 0 in the other two channels.  For this image Red = 100%, Green = 0% and Blue = 0%.


high key black and white high key layer
Black and White Conversion The Layers Palette

This is how the image looks.

The skin tones are nice and light now so that takes away some of the work later.

The only problem is that we have three layers and we only want two.  That is easily corrected by selecting Layers > Merge Down - and this is what we have now.

High Key Merged Layers

Now we can work on the black and white image directly in the next step ...

Step 2 - Lighten Skin Tones


In this step the skin tones will be further lightened with care taken not to eliminate the important parts - like the lips and nose and eyes and eyebrows.  

Go to Image > Adjustments > Curves to bring up the Curves Dialogue box.

This is the adjustment I made on this image and the resulting change in the image.

High Key Curves High Key Curves Adjusted
Curves Adjustment The Result

This has lightened the image even more with just some shadow detail around the eyes, below the lips and nose and on the cheek.

If you feel really brave then you can do some other things like Brightness/Contrast or Shadows/Highlights.  This is your image, after all!

The next step will keep the eyes nice and sharp ...

Step 3 - Sharpen The Eyes


You really don't need to do this step but it adds a bit to the overall end product.

Here are the steps ...
high key history palette
  1. Open the History Palette (yes - the History palette).

  2. At the bottom of the palette is a little camera (outlined in red) - click on it and you will see a Snapshot of the present state of the image appear at the top of the palette.

  3. Go to Filter > Sharpen > Unsharp Mask and set the Amount way high - like 500.  Move the Radius slider all the way to the left and then use the up arrow on your keyboard to increase the radius value.  You will know when to stop because the picture will suddenly pop.

  4. Click OK and then take another Snapshot with the little camera.

  5. The next thing is to take the information from the Unsharp Mask Image and move it to the Curves Image.  

    This is done by clicking the little box to the left of the Unsharp Mask Snapshot (Photoshop puts a little History Brush there) and then highlighting the  other Snapshot (After Curves in this case).

  6. Select the History Brush and carefully brush over the eyes (and any other place you want to Sharpen).
What you will end up with are two really, really sharp eyes with the rest of the image being normal.


Step 4 - Dodge, Dodge and Dodge



This is where you get to use the Dodge Tool - a lot.  The Dodge Tool and the Burn Tool live together with the Sponge Tool - keyboard shortcut  O.
high key dodge
The Dodge Tool has three ranges:

  • Highlights
  • Midtones
  • Shadows

and you can also set the exposure anywhere from 1% to 100%.

This step is much easier to complete with a pen and tablet because you can set the brush to change opacity with pressure.  This gives you both Exposure and Opacity changes at one time.

Start by inspecting the background to decide on the Range to use and set your Exposure to about 30%.

You really don't want to remove the background too quickly - it is best to work at it slowly and consistently.

Start at the edge and work around the image slowly into the center, moving closer and closer to the edge of the image as you go.  

high key start high key image 1 high key image 2
After Curves Starting at the edge Moving into the image


You can see from the screen shots that the background is slowly and surely becoming lighter and lighter.  

If you watch the Histogram as you go you will see it moving further to the left as you go. Remember, there is no right or wrong with this technique.  You stop when you are satisfied with the look of your image.

high key histogram high key histogram
Original Black and White Histogram Histogram after Curves
high key histogram 3 high key histogram 4
Histogram after starting Histogram near completion

Working The Face

A few suggestions and comments about working the face ...

  • You can leave the eyes dark or lighten them to taste.

  • Dodge the eyelids and any lines under the eyes.

  • Make sure any shadows at the edge of the face are dodged.

  • Lower the Exposure when Dodging the face so you don't remove any important shadows.

  • At the bottom of the History Palette to the left of the little camera (Create new snapshot) is another icon - (Create new document from current state).  This is an amazing feature in Photoshop - use it liberally!

  • Use a Wacom Tablet.



The only thing to do now is some fine tuning of the image if you wish ...

Step 5 - Fine Tuning

There are a lot of different things you can do to fine tune the final image.  Cycle through the Filter Gallery and the Filters and try out the different effects.  

Some of the more interesting ones are ...

high key poster
Adding Effects and Fine Tuning the High Key Image
  • Poster Edges in the Artistic Panel (thumbnail)
  • Craquelure in the Texture Panel
  • Grain in the Texture Panel
  • Add Noise
  • Lighting Effects in Render
You can also experiment by changing the Layer Blending Modes, especially Screen to add in a bit of the original color.


Another Approach


Up to this point the high key technique has been brush intensive and it produces great results.   There is another way to achieve the same results using Advanced Blending and it is really quite neat as well.

You will find it right here ...

Video



High Key Video


Any Problems or Questions About
This High Key technique?

This technique for creating a high key effect can be somewhat challenging.

Do you have any comments or questions about the technique or perhaps a suggestion (the great thing about Photoshop is that there are many, many different paths to arrive at the same destination)?

We would love to see some feedback on the technique and an image to show everyone your high key conversion would be truly awesome ...!

Enter Your Title

Enter your comments or questions ...[ ? ]

Upload your high key image here ...[ ? ]

Add a Picture/Graphic Caption (optional) 

Click here to upload more images (optional)

Author Information (optional)

To receive credit as the author, enter your information below.

Your Name

(first or full name)

Your Location

(e.g., City, State, Country)

Submit Your Contribution

Check box to agree to these submission guidelines.


(You can preview and edit on the next page)




On Page Links

Background

The steps to create a High Key Image

Another Approach

Video

High Key Images

  • Very dramatic.
  • There is no "correct" image - the final result is dependent on individual taste.
  • Extensive use is made of the Dodge Tool.
  • The dodging will be much easier and much more effective if a Wacom Tablet is used (Bamboo or Intuos).
  • Layers are our friends and they work well with this conversion.
  • You can hikey just about anything.
  • AKA - Angel drawings.

High Key Examples

high key
Angel


high key
In progress


high key
Dark version


high key
Lighter version


high key
My puppy, Tabitha
the Mini Bull Terrier













 Photoshop In A Day Photoshop In A Day

Enjoy This Site?
Then why not use the button below, to add us to your favorite bookmarking service?

Return to top

Site build It!

Use the Contact Form to ask questions, provide feedback or comments.

Questions are good - so are comments - or requests!

Return to Photoshop Tutorials from High Key
 
Copyright© 2009-2013.