The Ultimate Photoshop Resource

Color and Light Matching for Composites in Photoshop


by Frank Bramkamp

intro

Photo composites are a great way to express your creativity and vision as an artist. You can craft images that otherwise cannot be accomplished. Many people shoot landscapes or architecture, which make fantastic backgrounds of a scene. But not everyone has access to models and fine garb. Therefore, using free stock images of models is a viable alternative. A good resource is e.g. https://www.deviantart.com. Whenever using free stock images, you should mention the source and carefully read the terms of use. Also seek premission to use other people’s photographs if they don’t have a terms of service.

Since the model has typically been shot in a different environment than you used to photograph your background, one of the occurring problems is to match the color and light, which is essential to make the final composite believable. For more on my photo composites, also read my recent article that I wrote for Alien Skin Software:Exposure for Photo Composites

In the following, we will place a model into a landscape scenery. The model is supposed to walk across the field. The landscape is a typical view of German country side, where I live. For the model, we use this free stock image. by Faestock.

The final photo composite

MANUAL_final_picture

1

The first step is to cut out the model from the original photo and to place her into the new background. Obviously, the dress is far to bright and the colors do not match with the new scene.

Original photo of the model, placed into the new background

MANUAL_step_1

2

In the next step we considerably darken the model using curves. This way we can darken the highlights more than the shadows. Best to use a Curves adjustment layer, so you can still modify it afterwards. Since we make several changes, the option to finetune the Curves in a non-destructive manner is very useful.

MANUAL_step_2

Darken the subject using curves

3

For the landscape, I applied a texture to give a painterly feeling. In detail it is the texture Rice Paper from OnOneSoftware Perfect Effects. (You can also find free textures online by doing a search)

I kept some of its color to obtain a stained look. To match the texture, we also apply the same texture overlay to the model. Textures are often applied in a contrast blend mode, e.g. soft light. Here a stronger effect is achieved using the vivid light blend mode at reduced opacity. Furthermore the saturation is slightly reduced.

Apply texture to the model

MANUAL_step_3

4

After the texture has been applied, the skin takes on too much yellow of the texture and the hair is still too red. One technique that I use all the time for color matching is to use the Average filter in Photoshop. This will produce a representative color for the background image.

Use the Average Filter to obtain a representative color of the background

MANUAL_average_color

5.

Create a new layer filled with this color, set to the Color blend mode at a low opacity, allows a good matching. Since we only want to apply the color layer to the model, we use a clipping mask. To create the clipping mask, position the color layer above the woman layer. Hold down the alt/Option key and move your cursor between the 2 layers, you will see an arrow appear. Click to apply.

Match the foreground color using the averaged background colorMANUAL_step_4

6

In the last step we want to account for the light that shines from the sky on the hair, and we also want pick up some of the light that is reflected from the ground onto the model and the dress.

To account for the variation of color and light of the background, duplicate the background layer.

Move it above the woman layer.

Choose Filter>Blur>Gausian Blur to blur the background layer until details vanish and we obtain a smooth variation of the color.

Blur the background

MANUAL_gaussian_blur

7

Next we project its colors on the model, by choosing the Soft light blend mode, at reduced opacity. Again, we use a clipping mask, to limit the effect onto the model. The hair gets a beautiful rim light and the skin as well as the dress take on the color of the surrounding. This completes the color and light matching.

MANUAL_step_5

Project the blurred background on the model

[mc4wp_form id=”4721″]

MANUAL_final_picture

If you really enjoyed this, you may want to step up your your skills with our premium video tutorials on Download or DVD. This support is also how we keep the lights on here at the CAFE and enables me to write free content.

Happy photoshopping and leave a comment !

 

Get in-the-know!

CS6 Superguide

Join our list to receive more tutorials and tips on Photoshop. Get exclusive tutorials, discounts and the free super guides. No spam, all content, no more than once a week.
If you’re on our list, you will receive it free by email as soon as it’s available. If not, sign up now and get the CS6 Superguide for free. Or click the image below.


12 responses to “Color and Light Matching for Composites in Photoshop”

  1. Looks amazing, but the instructions were not specific at all… I got so lost after the texture thingy…

  2. To be honest, this doesn’t look convincing at all. It has that stereotypical “overly-processed bad photoshop” look to it. At the very least you could have done without the overused faux-canvas texture.

    • Not supposed to be “convincing” By that I’ll assume you mean “realistic”? It’s stylized as the artist (Frank) intended it to be, this is actually a very popular genre with younger artists. We all have different tastes and we shouldn’t let our personal preferences cause us to be prejudiced.

  3. You are a genius! Averaged the color of a dogs furry face, and all the shots matched no matter what color background he was shot on. Where have you been my last 25 years???

  4. Thanks for the tutorial. I just completed a composite for an album insert. This tutorial made the composite consistent throughout and the band loved it. Once again, thank you.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.


Access The Photoshop Vault

Unlock dozens of valuable Photoshop resources for FREE

The Ultimate

Photoshop Resource