Difference between revisions of "Showfoto/Brightness"

Jump to: navigation, search
(Widen borders)
m (Replaced content with 'Moved to http://userbase.kde.org/Showfoto/Brightness')
Line 1: Line 1:
==Photo KDE Tutorial 1-4: Brightness/Contrast/Gamma + Hue/Saturation/Lightness==
+
Moved to http://userbase.kde.org/Showfoto/Brightness
Unai Garro - Summer 2008
+
 
+
I began this series of tutorials some time ago already, and all of them covered light issues. We used tools like [[User:Annew/Levels_Adjust|levels]], [[User:Annew/Curves_Adjust|curves]], or [[User:Annew/White_Balance|white balance adjustment]].
+
 
+
I wanted to approach other type of issues this time, but I think light issues would be rather incomplete if I didn't address contrast, brightness and colors adjustments. Possibly you are somewhat familiar with these already, but I think they're worth covering.
+
 
+
So lets begin. Fix da colors! [[Image:Icon_wink.gif]]
+
 
+
Follow up:
+
 
+
More than just a few times, we take a photograph of a gorgeous landscape, and we dream about the cool result we will get once we are at home. Nowadays digital cameras help us previewing the result on the LCD, but usually they are not too trustworthy, so we end up seeing the real results only when we are home.
+
 
+
So we arrive home with our cool photograph, and we find, disgusted, that it doesn't have the colors that we expected from it. What to do? We use Showfoto or Krita again, of course!
+
 
+
Lets see the following photograph as sample:
+
 
+
{|cellpadding="8" style="border:1px solid darkgray;"
+
|[[Image:Orig.jpg|550px|]]
+
|}
+
 
+
When I took this photo, my eyes were seeing all sort of strong green colors, and reddish leaves in the ground. But somehow the camera didn't capture all that contrast for me. But what's contrast? It's just the color differences found inside an image, the difference between a pixel/region and the surrounding. The more contrasty the image, the clearer it is to the eye.
+
 
+
This image instead, is whiteish, it's flat, it lacks contrast. Why? because it doesn't cover the whole histogram.
+
 
+
"Ahhhhhh..." you'll say now.... "I know this! I can fix this using levels! I learned it in the first tutorial!". Yes, and that's what we will try first. Open the image in showfoto, and adjust the levels:
+
 
+
{|cellpadding="8" style="border:1px solid darkgray;"
+
|[[Image:Fix1.png|550px]]
+
|}
+
 
+
The result is the following image:
+
 
+
{|cellpadding="8" style="border:1px solid darkgray;"
+
|[[Image:Result1.jpg|550px]]
+
|}
+
 
+
Not bad, is it? But still, I had a different photo in my mind. Leaves were greener, there was more contrast (like darker shadows), and the leaves on the floor were more reddish. So can we fix this? Yes, we could use the curves to improve shadows for example. But I will show you some new tools that can achieve similar results in this case:
+
 
+
In showfoto, go to the menu '''Color->Brightness/Contrast/Gamma...''':
+
 
+
{|align="center" cellpadding="8" style="border:1px solid darkgray;"
+
|[[Image:Menu2.jpg|420px]]
+
|}
+
 
+
You will get a very easy to use dialog with the following controls:
+
 
+
{|cellpadding="8" style="border:1px solid darkgray;"
+
|[[Image:BCG.jpg|550px]]
+
|}
+
 
+
The first "Brightness" slider controls the brightness/darkness of the image. The second slider, increases or reduces contrast, and uhm... what's gamma? Look at the following image:
+
 
+
{|cellpadding="8" style="border:1px solid darkgray;"
+
|[[Image:Effects.png|550px]]
+
|}
+
 
+
The photo and histogram on the left are those of the original image. In the right hand, the three photos show the result of increasing brightness, contrast, and gamma respectively.
+
As you can see, when using the brightness control, it moves the whole histogram to the right. Shadows will dissappear and become light grays. The result isn't very pleasing, as it is less contrasty. This could be fixed by adjusting contrast.
+
In the contrast output, you can see that the histogram has been expanded. This means that each color has been separated further from each other, and thus increase color difference (contrast). The output is much more pleasing than the original image in this case. The image is no more flat, it's much more contrasty, and shadows are clear dark contrasted.
+
 
+
At this point you should have noticed something important. '''Both contrast and brightness controls can clip the histogram and cause information loss!''' Now look at the gamma adjustment. I pushed "brightness" even further than the first tool, and still, the image wasn't clipped. What did the gamma tool do?
+
 
+
The gamma control is like adjusting the curves tool upwards in the middle (see the figure). It affects mostly to the middle gray levels. Blacks will remain black and whites will remain white. (unlike brightness control where blacks become gray). It compresses the histogram in the right part by compressing highlights, but shadows are expanded and thus causes to extend contrast there.
+
 
+
Given that this tool can clip the histogram, to avoid it as much as I can, I will change the order. Instead of doing Levels->BCG, I will do BCG->Levels. It's usually best adjusting levels after all other light adjustments have been done. So I did the following adjustment to the image:
+
 
+
{|cellpadding="8" style="border:1px solid darkgray;"
+
|[[Image:Fix2.png|550px]]
+
|}
+
I could have pushed contrast even further, but I prefer natural looking photos. Then, afterwards, even if it wasn't much needed due to the clipping, I adjusted levels a bit. This is what I got:
+
 
+
{|cellpadding="8" style="border:1px solid darkgray;"
+
|[[Image:Result2.jpg|550px]]
+
|}
+
 
+
The result is similar to the previous one, but a bit more contrasty. Still, I'm missing colors here, something is missing? Of course, lets open the '''Color->Hue/Saturation/Lightness...''' option from the menu:
+
 
+
{|align="center" cellpadding="8" style="border:1px solid darkgray;"
+
|[[Image:Menu3.jpg|420px]]
+
|}
+
 
+
{|cellpadding="8" style="border:1px solid darkgray;"
+
|[[Image:Fix3.png|550px]]
+
|}
+
 
+
It will open a dialog where Showfoto permits adjusting the colors of the image. The Saturation control can make colors stronger or weaker. The Hue control permits altering colors towards another one (brighter colors to darker green, or even to yellow...), and finally, Lightness can make colors brighter or darker. When the image is lightened up, it causes moving the histogram's dark part upwards and compressing the whole of it on the right, thus blacks dissappear and contrast can be reduced easily thanks to the compression.
+
 
+
In my adjustment, I pushed saturation up to 34, reduced lightness a bit, and retouched the greens by altering the hue slightly. This is what I got finally:
+
 
+
{|cellpadding="8" style="border:1px solid darkgray;"
+
|[[Image:Result.jpg|550px]]
+
|}
+
 
+
Now yes, I'm happy with the result. That's what my eyes saw!!!!!
+
 
+
Thanks for reading this tutorial and I hope you found it useful. Cya on the next tutorial!
+
------
+
 
+
Notes:
+
1) Please note that it's very easy to get addicted to tools like saturation control and go too far adjusting them (we call it overdoing /overprocessing). We want more colors, more saturated colors... but we end up with a picture that looks very unnatural and clearly shows procesing was done. My suggestion is you limit yourself to showing what your eyes or your mind saw in the scene without overdoing the photo.
+
2) The final image was also sharpened a bit for presenting. We will cover sharpening in the following tutorials.
+

Revision as of 12:36, 7 April 2010

Moved to http://userbase.kde.org/Showfoto/Brightness


Content is available under Creative Commons License SA 4.0 unless otherwise noted.