Jump to content

Showfoto/Brightness/ca: Difference between revisions

From KDE UserBase Wiki
Abella (talk | contribs)
Created page with "==Guia d'aprenentatge de fotos al KDE 1-4: Brillantor/Contrast/Gamma + To/Saturació/Lluminositat== ''Unai Garro (uga): estiu de 2008''"
 
Abella (talk | contribs)
Importing a new version from external source
 
(33 intermediate revisions by the same user not shown)
Line 1: Line 1:
<languages />
<languages />
==Guia d'aprenentatge de fotos al KDE 1-4: Brillantor/Contrast/Gamma + To/Saturació/Lluminositat==
==Guia d'aprenentatge KDE per a fotografia 1-4: Brillantor/Contrast/Gamma + To/Saturació/Lluminositat==
''Unai Garro (uga): estiu de 2008''
''Unai Garro (uga): estiu de 2008''


I began this series of tutorials some time ago already, and all of them covered light issues. We used tools like [[Special:myLanguage/Showfoto/Levels_Adjust|levels]], [[Special:myLanguage/Showfoto/Curves_Adjust|curves]], or [[Special:myLanguage/Showfoto/White_Balance|white balance adjustment]].
Vaig començar aquesta sèrie de guies d'aprenentatge ja fa un temps, i totes aborden qüestions sobre la llum. Utilitzem eines com [[Special:myLanguage/Showfoto/Levels_Adjust|nivells]], [[Special:myLanguage/Showfoto/Curves_Adjust|corbes]] o [[Special:myLanguage/Showfoto/White_Balance|ajust del balanç de blancs]].


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.
Aquesta vegada desitjo apropar-me a un altre tipus de problemes, però crec que els problemes de la llum serien molt incomplets si no ens ocupem del ''contrast'', ''brillantor'' i ''colors''. Possiblement ja hi estareu una mica familiaritzat, però crec que val la pena cobrir-ho.


So lets begin. Fix da colors! [[Image:Icon_wink.gif]]
Així doncs començarem. Arreglant els colors! [[Image:Icon_wink.gif]]


Follow up:
Introducció:


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.
Més que unes poques de vegades, prenem una fotografia d'un paisatge preciós, i somiarem amb un gran resultat una vegada som a casa. Avui dia les càmeres digitals ens ajuden a previsualitzar el resultat a la pantalla LCD, però en general no són massa fiables, de manera que veurem els resultats reals quan som a casa.


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!
De manera que arribem a casa amb la nostra gran fotografia, i ens trobem, disgustats, ja que no té els colors que esperàvem. Què fer? Utilitzarem de nou '''Showfoto''' o '''Krita''', es clar!


Lets see the following photograph as sample:
Permet veure la següent fotografia com a mostra:


{|class="tablecenter" style="border:1px solid darkgray;"
{|class="tablecenter" style="border:1px solid darkgray;"
Line 21: Line 21:
|}
|}


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.
Quan vaig prendre aquesta fotografia, veia amb els ulls tot tipus de colors forts en verd i fulles vermelloses a terra. Però d'alguna manera la càmera no captura tot el que contrasta per a mi. Però que és el contrast? És les diferències de color trobades a l'interior d'una imatge, la diferència entre un píxel/regió i els seus voltants. Com més contrastat conté la imatge, més clara és a la vista.


This image instead, is whiteish, it's flat, it lacks contrast. Why? because it doesn't cover the whole histogram.
Aquesta imatge en canvi, és blanquinosa, és plana, no té contrast. Per què? Ja que l'histograma no ho cobreix.


"Ahhhhhh..." you'll say now.... "I know this! I can fix this using <menuchoice>Levels</menuchoice>! 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:
"Ahhhhhh..." direu ara.... "Això ja ho sé! Puc arreglar-ho utilitzant <menuchoice>Nivells</menuchoice>! Ho vaig aprendre a la primera guia d'aprenentatge!". , i això és el que tractarem en primer lloc. Obriu la imatge al '''Showfoto''', i ajustarem els nivells:


{|class="tablecenter" style="border:1px solid darkgray;"
{|class="tablecenter" style="border:1px solid darkgray;"
Line 31: Line 31:
|}
|}


The result is the following image:
El resultat és la següent imatge:


{|class="tablecenter" style="border:1px solid darkgray;"
{|class="tablecenter" style="border:1px solid darkgray;"
Line 37: Line 37:
|}
|}


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 <menuchoice>Curves</menuchoice> to improve shadows for example. But I will show you some new tools that can achieve similar results in this case:
No està malament, oi? Però tot i això, jo pensava en una fotografia diferent. Les fulles són verdes, hi havia més contrast (com ombres fosques), i les fulles del terra són més vermelloses. Podem solucionar aquest problema? , per exemple podem utilitzar les <menuchoice>Corbes</menuchoice> per a millorar les ombres. Però us mostraré algunes eines noves que poden aconseguir resultats similars en aquest cas:


In '''Showfoto''', go to the menu <menuchoice>Color -> Brightness/Contrast/Gamma...</menuchoice>:
Al '''Showfoto''', aneu al menú <menuchoice>Color -> Brillantor/Contrast/Gamma...</menuchoice>:


{|class="tablecenter" style="border:1px solid darkgray;"
{|class="tablecenter" style="border:1px solid darkgray;"
Line 45: Line 45:
|}
|}


You will get a very easy to use dialog with the following controls:
Obtindreu un diàleg molt fàcil d'utilitzar amb els següents controls:


{|class="tablecenter" style="border:1px solid darkgray;"
{|class="tablecenter" style="border:1px solid darkgray;"
Line 51: Line 51:
|}
|}


The first <menuchoice>Brightness</menuchoice> slider controls the brightness/darkness of the image. The second slider increases or reduces <menuchoice>Contrast</menuchoice>, and uhm... what's <menuchoice>Gamma</menuchoice>? Look at the following image:
El primer control lliscant <menuchoice>Brillantor</menuchoice> controla la brillantor/foscor de la imatge. El segon control lliscant augmenta o redueix el <menuchoice>Contrast</menuchoice>, i um... Que és la <menuchoice>Gamma</menuchoice>? Mireu la següent imatge:


{|class="tablecenter" style="border:1px solid darkgray;"
{|class="tablecenter" style="border:1px solid darkgray;"
Line 57: Line 57:
|}
|}


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.
La fotografia i l'histograma de l'esquerra són els de la imatge original. A mà dreta, les tres fotografies mostren el resultat de brillantor, contrast i gamma incrementats respectivament.
As you can see, when using the brightness control, it moves the whole histogram to the right. Shadows will disappear and become light grays. The result isn't very pleasing, as it is less contrasty. This could be fixed by adjusting contrast.
Com podeu veure, quan s'utilitza el control de brillantor, es mou tot l'histograma cap a la dreta. Les ombres desapareixen i les llums es tornen grises. El resultat no és molt agradable, ja que té menys contrastat. Això es podria solucionar ajustant el contrast.
In the <menuchoice>Contrast</menuchoice> 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.
A la sortida del <menuchoice>Contrast</menuchoice>, podeu veure que l'histograma s'ha ampliat. Això significa que cada color s'ha separat encara més l'un de l'altre, i per tant augmenta la diferència de color (contrast). La sortida és molt més agradable que la imatge original en aquest cas. La imatge no és més plana, té molt més contrast i les ombres són d'un fosc clar contrastat.


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 <menuchoice>Brightness</menuchoice> even further than the first tool, and still, the image wasn't clipped. What did the gamma tool do?
En aquest punt haureu notat alguna cosa important. ''Tant els controls de contrast com de brillantor poden retallar l'histograma i causar la pèrdua d'informació!'' Ara mireu l'ajust de la gamma. He empés la <menuchoice>Brillantor</menuchoice> una mica més enllà que la primera eina, i encara no es retalla la imatge. Què fa l'eina de gamma?


The <menuchoice>Gamma</menuchoice> 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 <menuchoice>Brightness</menuchoice> 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.
El control <menuchoice>Gamma</menuchoice> és com ajustar l'eina de corbes cap amunt al centre (veure la figura). Afecta sobretot als nivells mitjans de la majoria de grisos. Els negres es mantindran en negre i els blancs seguiran sent blancs (a diferència del control <menuchoice>Brillantor</menuchoice>, on els negres esdevindran grisos). Comprimeix l'histograma a la part dreta comprimint les llums intenses, però les ombres s'expandeixen i per tant causen que s'estengui el contrast entre aquests.


Given that this tool can clip the histogram, to avoid it as much as I can, I will change the order. Instead of doing <menuchoice>Levels</menuchoice> then <menuchoice>Brightness/Contrast/Gamma</menuchoice>, I will do <menuchoice>Brightness/Contrast/Gamma</menuchoice> then <menuchoice>Levels</menuchoice>. It's usually best adjusting levels after all other light adjustments have been done. So I did the following adjustment to the image:
Tenint en compte que aquesta eina pot arruïnar l'histograma, per evitar-ho en la mesura del possible, vaig a canviar l'ordre. En comptes de fer <menuchoice>Nivells</menuchoice> i després <menuchoice>Brillantor/Contrast/Gamma</menuchoice>, jo ho faré <menuchoice>Brillantor/Contrast/Gamma</menuchoice> i després <menuchoice>Nivells</menuchoice>. En general, és millor ajustar els nivells després que s'hagin realitzat tots els altres ajustos de la llum. Així que vaig fer el següent ajust a la imatge:


{|class="tablecenter" style="border:1px solid darkgray;"
{|class="tablecenter" style="border:1px solid darkgray;"
Line 71: Line 71:
|}
|}


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:
Podria haver empès contrast una mica més, però prefereixo les fotografies d'aspecte natural. Posteriorment, encara que no era molt necessari a causa de les retallades, vaig ajustar els nivells una mica. Això és el que tinc:


{|class="tablecenter" style="border:1px solid darkgray;"
{|class="tablecenter" style="border:1px solid darkgray;"
Line 77: Line 77:
|}
|}


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 <menuchoice>Color -> Hue/Saturation/Lightness...</menuchoice> option from the menu:
El resultat és similar a l'anterior, però amb una mica més de contrastat. Tot i això, encara estem perdent colors, li falta alguna cosa? Per descomptat, obrirem l'opció de menú <menuchoice>Color -> To/Saturació/Lluminositat...</menuchoice>:


{|class="tablecenter" style="border:1px solid darkgray;"
{|class="tablecenter" style="border:1px solid darkgray;"
Line 87: Line 87:
|}
|}


It will open a dialog where '''Showfoto''' permits adjusting the colors of the image. The <menuchoice>Saturation</menuchoice> control can make colors stronger or weaker. The <menuchoice>Hue</menuchoice> control permits altering colors towards another one (brighter colors to darker green, or even to yellow...), and finally, <menuchoice>Lightness</menuchoice> 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.
S'obrirà un diàleg on '''Showfoto''' permet ajustar els colors de la imatge. El control <menuchoice>Saturació</menuchoice> pot tornar més forts o més dèbils els colors. El control <menuchoice>To</menuchoice> permet modificar els colors que intercanvien amb altres colors més clars (colors més clars a verd fosc, o fins i tot a groc...) i, finalment, <menuchoice>Lluminositat</menuchoice> pot fer que els colors més clars o més foscos. Quan s'aclareix la imatge, mou cap amunt la part fosca de l'histograma i la comprimeix completament a la dreta, de manera que els negres desapareixen i el contrast es pot reduir amb facilitat gràcies a la compressió.


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:
En el meu ajust, vaig empènyer la saturació fins a 34, vaig reduir una mica la lluminositat, i vaig retocar els verds alterant lleugerament la tonalitat. Això és el que tinc finalment:


{|class="tablecenter" style="border:1px solid darkgray;"
{|class="tablecenter" style="border:1px solid darkgray;"
Line 95: Line 95:
|}
|}


Now yes, I'm happy with the result. That's what my eyes saw!!!!!
Ara sí, estic content amb el resultat. Això és el que van veure els meus ulls!


Thanks for reading this tutorial and I hope you found it useful. Cya on the next tutorial!
Gràcies per llegir aquesta guia d'aprenentatge i espero que l'hagueu trobat útil. Fins la següent guia d'aprenentatge!
------
------


Notes:
Notes:
{{Note|1=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 processing was done. My suggestion is you limit yourself to showing what your eyes or your mind saw in the scene without overdoing the photo.}}
{{Note/ca|1=1. Tingueu en compte que és molt fàcil tornar-se addicte a eines com el control de la saturació i exagerar ajustant (en diem processament excessiu). Volem més colors, colors més saturats... però acabem amb una imatge que sembla molt poc natural i mostra clarament el processament s'ha realitzat. El meu suggeriment és que us limiteu a mostrar el que els vostres ulls o la vostra ment va veure en l'escena sense exagerar la fotografia.}}
{{Note|1=2. The final image was also sharpened a bit for presenting. We will cover sharpening in the following tutorials.}}
{{Note/ca|1=2. La imatge final també es va aguditzar una mica per a la presentació. Cobrirem la nitidesa en les següents guies d'aprenentatge.}}


[[Category:Graphics]]
[[Category:Gràfics/ca]]
[[Category:Photography]]
[[Category:Fotografia/ca]]
[[Category:Tutorials]]
[[Category:Guies d'aprenentatge/ca]]

Latest revision as of 14:14, 8 December 2013

Guia d'aprenentatge KDE per a fotografia 1-4: Brillantor/Contrast/Gamma + To/Saturació/Lluminositat

Unai Garro (uga): estiu de 2008

Vaig començar aquesta sèrie de guies d'aprenentatge ja fa un temps, i totes aborden qüestions sobre la llum. Utilitzem eines com nivells, corbes o ajust del balanç de blancs.

Aquesta vegada desitjo apropar-me a un altre tipus de problemes, però crec que els problemes de la llum serien molt incomplets si no ens ocupem del contrast, brillantor i colors. Possiblement ja hi estareu una mica familiaritzat, però crec que val la pena cobrir-ho.

Així doncs començarem. Arreglant els colors!

Introducció:

Més que unes poques de vegades, prenem una fotografia d'un paisatge preciós, i somiarem amb un gran resultat una vegada som a casa. Avui dia les càmeres digitals ens ajuden a previsualitzar el resultat a la pantalla LCD, però en general no són massa fiables, de manera que veurem els resultats reals quan som a casa.

De manera que arribem a casa amb la nostra gran fotografia, i ens trobem, disgustats, ja que no té els colors que esperàvem. Què fer? Utilitzarem de nou Showfoto o Krita, es clar!

Permet veure la següent fotografia com a mostra:

Quan vaig prendre aquesta fotografia, veia amb els ulls tot tipus de colors forts en verd i fulles vermelloses a terra. Però d'alguna manera la càmera no captura tot el que contrasta per a mi. Però que és el contrast? És les diferències de color trobades a l'interior d'una imatge, la diferència entre un píxel/regió i els seus voltants. Com més contrastat conté la imatge, més clara és a la vista.

Aquesta imatge en canvi, és blanquinosa, és plana, no té contrast. Per què? Ja que l'histograma no ho cobreix.

"Ahhhhhh..." direu ara.... "Això ja ho sé! Puc arreglar-ho utilitzant Nivells! Ho vaig aprendre a la primera guia d'aprenentatge!". Sí, i això és el que tractarem en primer lloc. Obriu la imatge al Showfoto, i ajustarem els nivells:

El resultat és la següent imatge:

No està malament, oi? Però tot i això, jo pensava en una fotografia diferent. Les fulles són verdes, hi havia més contrast (com ombres fosques), i les fulles del terra són més vermelloses. Podem solucionar aquest problema? Sí, per exemple podem utilitzar les Corbes per a millorar les ombres. Però us mostraré algunes eines noves que poden aconseguir resultats similars en aquest cas:

Al Showfoto, aneu al menú Color -> Brillantor/Contrast/Gamma...:

Obtindreu un diàleg molt fàcil d'utilitzar amb els següents controls:

El primer control lliscant Brillantor controla la brillantor/foscor de la imatge. El segon control lliscant augmenta o redueix el Contrast, i um... Que és la Gamma? Mireu la següent imatge:

La fotografia i l'histograma de l'esquerra són els de la imatge original. A mà dreta, les tres fotografies mostren el resultat de brillantor, contrast i gamma incrementats respectivament. Com podeu veure, quan s'utilitza el control de brillantor, es mou tot l'histograma cap a la dreta. Les ombres desapareixen i les llums es tornen grises. El resultat no és molt agradable, ja que té menys contrastat. Això es podria solucionar ajustant el contrast. A la sortida del Contrast, podeu veure que l'histograma s'ha ampliat. Això significa que cada color s'ha separat encara més l'un de l'altre, i per tant augmenta la diferència de color (contrast). La sortida és molt més agradable que la imatge original en aquest cas. La imatge no és més plana, té molt més contrast i les ombres són d'un fosc clar contrastat.

En aquest punt haureu notat alguna cosa important. Tant els controls de contrast com de brillantor poden retallar l'histograma i causar la pèrdua d'informació! Ara mireu l'ajust de la gamma. He empés la Brillantor una mica més enllà que la primera eina, i encara no es retalla la imatge. Què fa l'eina de gamma?

El control Gamma és com ajustar l'eina de corbes cap amunt al centre (veure la figura). Afecta sobretot als nivells mitjans de la majoria de grisos. Els negres es mantindran en negre i els blancs seguiran sent blancs (a diferència del control Brillantor, on els negres esdevindran grisos). Comprimeix l'histograma a la part dreta comprimint les llums intenses, però les ombres s'expandeixen i per tant causen que s'estengui el contrast entre aquests.

Tenint en compte que aquesta eina pot arruïnar l'histograma, per evitar-ho en la mesura del possible, vaig a canviar l'ordre. En comptes de fer Nivells i després Brillantor/Contrast/Gamma, jo ho faré Brillantor/Contrast/Gamma i després Nivells. En general, és millor ajustar els nivells després que s'hagin realitzat tots els altres ajustos de la llum. Així que vaig fer el següent ajust a la imatge:

Podria haver empès contrast una mica més, però prefereixo les fotografies d'aspecte natural. Posteriorment, encara que no era molt necessari a causa de les retallades, vaig ajustar els nivells una mica. Això és el que tinc:

El resultat és similar a l'anterior, però amb una mica més de contrastat. Tot i això, encara estem perdent colors, li falta alguna cosa? Per descomptat, obrirem l'opció de menú Color -> To/Saturació/Lluminositat...:

S'obrirà un diàleg on Showfoto permet ajustar els colors de la imatge. El control Saturació pot tornar més forts o més dèbils els colors. El control To permet modificar els colors que intercanvien amb altres colors més clars (colors més clars a verd fosc, o fins i tot a groc...) i, finalment, Lluminositat pot fer que els colors més clars o més foscos. Quan s'aclareix la imatge, mou cap amunt la part fosca de l'histograma i la comprimeix completament a la dreta, de manera que els negres desapareixen i el contrast es pot reduir amb facilitat gràcies a la compressió.

En el meu ajust, vaig empènyer la saturació fins a 34, vaig reduir una mica la lluminositat, i vaig retocar els verds alterant lleugerament la tonalitat. Això és el que tinc finalment:

Ara sí, estic content amb el resultat. Això és el que van veure els meus ulls!

Gràcies per llegir aquesta guia d'aprenentatge i espero que l'hagueu trobat útil. Fins la següent guia d'aprenentatge!


Notes:

Nota

1. Tingueu en compte que és molt fàcil tornar-se addicte a eines com el control de la saturació i exagerar ajustant (en diem processament excessiu). Volem més colors, colors més saturats... però acabem amb una imatge que sembla molt poc natural i mostra clarament el processament s'ha realitzat. El meu suggeriment és que us limiteu a mostrar el que els vostres ulls o la vostra ment va veure en l'escena sense exagerar la fotografia.


Nota

2. La imatge final també es va aguditzar una mica per a la presentació. Cobrirem la nitidesa en les següents guies d'aprenentatge.