Photo Effect Photoshop

Tutorial of Colorizing a Photo with Various Colors

In this tutorial, we will learn about colorizing a photo with different colors in Photoshop. This colors Photoshop tutorial is very simple to follow and can be used in a variety of ways. Here is the interesting color effect we will be creating:

Colorizing a Photo

For colorizing a photo with different colors, you’ll need:

  • Any recent version of Photoshop

Step 1

Firstly, open your image in Photoshop. I will be using this image, but you can choose any picture you want. A full color picture will work too.

 Colorizing a Photo Original

Now, we will create our sections. Go to View > New Guide and use the settings shown below.

 Photo Effects Colorize New Guide

 Photo Effects Colorize New Guide Result

For the second section, again go to View > New Guide and use the settings shown below.

 Effects Colorize New Guide

 Effects Colorize New Guide Result

To create our final section, open the New Guide dialog box again and use the settings shown below.

 Colorizing a Photo New Guide

 Colorizing a Photo New Guide Result

Step 2

Go to View > Snap To and make sure the Guides option is checked. Now, grab the Rectangular Marquee Tool and select the first section.

 Colorizing a Photo Select First Section

Click on the New Adjustment Layer option and select Hue/Saturation from the list.

 Colorizing a Photo New Adjustment Layer

Make sure the Colorize option is checked and adjust the Hue option to select any color you want. I kept the Hue at the default value.

 Colorizing a Photo Hue/Saturation

 Colorizing a Photo Hue/Saturation Result Picture

Change the Hue/Saturation Adjustment Layer’s blending mode to Color to make sure only the colors of the picture is affected, not the brightness.

 Colorizing a Photo Color

 Colorizing a Photo Color Result

Step 3

Grab the Rectangular Marquee Tool again and make a selection around the second section.

 Colorizing a Photo Select Second Selection

Once again, create a Hue/Saturation Adjustment layer by clicking on the New Adjustment Layer option and selecting Hue/Saturation from the list that appears. Make sure the Colorize option is checked and then choose any color you want by adjusting the Hue option. I want to keep my second color similar to the first one, so I will be choosing a value of 20.

 Colorizing a Photo Second Selection Hue/Saturation

 Colorizing a Photo Second Selection Hue/Saturation Result Picture

Once again, change the Hue/Saturation Adjustment Layer’s blending mode to Color to make sure only the colors of the picture is affected, not the brightness.

Step 4

Repeat the same step for the last 2 sections. Just grab the Rectangular Marquee Tool, make a selection around the section, create a Hue/Saturation Adjustment Layer by clicking on the New Adjustment Layer option and selecting Hue/Saturation from the list that appears, make sure the Colorize option is selected, adjust the Hue slider to choose a color for the selection, and change the Hue/Saturation Adjustment Layer’s blending mode to Color.

After you have repeated the step for all the sections, you will have 4 Hue/Saturation Adjustment Layers.

 Colorizing a Photo Layers Palette

This is my image after colorizing all the sections. As stated before, you can choose any color you want for this effect. If you want to use the colors I used, I used 40 as the Hue value for the third section and 60 as the Hue value for the fourth section.

 Colorizing a Photo Final Colors

Step 5

Now that we have colorized all the sections, we don’t need the guides anymore so we will get rid of them. To do so, go to View > Clear Guides.

 Colorizing a Photo Clear Guides

Step 6

If you want, you could add a border around all of the sections to make them more discernible from each other. You could skip this step if you like the effect as it is now. To add a border, select the topmost layer, click on the Layer Styles option and choose Stroke from the list that appears.

 Colorizing a Photo Layer Style

Now, use the settings shown below to add a thin black stroke around the selected section.

 Colorizing a Photo Stroke

 Colorizing a Photo Stroke Result

To add this stroke to the other sections, all we have to do is copy and paste. To do so, go to Layer > Layer Style > Copy Layer Style. Now, select the remaining Hue/Saturation Adjustment Layers by first selecting the third Hue/Saturation Adjustment Layer and shift-clicking on the first Hue/Saturation Adjustment Layer.

 Colorizing a Photo Select Layers

Now, paste the copied layer style by going to Layer > Layer Style > Paste Layer Style.

 Colorizing a Photo Paste Layer Style

Step 7

We have now completed the initial effect, but if you are unhappy with the colors you have chosen, there is an extremely easy way to change them. Select the topmost layer, click on the New Adjustment Layer option and select Hue/Saturation from the list that appears to add another Hue/Saturation Adjustment Layer.

 Colorizing a Photo Hue/Saturation Adjustment Layer

This time, make sure the Colorize option is not selected. Now, to change colors, all you need to do is drag the Hue slider either to the right or left. As you drag the slider, you will see the colors changing in the picture as shown below.

 Colorizing a Photo Change Hue

 Colorizing a Photo Change Hue Result

Step 8

If you do not want to change the colors but only want to brighten them up, all you have to do is repeat the above step but instead of dragging the Hue slider, drag the Saturation slider. For instance, I kept the original colors I chose but changed the Saturation value to 40 to achieve this effect.

 Colorizing a Photo Change Saturation

 Colorizing a Photo

And we’re done! The multiple colors Photoshop tutorial is complete!

About the author

Tabish Shaikh

Website designer, website developer, blogger and a writer. These are the things I like, love and live for. Having years of experience in each field. Developing sites since childhood. Getting the most complicated things done is my specialty. Providing each and everything of top most quality to each and every client.

Leave a Comment


*