How to achieve a natural colorization
Questa pagina al momento è usufruibile solo in lingua inglese.
Se desideri ottenere la licenza per la traduzione dei nostri testi (3-4) scrivici a firstname.lastname@example.org
The author of this example is Jean-Claude Grégoire.
You can colorize this photo yourself using the half-finished materials that we give you. Download an archive containing the original image and the file with the strokes (*.strokes). Read the instruction here to see how AKVIS Coloriage works.
Jean-Claude Grégoire tells us how to achieve natural colorizations:
For this tutorial I used Adobe Photoshop and the AKVIS Coloriage plug-in.
This tutorial assumes you already are familiar with the AKVIS Coloriage plug-in, for having tried it out on a few black and white photos, because it applies to a somewhat difficult case (swimmers in a pool), and demonstrates the use of several rather advanced techniques for getting better results.
- the use of the Color Selection Standard Dialog,
- selecting colors from a color photo,
- the particular way of drawing the strokes for the depiction of water,
- the use of a copy of your colorized image in a second layer with Overlay as blending mode, for enliving your work,
- the final touch by adjusting the saturation and the brightness of the image with an adjusting layer hue/saturation,
- the optional use of an unsharp mask.
Preliminary note concerning the depiction of water, human skin and hair
Most often, the main color of the water in a swimming pool may be blue or turquoise, depending on the color of the walls and the bottom of this pool. But, actually, there are many reflections and refractions of the light in the water, which slightly modify this main color. Furthermore, the color of the water and of the reflections and refractions modifies the color of the swimmers' skin in a variable and very subtle way. And all those color variations are a source of some definite difficulties when you're trying to colorize swimmers in a pool.
If you load several color photos in a photo editing program like Photoshop or Paint Shop Pro, and use the eyedropper tool, you'll see that the hue of one person's hair or skin isn't the same everywhere - i.e. the place of these shades on the chromatic wheel (often given in degrees from 0° to 359°, as in Adobe Photoshop, but there exist other systems) is not the same: here the hair (or the skin) will have a yellower shade, and there a redder one, etc.
So if you want to colorize hair or skin in a very realistic way, you'll have to use various hues for the hair, various other ones for the skin, etc. For example, if you download the strokes file for this tutorial, you will be able to see - when using the Color Selection Standard Dialog (see below) - that I used two different hues (H = 4° and 25°) for the hair of the child, and three (H = 0°, 15° and 22°) for the man's hair. Ditto for the skin, etc.
What is my problem?
Some years ago I was taking color photos of some friends and of my family playing in a swimming pool. But I came to the end of my film and I had to continue my shots with a black and white one. So now, I find myself at the same time with black and white and color photos of this nice summer afternoon.
Fortunately, AKVIS Coloriage makes it possible to colorize one of these black and white photos, drawing my inspiration from the color ones. Now let's start.
- Step 1. I scan the black and white photo and open it in Adobe Photoshop.
|Fig. 1. The original black and white photo
- Step 2. First of all, you have to make sure that this black and white image is in RGB mode. If it is not the case, switch it to RGB mode.
|Fig. 2. Switch the image in RGB mode
- Step 3. Here is my trick for choosing the good colors for the water and the skin of the swimmers. I take two color shots of swimmers in the same swimming pool. I crop them to their most useful part and resize them so that their height is about 600 or 700 pixels (i.e. about 2/3 to 3/4 of the height of the black and white image, which is 921 pixels).
- Step 4. For personal convenience (so that I won't confuse them) I save the three images with different names and close their files in Photoshop.
- Step 5. I re-open the initial black and white image (size 1154 x 921 pixels) and I choose Image > Canvas Size > Width: 1800, with an anchor as shown on fig. 3. Why "1800"? Because so, I get enough place for putting in my color images. I load the color images in Photoshop too, where it won't be very difficult to put the three images "next from one another".
|Fig. 3. Change Canvas Size
- Step 6. I move the layer "background" of the colored images onto the black and white image, by clicking on them and dragging them onto the black and white image (in RGB mode: otherwise it won't work!). I change the size of these color image with the command Ctrl+T and I move them onto the right place (same command or Move Tool: V) as seen on fig. 4, where the layers palette shows very well the disposition of the three layers. Then I crop and flatten the image.
|Fig. 4. Combine these three photos
Working with AKVIS Coloriage
- Step 7. Now we can call the AKVIS Coloriage plug-in.
- Step 8. We have to be sure that the plug-in won't change the colors of the two color photos. Therefore, I select the Keep Color Pencil and draw a straight line between the black and white photo and the color images (fig. 5: red arrows). Beware! The keep-color line should go beyond the photo frame, so that there were no gaps left between the left and the right side of the image.
|Fig. 5. Keep-color line
- Step 9. I click on the Eyedropper button and then somewhere on the arm of the swimmer of the first color photo, to get a first skin color.
- Step 10. Now I double-click on the rectangle on the right of the Color palette to open the Color Selection Standard Dialog.
You can see that the skin color I've just picked has the following values:
- Hue: 2
- Saturation: 35
- Value: 217
- Red: 217
- Green: 188
- Blue: 187
The Red-Green-Blue values don't interest us for the moment, but look at the other ones, particularly the Saturation and the Value (here "Value" means "Brightness" or "Luminosity").
- The higher the Saturation = the stronger (or the purer) the color - i.e., the closer to the colors of the rainbow;
- The lower the Saturation = the grayer the color (but remember that the grayscale goes from black to white!) - so, if the saturation is zero, the color can be white, black or any gray;
- The higher the Value (Brightness/Luminosity) = the purer the color (the closer to the rainbow colors);
- The lower the Value (Brightness/Luminosity) = the blacker the color;
- If you reduce the Saturation and the Value at the same time, you add white and black to your color at the same time, so you'll get grayer and darker colors (because gray is a mixing of black and white).
- As for the Hue, it is characterized by its place on the standard color wheel, and defined as a degree from 0° to 360°. So 0° is red, 30° is orange, 60° is yellow, 120° is green,...and finally 300° is magenta and 360° is red again.
So, theoretically, this Color Selection Standard Dialog should help us to very easily correct a stroke which should be too little saturated (too gray), or too colored, or too dark, or to light, simply by modifying the digits in this window. The Hue is easily changed too by working on its value in degrees.
This is the theory, but in the practice, with AKVIS Coloriage, it's another story. Actually, if you read the Coloriage userguide carefully, you should have noticed the following sentences: "A light grey object from the original image can not be painted in a dark color [...] The same is true with dark areas: it is impossible to change the color of a dark area in the original image into a lighter color". It clearly means that, if you change the Value (Brightness) of the color choosen for a stroke, you won't modify the brightness of this color in the final result. But, then, what will change? Well, actually, reducing the Value of a pencil stroke will have about the same result on the colorization as reducing the saturation.
Fig. 7 demonstrates that very well.
|Fig. 7. Adjust saturation and brightness
On the left side you see red, pink and darker strokes on a grayscale in AKVIS Coloriage. The Hue is always the same: 336°, which defines a bluish shade of red.
As you can see, the Saturation and the Brightness (Value) of the strokes decrease alternately from top to bottom, and by the same value, while the other parameter remains at the highest value, on the following way:
- 1. Saturation: 255 - Brightness: 255;
- 2. Saturation: 128 - Brightness: 255;
- 3. Saturation: 255 - Brightness: 128;
- 4. Saturation: 64 - Brightness: 255;
- 5. Saturation: 255 - Brightness: 64;
- 6. Saturation: 32 - Brightness: 255;
- 7. Saturation: 255 - Brightness: 32;
- 8. Saturation: 8 - Brightness: 255;
- 9. Saturation: 255 - Brightness: 8;
On the right side you see the result of the colorization: it's the same for 2 and 3, 4 and 5, 6 and 7, 8 and 9. This proves that, in AKVIS Coloriage, reducing the Saturation or the Brightness (Value) has exactly the same effect.
Fig. 8 shows another interesting phenomenon: from darker to lighter, the Hue does not remain the same with every color. Particularly red (Hue 0°) and orange (Hue 30°) show some color sliding from red to yellow. Yellow (Hue 60°), green (Hue 120°) and cyan (Hue 180°) strokes give nearly black on the darkest gray stripes and cannot reach the white color on the lightest one.
|Fig. 8. Changing hues
These peculiarities are a very intelligent feature of AKVIS Coloriage, the result of which is the realism of the colorization.
- Step 11. To illustrate the use of the Color Selection Standard Dialog, I begin with rapidly drawing some strokes (fig. 9), using the Color Library, except for the skin, as I've just said, and for the water (and the wall of the pool), for which I pick a color in the color images.
|Fig. 9. Color strokes
The result is shown on fig. 10: the color of the trees, the grass, the pool and the water are not too bad. But the skin and the hairs have to be ameliorated.
|Fig. 10. The colorization result
- Step 12. Let's start with the skin: it has too little saturation (= not enough color), so we can try to increase the saturation, which is "35": after some trials, I find that "69" is a good value, but now the hue looks too violet, so I modify the hue, from "2" to "12". It's very easy to change the color of all the skin strokes in one click, with the help of the Magic Tube . So, in a few minutes, we get a good color for the skin (HSV: 12-69-217). But in fact, I find it'll be still better to have a second color for the shadowed parts of the skin: less orange (redder), more saturated and darker: Hue: 3 - Saturation: 113 - Value: 180. For the man's skin, I help myself in the 2d color photo, where I pick up a third color with the Eyedropper, yet more saturated (HSV: 2-125-280). - It should be noted that some other AKVIS Coloriage tutorials already show that two or three colors were used for the skin of the face.
- Step 13. I continue in the same way, picking up colors in the color photos with the Eyedropper and progressively adjusting them with the help of the Color Selection Standard Dialog, which allows me to get very subtle nuances in my colorizing work.
The problem of the colorization of the water
The final stages
- Step 16. The result of the colorization in shown on fig. 14: not bad, but I'm a perfectionist and I still want to improve it. I crop the image for getting rid of the two colored models.
|Fig. 14. The colorization result"
- Step 17. Now saving the image file with another name (e.g. "first_result") is a useful caution.
- Step 18. To enliven the picture, I duplicate the background layer, and choose the blending mode overlay for the duplicate ("Layer 1" on fig. 15), with an opacity of only 40%, so that I don't get a too contrasted image.
|Fig. 15. Overlay mode
- Step 19. Since the result is now too light and too saturated, I add an Adjustment Layer Hue/Saturation, as shown on fig. 16, with the following settings: Hue: 0 - Saturation: -10 - Lightness: -10.
It should be noted that one has to grope a bit for finding the best settings for the opacity of the layer in Overlay mode and for the Adjustment Layer Hue/Saturation, which can vary from one photo to another.
|Fig. 16. Add an adjustment layer
Fig. 17 shows the result at this stage.
|Fig. 17. The correction result
- Step 20. I flatten the image and save it under the name "2d_result".
- Step 21. (This last stage is only optional.) I love every color, but for getting a little more depth I can apply the filter Unsharp Mask (choose "Filter > Sharpen > Unsharp mask") with the following settings: Amount: 50 - Radius: 0.5 - Threshold: 0 (fig. 18) (Beware you don't choose too high values for the Amount and the Radius, because the result could be disastrous!).
|Fig. 18. Unsharp mask Filter
- Step 22. I Save the final result with an evocative name. You can see this photo on fig. 19. Isn't it a lovely image?
NOTE ABOUT COLOR PICKING IN A COLOR PHOTO
If you have the possibility of working with two photo editing programs (e.g. Adobe Photoshop and The Gimp) you can open both at the same time, load the black and white photo in the first one and one (or more) color photo(s) in the other one - or vice versa. This can be useful for colorizing very large photos.
Then you'll use the Eyedropper tool for picking colors in the program which contains the color photo, and you use the Color Selection Standard Dialog in the second program for reproducing these hues by copying the digits you got in the first one.
But beware! The Hue/Saturation/Value digits are not the same in all graphic programs (*), so you have to refer to the Red/Green/Blue digits, which are always the same, from 0 to 255 for each color. Another possibility is to load AKVIS Coloriage in both programs, so you can easily use exactly the same Color Selection Standard Dialog for the black and white and for the color photo.
In any case, if the original black and white photo is not too large, working with only one program is easier and faster than working with two.
(*) For the Hue, some programs use the degrees (from 0° to 359° or 360°), some others use values from 0 to 100 or from 0 to 255.
For the Saturation and the Brightness (=Value), Photoshop gives percentages, so the digits go from 0% to 100%, while other programs give values going from 0 to 240 or from 0 to 255.