Learn how to change the color of an image in Photoshop CC 2020 from the 07 different tutorials and be a color replacement master.
After capturing an image, many of us think of changing the color of a photo. It can be background or partial color changing of an image.
With Photoshop, you can easily replace the color in a photo. The process is pretty straightforward. 2 Photoshop features play a vital role to do this; they are:
- Color blend mode
In this tutorial, we will discuss 7 different ways to change the color of an image in Photoshop CC 2020.
So, let’s begin to play with the colors in Photoshop using its tools & toolbar.
Change the Partial Colors of a Photo in Photoshop
For this method, we choose the below image.
Step 01: Pick the Quick Selection Mode
Pick the Quick Selection Mode from the Options Bar.
Always go with a more solid background in this method and make a selection around the solid colors.
We will change the image’s dress color, so for selecting the dress, press Ctrl / Cmd + Shift + I. We are not touching any portion of the person’s body, and deselected areas will be unchanged.
Step 02: Create a New Layer of Selection
Don’t forget to create a new layer of selection. You can easily make a new layer by pressing Cmd / Ctrl + J.
Step 03: Color Changing
In this step, we will work with Hue/Saturation. Press Cmd / Ctrl + U for this.
Continue moving the Hue slider to left and right. Once you get the expected color, stop moving the slider.
Step 04: Color Blending
Now you will need to add a layer mask in the layer panel. The layer mask button is positioned just right of the fx option. Click on it.
Step 05: Selecting the Gradient Tool
The next step is selecting the gradient tool.
It needs to be confirmed that the gradient tool is set to the foreground in the background and linear. In the Mode option, select NORMAL, and OPACITY should be 100%. You can choose both options from the drop-down menu.
Step 06: Dragging Gradient to Horizontal
Now horizontal dragging of the gradient throughout the image will give you an eye-catchy blend of the color. Ensure to do this when the mask is selected.
In the image, the blue and red color turned to purple, where they are being mixed.
You may read:
Background Color Changing in Photoshop
People waste time following a few unnecessary steps to change the background color. This method of background color changing is pretty effective and easy too.
Step 01: Make Hue Saturation Adjustment Layer
Make a layer of Hue/Saturation adjustment.
Step 02: Go to The Properties Panel
Now go to the Properties Panel. Look for an icon with Finger. You will find it underneath the Preset option. Click on it.
Then, to select the sky blue color, click on the color. This way, the sky blue color will get isolated. How will you understand that the sky blue color is isolated? Well, you will see that some sliders surround the sky blue color in the gradient.
Step 03: Change the Background Color
Once you start moving the Hue slider, the image’s sky blue colors will start changing.
You can change the background color to any color following this method.
Isn’t it fun? No selection is necessary, and the process is more comfortable than your expectation.
Clothing Color Changing (Replace Object Color in Photoshop)
Are you changing the clothing color of an image frequently? Changing cloth color is straightforward with this method.
You may find this method similar to Method # 2. But the steps will start changing from Step # 3 in this section.
Step 01: Create a Hue Saturation Adjustment Layer
Create a layer of Hue Saturation adjustment.
Hover your mouse to the Finger icon and click on it. Also, the sample color needs to be selected. For instance, we are clicking on red T-shirts.
Step 02: Move the Hue Slider
Move the Hue slider; the image will get magenta/pink color from red.
We believe you already noticed that the subject’s skin and hair color also changed to magenta/pink. But we want to change the cloth color. So, how to stop changing the skin and hair color?
Follow the next step.
Step 03: Color Selection Refining
To refine the color selection, the sliders need to be moved to the gradient. However, you can’t fix a few colors in this step, such as lips, color reflections on the face. But these areas will look better for sure.
Step 04: Use Layer Mask for Hue Saturation
We will use the layer mask of the Hue/Saturation.
Select a brush, and a swatch of the foreground color needs to set to black.
Once the mask option is selected, paint any portion of the image you want to keep the original color.
Recoloring a Subject
Some people look for an option in Photoshop to paint in the colors with hands. This method is an excellent tutorial of Freehand coloring.
Step 01: Select Color Range
To make the task easier, pick the car’s paint colors by following.
Choose Select > Color Range
Select the primary color when the eyedropper is selected.
You will require to add the color selection, use the eyedropper+.
Using the fuzziness slider, you can refine the image effortlessly.
Once you click OK, you will see the marching ant selection. A bit of cleanup is necessary.
Step 02: Color Overlay Selected Areas
Now press shortcut Key “Q.” A RED overlay will appear, and the selected areas will be indicated.
Step 03: Subtract the Selection
To add selection, use white to paint.
And black painting will allow you to subtract the selection.
Step 04: Create a New Layer
Now a new layer creation is mandatory and ensures changing it to color blend mode.
Step 05: Keep the Selection Active
Select a paintbrush and ensure keeping the selection Active.
You have to choose the color now. To do this, go to foreground color swatch.
Then start painting. You will find that the colors are changing, not the tone.
Continue painting until you finish painting with the color.
Color range feature will put a thin smile on your face because the reflected areas will also be selected, which means the image will not receive an artistic look.
Step 06: Change Color with Hue Saturation Option
Changing the color will also be straightforward at this point with the Hue/Saturation option.
This option will assist you in evolving car colors to different colors at any given time.
Color Overlays and Grading Adding
Step 01: Open Gradient Panel in Photoshop CC
In Photoshop, open the Gradient panel.
Pick a gradient and drag it onto the image.
Then go to the layer panel to alter the color blend mode and the opacity.
Remember, you will get a realistic result if you choose a lower opacity level.
Step 02: Gradient Mapping
A gradient map will give you different results for sure. For this, the gradient map adjustment layer needs to choose. And it would be best if you pick the same gradient for Step # 1.
You will find that in the gradient map the left portion is orange-colored; this is the shadows.
And the right portion is red-colored, which is the highlights.
Now alter the color blend mode.
You can also play with Gradient mapping. To do this, click on the Reverse option box. Thus, orange color will become highlights, and red color will change to shadows. Lighter color in highlights will always give you a better result.
Once you change the Opacity level to low, the image will get a nice look.
A combination of gradient map and gradient overlay will add a vibe to the image. Also, tweaking opacity on both adjustment layers is unavoidable.
Color Overlay Effect
The below image is an example of gradient overlay variation. You can do this using a straight gradient layer, but we followed the gradient overlay adjustment layer.
Using a straight gradient layer will give you the advantage of altering the angle and quickly scaling the layer. Also, when the gradient fill box is opened, drag the gradient into the image.
Using the Color Replacement Tool
Color replacing in Photoshop becomes much quicker with the color replacement tool.
This tool is unique compared to other tools because it retains the shadows, mid-tones, and highlights of the original image in the replaced color image. As a result, a realistic look is confirmed of an image after returning the color.
The color replacement tool is located at the tool panel under the Brush Tool’s flyout menu.
Moreover, you can follow by pressing the shortcut key B. This will allow you to select a brush. Then press Shift + B. This way, you can toggle between multiple brush options and from there like a color replacement tool.
Process of Using the Color Replacement Tool
We took the above image for this section to work.
Step 01: Pick the Replacement Color
The first thing that you will need to do is pick the replacement color. Remember, this should be the foreground color too.
Step 02: Pick the Foreground Color
Go to the box of the foreground color. A wide range of color options will appear, and you can pick any of them per your requirement. Then pick any original color that is required to be replaced.
However, it is essential to give the image a realistic look. For this, select something that comes with the same luminosity. Don’t pick a color that is too bright or too dark since the change will be entirely visible.
Step 03: Replace Color of an Image
Once you select the color replacement tool, paint over the chosen area of the image, and this way, you can replace the colors of an image.
Step 04: Color Replace Tool Refining
The functionality of the color replacement tool also requires adjustment. Adjustment includes
- The ability of size tweaking
- Adjusting the brush hardness
- Changing the brush spacing.
To do this, hover your cursor to the Control Panel and select the flyout menu.
In this panel, you will also need to adjust the Hue, Saturation, limits, tolerance, and sampling mode.
Color is selected as the mode by default, and this is the best option for adjusting the colors of any image as required.
Hue will allow you to replace a similar color to the foreground color. The colors may appear more muted or more intense, depending on what you are recovering.
Saturation will happen more often than not to increase the color intensity. In the meantime, performing the opposite is the luminosity characteristic, and the result is usually not great when working with a color replacement tool.
In fact, you will get the best result if you explore this tool to see the results as you see in different modes.
Once, and background sampling options icons are positioned between mode and restricted menus. By default, these options are set as constant.
From the name itself, you can get an idea of the continuous feature.
When you change the mouse position, continuous options samples, and replace the color without any interruption. Once the option will allow you to select the sample color in your first selection. And the background option samples the background color and replaces the color of an image that gets matched with the background color.
The limits option is also set as Continuous by default. And within the brush area, it replaces and adjoins the pixels. Simultaneously, discontinuous replace color pixels with the foreground color in the field, whether they are adjacent or not.
Find edges that will help you to replace color by maintaining the subject edges. This option delivers the best result with defined lines. When the focus is soft and blurred, you will not receive the best result, undoubtedly. At this point, you should pick a more delicate brush along with the continuous option.
Moreover, when the tolerance level is selected, you can control how much pixel color is required to match the foreground’s color. You can choose the sample color by reducing the tolerance level, and increasing will allow you to select the wider application.
In the end, to smooth the jagged edges, you have to choose the anti-aliasing option.
FAQ on Change Color of Image in Photoshop
Last Words on Change Color of Image in Photoshop
That’s all today, playing with the colors. Following multiple options, a person can change the colors of an image. And depending on your final result, you have to follow different methods.
Let us know which method you tried? And share the final result. We will be glad to assist you. If you want to be an expert in Photoshop
Hopefully, you enjoyed the tutorial today. We have a bunch of creative people playing with several Photoshop features and fulfilling the requirement of individuals. You also can ask for the service.
We shared many tutorials on Photoshop. If you want to be an expert in Photoshop, start surfing on other tutorials like the following on this website.