Home  »  Photography   »   Match Colors Between Images In Photoshop

Match Colors Between Images In Photoshop

By | 23/10/2022





Photoshop Match Color

Matching Colors Of Objects Betwixt Photos With Photoshop



In this Photoshop tutorial, we’ll learn how to lucifer the color of an object in one photo with the color of an object in a divide photo using the
Match Color
command, which has been bachelor in Photoshop since Photoshop CS (which means you’ll need at least Photoshop CS if yous wish to follow along with this tutorial).

Here I accept an image, taken from a itemize, of a model who’s plainly quite happy with how well the color of her new top matches the outdoor setting she finds herself in:

Adobe Photoshop photo editing and photo retouching tutorial image

The original prototype.

As with most items of habiliment, that same top is also available in other colors. For example, let’s say it’s also available in the same color as the top the model is wearing in this photograph:

Adobe Photoshop photo editing and photo retouching tutorial image

A model displaying a purple top.

The client would like you to change the color of the woman’s meridian in the first photo so that information technology matches the color of the peak in the second photo, similar so:

Adobe Photoshop photo editing and photo retouching tutorial image

The color of the adult female’s tiptop in the original photograph has been matched to the color of the superlative from the 2nd photo.


Personally, I like the light-green color better, but hey, whatever the client wants, right?

Photoshop’s Match Color control was created specifically for this type of task, although it does have enough of other uses as well which we’ll look at in other tutorials. Notwithstanding, depending on the images you’re using, Match Color doesn’t ever work perfectly on its ain. Sometimes information technology does, sometimes it doesn’t. Sometimes, it needs a piddling help, and equally nosotros’ll run into in a moment, this is ane of those times. Let’southward get started!

Shortcodes, Deportment and Filters Plugin: Fault in shortcode [ads-photoretouch-eye]

Step 1:
Indistinguishable The Background Layer In The Original Image

The first thing nosotros always desire to do when working on an paradigm in Photoshop is duplicate the Background layer. The Background layer contains our original image information and we don’t want to lose it in instance we need to fall back on it. Currently, my Layers palette is showing that my Background layer is the but layer I take:

Adobe Photoshop photo editing and photo retouching tutorial image

The Layers palette in Photoshop showing the Background layer, which contains the original epitome data.

To indistinguishable the Background layer, all we need to exercise is use the handy keyboard shortcut,
Ctrl+J
(Win) /
Command+J
(Mac). If we wait again in the Layers palette, nosotros can see that we at present have two layers – the original Background layer on the bottom and a copy of it, which Photoshop has automatically named “Layer 1”, on acme:

Adobe Photoshop photo editing tutorial image

The Layers palette in Photoshop at present showing the Background layer as well every bit a re-create of the Background layer higher up it

We can now safely work on our prototype without worrying about dissentious the original.

Step ii:
Select The Object That Needs A Colour Change

Using the selection tool of your choice (Lasso Tool,
Pen Tool, etc.), depict a choice effectually the object that needs its color to be inverse. Here, we tin can encounter my choice outlines around the woman’southward top:

Adobe Photoshop photo editing and photo retouching tutorial image

Use the selection tool of your choice to select around the object that needs a color modify.

Step 3:
Select A Large Area Inside The Object In The Second Image

Switch over to your second image at this betoken and again using your favorite selection tool (the Lasso Tool volition work fine for this), select a large area inside the object that contains the color you demand. In my case, I’g going to select a large section of the purple top the woman is wearing. At that place’s no need to make a precise selection around the object, but what y’all want to exercise is brand a large plenty option then that you’re grabbing as many shades of the color (light and dark areas) as possible. Photoshop needs as many shades of the color equally you can give it so information technology can accurately apply the color to the object in the original prototype (the buttons on her shirt may or may non cause some problems so I held down my
Shift
central and dragged around them with the Lasso Tool to subtract them from my choice, just to exist safe):

Adobe Photoshop photo editing and photo retouching tutorial image

Selecting a large area of the shirt to include every bit many shades of the color as possible.

Step four:
Switch Dorsum To The Original Prototype

Now that nosotros’ve selected the object in the first photo and selected a big area of color inside the object in the second photo, nosotros can head over to the Match Colour command. Before we do though, we need to make sure that our original photo is the one that Photoshop is currently looking at (the technical term would exist to bring the original photo into “focus”), and then click anywhere inside the certificate window of the original image to select information technology. The Match Color command is going to refer to this original image as the
Destination Image, as if the colors from the second prototype will be taking a trip over to this one, while the second paradigm (the 1 containing the colour we need) will become the
Source Prototype. For at present, just make certain the original image is the one currently selected (in focus).

Step 5:
Open The Friction match Color Command

With your original epitome selected, go up to the
Image
menu at the top of the screen, choose
Adjustments, and then cull
Match Color:

Adobe Photoshop photo editing and photo retouching tutorial image

Go to Epitome > Adjustments > Lucifer Colour.

This brings upward Photoshop’s rather large Match Color dialog box. At present, I love Photoshop. I think information technology’s the greatest matter since crayons. But quite honestly, betwixt you and me, something only isn’t right almost the Match Color dialog box. It’s confusing, and it shouldn’t be. I wish Adobe would redesign it but so far, equally of Photoshop CS3, they haven’t, and so nosotros’ll just have to cutting through the confusion to get to the simplicity underneath.

The Match Color dialog box is divided into two main sections –
Destination Prototype
on top, and
Prototype Statistics
(say what?) on the bottom. Come across, you were thinking the bottom department would exist called “Source Prototype”, correct? I mean, that would brand sense. Simply nope, it’s chosen “Prototype Statistics”. Let’s merely leave the lesser department solitary for now and look at the top section, “Destination Image”.

The Destination Image is the paradigm containing the colors you lot desire to change. There’southward no mode to actually set the Destination Image in the dialog box. Photoshop merely assigns whichever prototype you had selected when you lot chose the Match Color control from the Paradigm Menu equally your Destination Paradigm, which is why I had you select your original image first. My original image is named “green.jpg”, and we can meet its name listed beside the word “Target” at the height of the dialog box:

Adobe Photoshop photo editing and photo retouching tutorial image

The Match Colour dialog box showing my “light-green.jpg” photo as the Destination Prototype.

Beneath the Destination Image’south proper noun is the
Prototype Options
section, containing options such as
Luminance,
Colour Intensity,
Fade, and
Neutralize. Common sense might have y’all assertive that since these options are clearly grouped in with the Destination Image section at the superlative, they accept something to do with the Destination Image, but common sense would exist incorrect. They control the Source Image at the bottom, which you assign down in the Image Statistics section. See what I hateful? This dialog box needs some work.

Fortunately, even though the dialog box itself is confusing, what we’re trying to do with it is not. We already take our Destination Epitome chosen, so now nosotros need to select our Source Epitome.

Step 6:
Select Your Second Image As The Source

Downwards in the Epitome Statistics department at the bottom of the dialog box, you’ll see an option named
Source
with a drib-downwards box beside it. Click on the modest arrow to the right of the drop-downwards box and choose your second epitome from the list to set up information technology equally your Source image:

Adobe Photoshop photo editing and photo retouching tutorial image

Select your second epitome from the “Source” option drop-down list.

If your Source image contains multiple layers, you’ll need to select the appropriate layer from the
Layer
option below the Source option. In my case, my 2d image contains only i layer, the original Groundwork layer, and then information technology’s automatically selected for me.

Step 7:
Tell Photoshop To Utilize The Selections You’ve Made In The Images

Straight above the Source selection are two options with checkboxes beside them –
Employ Option in Source to Calculate Colors
and
Use Option in Target to Calculate Adjustment. The offset option tells Photoshop that we want it to utilize only the colors inside our selection in the Source image when matching the colors to the Destination paradigm. In other words, in my example, I want Photoshop to utilize only the purple colors I’ve selected within the woman’southward superlative. If I didn’t make that clear to Photoshop, information technology would ignore my option and use colors from the unabridged photograph, which isn’t what nosotros want, so brand sure you click inside the checkbox for this option to select it.

The second option says that we want Photoshop to business concern itself simply with the specific object we selected in our original paradigm when figuring out how to friction match the colors. In my case, that means I’grand telling Photoshop that I only want it to look at the colors that make up the greenish top the woman is wearing. If I didn’t specify this, Photoshop would take all the colors from the entire photo into consideration and the result wouldn’t be as accurate, and then brand sure this choice is also selected:

Adobe Photoshop photo editing tutorial image

Select both the “Use Selection in Source to Calculate Colors” and “Use Selection in Target to Calculate Aligning” options to tell Photoshop to use but the selected areas in the images when matching the colors.

Click OK when you’re done to exit out of the dialog box and have Photoshop endeavor to friction match the colors in the Destination image with those from the Source image. In many cases, this works beautifully and no farther work is needed. Depending on the images you’re using though, that may not be the case. Sometimes Photoshop doesn’t get information technology quite right. For me, this is ane of those times. Here’southward what my original image now looks like (the selection is still visible and active):

Adobe Photoshop photo editing tutorial image

The original image subsequently applying the Match Color command.

Photoshop was able to go the basic color correct, but in that location’due south definitely something wrong with the overall effect. The problem is that in that location’s no longer any contrast in the adult female’s tiptop. The dark shadow areas are much as well light, and whatever subtle highlight areas have disappeared. Basically, it looks fake. This is one of those times when Friction match Color needs a piffling help. I could have tried adjusting the effulgence by dragging the Luminance slider in the Image Options section of the Lucifer Color dialog box, merely all that would have washed is made the entire top lighter or darker. I demand to be able to conform the highlights and shadows independently. Fortunately, it’southward easy to do, as we’ll see next!

Step viii:
Add A Levels Aligning Layer

I’grand going to utilize a simple
Levels aligning layer
to darken the shadows and brighten the highlights of her top. To exercise that, click on the
New Adjustment Layer
icon at the bottom of the Layers palette:

Adobe Photoshop photo editing and photo retouching tutorial image

Click on the “New Adjustment Layer” icon at the bottom of the Layers palette.

Then select
Levels
from the list of adjustment layers that appears:

Adobe Photoshop photo editing and photo retouching tutorial image

Cull “Levels” from the list.

Footstep 9:
Drag The Black And White Point Sliders In Towards The Center

When the Levels dialog box appears, you’ll see a big black
Histogram
(looks like a mountain) in the middle of the dialog box, forth with three petty sliders below it – a black slider on the far left, a white slider on the far correct, and a grayness slider in the center. To darken the shadow areas, merely click on the
black slider
and elevate it towards the correct until it’s at the point where the left side of the Histogram begins. Keep an center on your image as you drag the slider so you can see what’s happening to the shadows and arrange the slider as needed. Then, when yous’ve corrected the shadow areas, click on the
white slider
on the far right and elevate it towards the left until it’due south at the bespeak where the right side of the Histogram begins. Again, keep an eye on your paradigm every bit y’all drag the slider to see what’due south happening with your highlights. Photoshop may be a computer program but that doesn’t mean you and I need to call up similar 1. Employ the Histogram as a guide merely trust your own optics above all else:

Adobe Photoshop photo editing and photo retouching tutorial image

Drag the black and white sliders in towards the Histogram to meliorate the shadow and highlight areas inside your option.

Click OK when you’re done to get out out of the Levels dialog box. Your shadows and highlights should at present look much amend, just chances are you’ve but created a unlike trouble. In my case, the woman’s meridian at present has a much more than realistic level of contrast to it, but the overall colour has been changed:

Adobe Photoshop photo editing and photo retouching tutorial image

The dissimilarity in the woman’due south elevation has been improved, simply the colour is now unlike.

Step 10:
Change The Levels Adjustment Layer’due south Alloy Mode To “Luminosity”

The reason for the colour shift is that by default, the Levels command makes changes not but to the luminosity (brightness) values of the epitome just also to the colors. We need to tell Photoshop that we want our Levels adjustment layer to touch on only the luminosity values of the object and leave the colors alone. How exercise we do that? Piece of cake. We merely change the adjustment layer’s
blend way. Go upward to the Blend Fashion option in the peak left corner of the Layers palette. It currently says “Normal”, which is the default blend mode. Click on the small, downwards-pointing arrow to the correct of the word “Normal” and select
Luminosity
from fashion downwardly at the very lesser of the list:

Adobe Photoshop photo editing and photo retouching tutorial image

Alter the blend mode of the Levels adjustment layer from “Normal” to “Luminosity”.

Step 11:
Deselect Your Option

Press
Ctrl+D
(Win) /
Command+D
(Mac) at this point to remove your selection from around the object, and you’re done! Here, after changing the blend style of the Levels adjustment layer to “Luminosity”, is my terminal result:

Adobe Photoshop photo editing and photo retouching tutorial image

The final issue.

And there we take information technology! That’s how to lucifer colors between separate photos using the Match Colour control in Photoshop! Bank check out our Photograph Retouching section for more Photoshop epitome editing tutorials!


Source: https://www.photoshopessentials.com/photo-editing/match-color/