People really struggle to match the colors on different layers when they are combining photos in Photoshop. This is one of those tutorials that has been requested for quite a long time. This tool isn’t new in Photoshop, but I’m surprised how many people don’t know that it even exists. So without further rambling from me, let’s jump in and do this! Don’t forget to subscribe to the newsletter and become part of the CAFE CREW! Who? That’s you 🙂 (Ok, I just made that up). But really, subscribe!
Edited written instructions with screen grabs coming soon!
Hey Cafe Crew, it’s Colin Smith here from PhotoshopCAFE with a brand new tutorial this week.
I’m going to show you how to match the colors between backgrounds and objects once you’ve cut them out and combined the different photos or otherwise known as compositing.
I’ve grabbed some photographs from Adobe Stock. I have a photograph of the woman and then I’ve grabbed two different background because I’m going to show you two different scenarios with two different techniques: A simpler, more monochromatic cooler image and a more complex image with multiple colors.
You can find the photos here
When you are compositing or combining images from different sources such as your own photos or photos from different stock sites and you’re trying to get the colors to match.
I’ve cut out the lady, as you can see. And I’m not going to go through those steps because I’ve got lots and lots of tutorials on how to do that. I’m going to show you how to make the colors match.
Lets get started with the first example.
Make sure you have selected the layer that you want to change the color on (the woman). Choose> Adjustments>Match Color.
Under the Match Color, we want to choose the background for the overall toning from this background and apply it to our woman.
Under Source, choose the right source “roof top balcony with cityscape” That is the document we’re working in.
Under Layer: choose the background layer. Now, immediately, it’s going to apply the color for the background. No, it doesn’t look good yet. Don’t worry, relax, we’ve got a few steps we’re going to take care of.
The fade slider is how much of that color is applied, so it’s kind of like a volume control for the color. So let’s bring it up until we get to about the right amount. Don’t worry about the toning or everything right now, just the color.
I’m looking at the colors here in the white, and that’s why I chose this woman in the white dress. It makes it easy to kind of see the color toning
And the next thing we want to adjust is the luminance (the brightness). Let’s bring it back a little bit. It was getting blown out and losing details.
All right, so we can come back and we can adjust things later, don’t worry. But the next thing is the Color Intensity. This is kind of like a saturation. If I bring this down, notice it’s going to go completely black and white.
If I go all the way up, it’s going to go very, very colorful.
I’m noticing that this scene is a little bit desaturated, so I’m actually taking this less than 100 because we want to match that.
So let’s have a look at this. I’m just going to apply it and let’s see the before and the after. There’s the before, where she was much warmer than the background,
and the after, where it matches. Now, you could adjust the brightness of her if you want to using Curves or do that on the next image, but this is not bad.
So let’s go to the next one. So let’s choose the image. If we go down to our adjustments, and we go down to match color, this is not going to work and I’ll show you why. If we repeat all the previous steps this is what’s going to happen.
It’s going to get weird now because it’s selecting the blues. It’s selecting all the colors from the sky and the ground and it’s creating kind of an average color and it’s just not going to work.
So here’s what we do, we grab our Marquee Tool and we’re going to make a selection around here where we’ve got this color
That’s one way you could do it.
Or if you want to be even more accurate, what you want to do is look for an area that would normally be neutral gray, say this building here, and just make a selection around there.
Look for something that should be gray that’s obviously being hit by the sunlight; not the shadow, otherwise, you’re not going to get the color.
Choose>Adjustments> Match Color.
Set up everything as before (Choose the same document as the source and the background image for the Layer.
At first it seems nothing is happening. Turn on “Ignore Selection..” when applying it.
Notice it looks weird right now,
Now, we want to turn our Fade down
And now we play around with that Luminance, so let’s take that luminance down to about where we want to match it.
Let’s play around with the color intensity and you can see it’s starting to look a lot better now.
All right, so as you can see here, this is applied and we’re just going to click OK.
Now there’s one more step we need to do after this.
We need to add a little bit of contrast. Go under the Adjustment Layers and we’re going to apply a Curves Adjustment.
Now, I only want to affect the layer underneath. I don’t want to affect all of the layers, so by clicking that little box, it’s only going to affect the layer directly underneath, which is our lady.
This creates a clipping group for our adjustments.
In the Curves we’re going to go into Shadows, pull it down to kind of match it a bit more. And what we’re going to do is go up in the highlights and give those a boost (Slight S-Curve). And we’re adding more contrast to this image.
And if you feel like the curves are just a little too much, you can always adjust the opacity of those and just give them just the amount you want. So, anyway, there you have it guys. That’s how to match the colors when you’re compositing between the foregrounds and the backgrounds.
If you want more tutorials like this, make sure you hit that Subscribe button right now
Add a comment, let’s get a discussion going.
And until next week,
I’ll see you at the Cafe.
In this Photoshop tutorial, I show you how to run text behind a portion of a photo. This is what...
Keyboard shortcuts for Photoshop. Work faster with these 5 keyboard shortcuts, to get things done faster and to do things...