Location: Home-Forum List-Software -Tone-Maker : Master the Color


Tone-Maker : Master the Color

Author: stepok   


Nice site!



此文章编辑过,时间2008-3-19 5:17:29

stepok  New Comer Pixel:0    RegTime:05-9-2  Photo0/Post0+Reply0  Generosity:0
[Message] [Edit] [Recommend] [Give e-coin]

Replys
stepok New Comer Pixel:0 RegTime:05-9-2 Photo0/Post1+Reply0 Generosity:0
The Author Post:2005-9-8 14:23:54
R1   Spam|

Grayscale Photo

In technic, the invention of color film is a great progress. But even now, we can alwayse find some grayscale photo, most of them,from the aspect of art, are masterwork . Withour color, the audience will focus their attention on the level and details of exposure, then they become more critical. Obviously, it is hard to make a excellent grayscale artwork.

Most of the digital camera have not a B-W shot-mode. If it have, we can control nothing. Now we can use software to do this work, this chapter will talk about how to convert and how to control.

There are 2 general ways to turn a color photo into a grayscale one: Desaturation, and use Brightness channel of YUV or Lab color-space.Now we will talk about the 3rd way: use color-Mixer of RGB channel.

The Brightness channel in YUV color-space or Lab color space, can be presented as :

Brightness = Red * 30% + Green * 60% + Blue * 10%

As you can see, it a fixed weight mix of RGB channel, then we will ask, waht will happen when will change the weights? Let's study a sample (figure 1):

----



Attached Photo:

Model:Canon PowerShot Pro90 IS Software:Turbo Photo, StepOk.com Aperture:F4.5 Shutter:1/40(s) Flash:Off
PicLink:http://forum.stepok.com/linkpic.aspx?ID=63261786234625000064.jpg

stepok New Comer Pixel:0 RegTime:05-9-2 Photo0/Post1+Reply1 Generosity:0
The Author Post:2005-9-8 14:24:24
R2   Spam|

The following are images of 3 channel (R,G,B):

----



Attached Photo:

PicLink:http://forum.stepok.com/linkpic.aspx?ID=63261786264890625049.jpg

stepok New Comer Pixel:0 RegTime:05-9-2 Photo0/Post1+Reply2 Generosity:0
The Author Post:2005-9-8 14:24:51
R3   Spam|

As the figure, The details of sky in R channel is great than others, and the details in shadow is presented better than other two. As the fixed weight, the R channel only take 30% of all. So, by increase R-weight, we can get better grayscale result, that's the 'color-Mixer' way talking about.

Run 'Turbo Photo', open the photo, select 'Tone-Maker' of popup menu of 'Enhancement'. Set R weight to maximal and B to 0%, G to some proper value, we get the better grayscale output as figure 3:

----



Attached Photo:

PicLink:http://forum.stepok.com/linkpic.aspx?ID=63261786291250000052.jpg

stepok New Comer Pixel:0 RegTime:05-9-2 Photo0/Post1+Reply3 Generosity:0
The Author Post:2005-9-8 14:25:31
R4   Spam|

Let's compare with the fixed weight, look at the sky and the tree:


figure 4

----



Attached Photo:

PicLink:http://forum.stepok.com/linkpic.aspx?ID=63261786331703125049.jpg

stepok New Comer Pixel:0 RegTime:05-9-2 Photo0/Post1+Reply4 Generosity:0
The Author Post:2005-9-8 14:26:25
R5   Spam|

For most colorful photo, the details in different channel are differed much from eachother. By visual, manual adjustment of the weights in 'Tone Maker', plus the outside adjustment such as 'Professional Histograms', 'Brightness and Contrast', we can get a wonderfaul grayscale photo easily!

MonoTone is More than Grayscale:




----



Attached Photo:

PicLink:http://forum.stepok.com/linkpic.aspx?ID=63261786385359375017.jpg

stepok New Comer Pixel:0 RegTime:05-9-2 Photo0/Post1+Reply5 Generosity:0
The Author Post:2005-9-8 14:27:36
R6   Spam|

Figure 5(above) is a monotone photo. The whole image is consisted with warm color, no green, no cyan, and no other cold colors. Before we discuss "how to process photos like Figure 5 , Let's see how to make a simple mono-tone picture by adding a color into a grasyscale photo. The following steps are continued with the steps of above chapters.

Click 'Color Bias' Page of 'ToneMaker' we will find three buttons: "Shadow","Midtone" and "Highligh".The color on these buttons named 'reference color" can control the color behave in the 3 regions. The default 'gray' reference color means 'No color changed'.

Figure 6

----



Attached Photo:

PicLink:http://forum.stepok.com/linkpic.aspx?ID=63261786456500000061.jpg

stepok New Comer Pixel:0 RegTime:05-9-2 Photo0/Post1+Reply6 Generosity:0
The Author Post:2005-9-8 14:28:19
R7   Spam|

Then, we set the 'Midtone' reference color to 'Blue(a little close to cyan)' by click the middle button, and choos the color as the following figure. You will see the result:

----



Attached Photo:

Software:Adobe Photoshop CS Windows
PicLink:http://forum.stepok.com/linkpic.aspx?ID=63261786499890625049.jpg

stepok New Comer Pixel:0 RegTime:05-9-2 Photo0/Post1+Reply7 Generosity:0
The Author Post:2005-9-8 14:29:00
R8   Spam|

Or, we can set it to color between yellow and orange, like this:

----



Attached Photo:

Software:Adobe Photoshop CS Windows
PicLink:http://forum.stepok.com/linkpic.aspx?ID=63261786540578125046.jpg

stepok New Comer Pixel:0 RegTime:05-9-2 Photo0/Post1+Reply8 Generosity:0
The Author Post:2005-9-8 14:29:39
R9   Spam|

See, it is easy to add any color you want into a grayscale photo. Then, after you know this, we can discuss how to make photo in figure 5. Figure 9(below) is the orginal photo:

----



Attached Photo:

Model:Canon PowerShot Pro90 IS Aperture:F2.8 Shutter:1/20(s) Flash:Off
PicLink:http://forum.stepok.com/linkpic.aspx?ID=63261786579312500049.jpg

stepok New Comer Pixel:0 RegTime:05-9-2 Photo0/Post1+Reply9 Generosity:0
The Author Post:2005-9-8 14:29:57
R10   Spam|

First of all, We want to keep some of the orginal color infomation, so we set 'Opacity' parameter in 'Monochrome' page to 50%, which means half grayscale half color. This is important when we wang to keep some of the color-information. Adjust 'opacity' from 0 to 100%, we can get result from original to grayscale, and any of the mid blend result, It is flexible depend on your purpose of creation. The 50% result seems like a photo desaturated half.See following figure:

----



Attached Photo:

Software:Adobe Photoshop CS Windows
PicLink:http://forum.stepok.com/linkpic.aspx?ID=63261786597187500046.jpg

stepok New Comer Pixel:0 RegTime:05-9-2 Photo0/Post1+Reply10 Generosity:0
The Author Post:2005-9-8 14:30:21
R11   Spam|

Then , we add 'warm feeling' into the photo. Click 'Color Bias' , set reference color in shadow to 'Red', 'Orange' in Midtone and 'Yellow' in highlight。Adjust amount to 35%:

----



Attached Photo:

Software:Adobe Photoshop CS Windows
PicLink:http://forum.stepok.com/linkpic.aspx?ID=63261786621625000064.jpg

stepok New Comer Pixel:0 RegTime:05-9-2 Photo0/Post1+Reply11 Generosity:0
The Author Post:2005-9-8 14:31:20
R12   Spam|

After these step, we add a frame, some noise, signatures and get the photo in Figure 5, Done!

Byoned Mono-Tone


Now we know what the 'Tone Maker' can do, and in further, since the reference color can be choosed freely for 'Shadow','Midtone' and 'Highlight', why not try more flexible settings? since we can control the 'Opacity' param, why not jump out of 'Mono-Tone' rules to create any color-effects you want?

Sure, the 'Tone Maker' function can do more things! First of all, 'Cross process effects':

Cross process means take photo with positive film but process it as Negative film way. This is a conception in traditional camera. The are some features of 'Cross process' in color:

1,Desaturated Color
2,Green in shadow
3,Warm color in highlight

So, we set 'opacity' to 30%, shadow to 'Cyan', highlight to 'Orange' Amount 35% and get this:

----



Attached Photo:

PicLink:http://forum.stepok.com/linkpic.aspx?ID=63261786680843750081.jpg

stepok New Comer Pixel:0 RegTime:05-9-2 Photo0/Post1+Reply12 Generosity:0
The Author Post:2005-9-8 14:31:45
R13   Spam|

Or, you can adjust the parameters to get better one:

----



Attached Photo:

PicLink:http://forum.stepok.com/linkpic.aspx?ID=63261786705062500093.jpg

stepok New Comer Pixel:0 RegTime:05-9-2 Photo0/Post1+Reply13 Generosity:0
The Author Post:2005-9-8 14:32:09
R14   Spam|

why not try somthing different?

----



Attached Photo:

PicLink:http://forum.stepok.com/linkpic.aspx?ID=63261786729078125081.jpg

stepok New Comer Pixel:0 RegTime:05-9-2 Photo0/Post1+Reply14 Generosity:0
The Author Post:2005-9-8 14:32:28
R15   Spam|

Let's discuss the saturation of reference color in end, The followinf figure shows the color picker of Windows:

----



Attached Photo:

Software:Adobe Photoshop CS Windows
PicLink:http://forum.stepok.com/linkpic.aspx?ID=63261786748609375076.jpg

stepok New Comer Pixel:0 RegTime:05-9-2 Photo0/Post1+Reply15 Generosity:0
The Author Post:2005-9-8 14:34:54
R16   Spam|

We know the hue value will affect the color bias of the corresponding area, how about the saturation value? In fact, saturation will affect on 'Amount' of corresponding color change, this is very important.For example: If the color change of midtone, compared with the change of shadow, is too large, You can choose a reference color of midtone with same hue value but small saturation. In conclusion, the comparatively of change can be controled by saturation value.

Advanced: Tone in Movie

The following captures are from movie "The Lord of the Ring" and "the Matrix".

----



Attached Photo:

PicLink:http://forum.stepok.com/linkpic.aspx?ID=63261786894187500046.jpg

stepok New Comer Pixel:0 RegTime:05-9-2 Photo0/Post1+Reply16 Generosity:0
The Author Post:2005-9-8 14:35:36
R17   Spam|

Can we use 'Tone Maker' to tune our photo, and make it 'seems like' the above movie-frames?Can we just use a 'color-filter' when we shot the photo? Let me analyse them for you:

Look at figure 20, 'Mr. Smith and Neo'. It happens in 'Matrix' so it is green, which color the director choosed to distinguish the Matrix with the real-world. But take a look at the collar of Smith, it is white, midtone. And the skin, it keeps the original skin color. If green filter is used in this scene, all the objects would lean to green. But it is not, that prove a simple 'color-filter' can not do this.

Figure 20

----



Attached Photo:

PicLink:http://forum.stepok.com/linkpic.aspx?ID=63261786936359375017.jpg

stepok New Comer Pixel:0 RegTime:05-9-2 Photo0/Post1+Reply17 Generosity:0
The Author Post:2005-9-8 14:36:11
R18   Spam|

A simple color-filter can not do this, so a simple 'Visual color change' or some other functions can not do this too. But the tone-maker can do this, because the tone maker can only change the color of shadow while keep the other area unchanged( collar, skin ).

Here we show some samples:

Figure 21:

[Tone Maker]
Opacity = 50%
Reference color of Shadow and Mid tone: R=0,G=255,B=85
Reference color of highlight: R=100,G=160,B=120
Amount = 20

[Brightness and Contrast]
Brightness down.

----



Attached Photo:

Software:Adobe Photoshop CS Windows
PicLink:http://forum.stepok.com/linkpic.aspx?ID=63261786971812500064.jpg

stepok New Comer Pixel:0 RegTime:05-9-2 Photo0/Post1+Reply18 Generosity:0
The Author Post:2005-9-8 14:36:30
R19   Spam|

Figure 22:

[Tone Maker]
Opacity 60%
Amount 20%
Reference color of shadow: R=0,G=108,B=255
Reference color of midtone: R=85,G=111,B=170
Reference color of highlight: R=104,G=127, B=157

----



Attached Photo:

PicLink:http://forum.stepok.com/linkpic.aspx?ID=63261786990671875020.jpg

stepok New Comer Pixel:0 RegTime:05-9-2 Photo0/Post1+Reply19 Generosity:0
The Author Post:2005-9-8 14:36:50
R20   Spam|

Figure 23

[Gauss Blur]
Radius : depended on photo size
Opacity : 25%

[Tone Maker]
Opacity: 0%
Amount: 40%
Reference color of shadow: R=255,G=147,B=0
Reference color of midtone: R=192,G=137,B=63
Reference color of highlight: R=142,G=130, B=113

----



Attached Photo:

PicLink:http://forum.stepok.com/linkpic.aspx?ID=63261787010390625047.jpg

stepok New Comer Pixel:0 RegTime:05-9-2 Photo0/Post1+Reply20 Generosity:0
The Author Post:2005-9-8 14:37:19
R21   Spam|

Figure 24:

[Tone Maker]
Opacity: 50%
Amount: 30%
Reference color of shadow: R=0,G=135,B=255
Reference color of midtone: R=60,G=175,B=196
Reference color of highlight: R=67,G=188, B=144

----



Attached Photo:

PicLink:http://forum.stepok.com/linkpic.aspx?ID=63261787039140625078.jpg

stepok New Comer Pixel:0 RegTime:05-9-2 Photo0/Post1+Reply21 Generosity:0
The Author Post:2005-9-8 14:37:57
R22   Spam|

Finally,
Let's compare Figure 21-24 to the reference pictures:

----



Attached Photo:

PicLink:http://forum.stepok.com/linkpic.aspx?ID=63261787077890625049.jpg

stepok New Comer Pixel:0 RegTime:05-9-2 Photo0/Post3+Reply36 Generosity:0
The Author Post:2005-9-13 16:03:01
R23   Spam|

Visit 'Software' Board for more Tutorials.http://forum.stepok.com/board.aspx?ID=software

----




JeEJy New Comer Pixel:0 RegTime:05-9-14 Photo0/Post0+Reply1 Generosity:0
Post:2005-9-14 11:35:26
R24   Spam|


Good job!
and i want you to show how to get infrared effect picture,
i think it 's interested thing.
Thank man.

----




stepok New Comer Pixel:0 RegTime:05-9-2 Photo0/Post3+Reply39 Generosity:0
The Author Post:2005-9-14 13:47:50
R25   Spam|



infrared effect picture


We once want write a infrared filter plugin for Turbo Photo but at last we discard because it result looks not 'real' for some input.


----




JeEJy New Comer Pixel:0 RegTime:05-9-14 Photo0/Post0+Reply2 Generosity:0
Post:2005-11-9 0:16:40
R26   Spam|

Thank you for include infrared filter plugin. It's work for me and I like it! Good Job
And I have new challenged for you, Could you make filter for pencil protrait? I like TurboPhoto because it's make me easy to created my photo, it's many good filter and easy to use in here.

----




stepok New Comer Pixel:0 RegTime:05-9-2 Photo0/Post6+Reply70 Generosity:0
The Author Post:2005-11-10 11:33:24
R27   Spam|



pencil protrait


Now still have not, I'll put in in dev queue.




1



 

Copyright(C) 2004,2005 stepok.com. All Rights Reserved