- How to change colors in photoshop: Adjustment Layers
- Step 1 - select our object
- Step 2 - create a Solid Color Fill layer while our mask layer has been selected and apply there our reference color from the wall
- Step 3 - separate color values
- Step 4 - adjust the values
- Replace color with gradient photoshop
There can be countless reasons for replacing or changing the color of a photograph or image.
Let's say you took a good photo, but the color of a particular subject is outside the scope of your composition, it does not contrast or complement the current palette but just stands out from not being the subject of the narrative in that composition. It could be different things, like eye color or skin tone, whatever you are looking to change. For that, we have tools and different techniques in photoshop for changing color, and today we are going to talk about them.
The first thing you need to understand is that any color consists of certain values, which is called HSB or HSL. HSB / HSL stands for Hue, Saturation, and Brightness / Lightness. Understanding these three color values will help you to perform color change with a good matching technique.
- Hue is what the color is: orange, green, red, blue, or magenta.
- Saturation is the color’s intensity: a vibrant red, or completely desaturated.
- Brightness meaning is how light or dark the color is.
Different combinations of these values will make all the colors that you see in Photoshop.
You can double-click on the foreground color in the tool’s panel to see a full representation of the color palette.
How to change colors in photoshop: Adjustment Layers
Here we pick an image of a flat room to show how it works step by step on a certain example.
Our goal here is to replace colors in Photoshop for this couch with the orange color taken from the wall. You can pick any color from any object as the reference beholding in that room, or choose your own color in the Photoshop color palette. Then we are going to try to match the brightness as close as possible. You can not match all three components of the orange color to the couch because you will end up with a flat orange couch that has no shape or details. To prevent that, you need different levels of brightness, because the shape and texture of the object are given by highlights and shadows
Step 1 - select our object
From the toolbar, select the Object Selection Tool, and make sure that the background layer stays active, then just click and drag a rectangle that covers the couch.
Step 2 - create a Solid Color Fill layer while our mask layer has been selected and apply there our reference color from the wall.
You will see that the color we get from applying is flat and there is no shape or texture given for the couch. This is because we get all three color values in it (HSB).
Step 3 - separate color values
Now we need to figure out how to separate brightness from the couch and keep hue only to bring back our shape and texture. For that, we use ‘Blending Mode’. While the ‘Color Fill’ layer stays selected, go up a bit looking for the word ‘Normal’ – here is our blending mode switch. Drop the list, and you will see all three color values at the bottom. Find and choose ‘Color’ because it matches Hue and Saturation and cuts away brightness value, so we get our shape back from that.
Step 4 - adjust the values
To adjust the brightness we create a new adjustment layer, click on this icon
Now go from the Levels' adjustment layer up to properties, where we can change values for brightness and contrast.
There we have 5 sliders stand for brightness contrast and levels. Adjust each slider until you get the appropriate texture and matching color. And here we get our couch with changed color to the orange taken from the wall. This is how to remove colors in photoshop and replace them using the adjustment layers method.
Replace color with gradient photoshop
Using adjustment layers is the core for any color change unless you want to use the ‘brush’ tool and change the color manually, which is inaccurate, requires precision, and is time-consuming. Another way to use replace color in Photoshop is gradient maps, which are good to replace face color or to change hair color in portrait photography. The gradient method is good for portraits because there are a lot of midtones that you can set for a gradient map, and you can also save it as a preset, as you're done making it for future applications to another photo.
- Create a selection
Drag your photograph into Photoshop, and duplicate it just in case to have a backup.
Now we need to select an area where we are going to change the color using a gradient map.
Use the ‘quick selection tool’
on the left side panel, and select an area. Press alt to deselect unnecessary parts of the selection.
- As the selection has been made, press the ‘Adjustment Layer’ button and choose ‘Gradient Map’ there. The gradient is set by default to the black and white color range. To change it, go to properties and drop down the list of colors. There you will see folders with different color presets to choose from. You can also make your own preset there, adding midtones and changing shadow and highlight colors on your own. To do that you need to go in ‘Gradient Editor’, here you will see a black to white gradient line and little squares underneath it called color stops. On the left side, we have shadows, and highlights on the right side, the gradient mix of these two is in the middle. You can click right under this line to create an additional square, this will create a mid-tone.
Then you can save that as your own preset for future usage. To do that you need to scroll down the list of ready presets, right-click on the last folder and select ‘New gradient group’, and name it ‘My gradients’ for example. Then go to the ‘Name’ tab and name the particular preset, for example, ‘Green black and white’, and press the ‘New’ button right next to the naming tab. A new thumbnail will be shown in your folder, that you may use for another photo.
- Once you have chosen the color, you will see it applied flat way. To change that, we go to the blending options (layers window, right next to ‘Opacity’ settings) and switch blending mode to ‘Color’. This will mix up the colors from silver to purple, considering the chosen thumbnail in the image below.
And after applying blending mode to ‘Color’ you will get this result.
- Now, we are going to add some spice to our image, to achieve a color splash effect.
- Right-click on the Gradient Map layer and select ‘Add Mask to selection’, this will allow us to bring back the selection and operate with it.
- Create a new adjustment layer with that and select ‘Gradient’ there (Right after the ‘Solid Color’ in the drop-down list)
- Change the blending mode for that new gradient adjustment layer to ‘Color Burn’ This will make an additional color transition with a particular effect.
And here is how it looks now
You can adjust parameters and angle for the new gradient layer to appear by a certain degree if you double-click on the gradient thumbnail in the layer’s list. You can also add more midtones and change color positions by moving squares on a gradient line.
As you can see from these two examples, the basic idea is to separate the desired area from the background, save that selection as a mask and set the adjustments. The most difficult part is selecting the desired area. For example, selecting hair in Photoshop is a very laborious process requiring you to handle multiple tools, ranging from background removers to fine-tuning the mask afterward. Changing the color of a simple object, which can be selected with the quick selection tool, is not that difficult and pretty much automatic. Photoshop has excellent algorithms for primitive and average difficulty shapes. Then you just choose the type of adjustment layer, do the settings in it, and switch blending mode to achieve a certain effect. As a result, by trial and adjustment within the adjustment layer, you can get different results in color changes, whether a dress, car, sofa in the room or hair.