Jump to content

Showfoto/Brightness/uk: Difference between revisions

From KDE UserBase Wiki
Yurchor (talk | contribs)
Created page with 'У '''Showfoto''' скористайтеся пунктом меню <menuchoice>Колір -> Яскравість/Контрастність/Гама...</menuchoice>:'
Yurchor (talk | contribs)
No edit summary
 
(32 intermediate revisions by 2 users not shown)
Line 3: Line 3:
''Unai Garro (uga) — літо 2008 року''
''Unai Garro (uga) — літо 2008 року''


I began this series of tutorials some time ago already, and all of them covered light issues. We used tools like [[Showfoto/Levels_Adjust|levels]], [[Showfoto/Curves_Adjust|curves]], or [[Showfoto/White_Balance|white balance adjustment]].
Цю серію посібників було розпочато доволі давно. Всі посібники стосуються виправлення проблем, пов’язаних з освітленням. Ми вже використовували інструменти виправлення [[Special:MyLanguage/Showfoto/Levels_Adjust|рівнів]], [[Special:MyLanguage/Showfoto/Curves_Adjust|кривих]] та [[Special:MyLanguage/Showfoto/White_Balance|балансу білого]].


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.
Варто вже звернутися до способів виправлення вад іншого типу, але я вважаю, що опис виправлень, пов’язаних з освітленням, був би неповним без опису виправлення ''контрастності'', ''яскравості'' та ''кольорів''. Ймовірно, ви вже маєте певний досвід з цього виправлення, але подібні виправлення варті уваги.


Отже, почнемо. Давайте виправимо ці кольори! [[Image:Icon_wink.gif]]
Отже, почнемо. Давайте виправимо ці кольори! [[Image:Icon_wink.gif]]
Line 11: Line 11:
Вступ:
Вступ:


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!
Отже ми відкриваємо нашу чудову фотографію вдома і, на превелике розчарування, бачимо на ній зовсім не ті кольори, на які сподівалися. Що робити? Звичайно ж, ми знову скористаємося для виправлення '''Showfoto''' або '''Krita'''!


Lets see the following photograph as sample:
Нашим зразком буде наведена нижче фотографія:


{|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.
Під час зйомки було добре видно весь діапазон яскраво-зелених кольорів, а також червонувате листя на землі. Але якимось чином фотоапарат не зафіксував всіх цих контрастних кольорів. Що таке контраст? Це всього лише відмінність кольорів у межах одного зображення, відмінність певної точки чи ділянки від решти зображення. Чим контрастнішим є зображення, тим чіткіше воно виглядає для нашого ока.


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 <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:
Ви можете сказати: «Ага... Ми вже з цим знайомилися! Таку ваду можна виправити за допомогою інструменту <menuchoice>Рівні</menuchoice>! Ми вже обговорювали це у першому розділі посібника!». Так, саме це ми і спробуємо першим. Відкриємо зображення у '''Showfoto''' і скоригуємо рівні:


{|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:
Непогано, чи не так? Але все ще не те, що насправді має бути. Листя має бути зеленішим, зображення контрастнішим (глибші тіні тощо), а листя на землі червонуватішим. Як же виправити ці вади? Так, ми можемо скористатися інструментом <menuchoice>Криві</menuchoice>, наприклад, для покращення вигляду тіней, але давайте скористаємося дещо іншим інструментом, який може дати у нашому випадку подібні результати:


У '''Showfoto''' скористайтеся пунктом меню <menuchoice>Колір -> Яскравість/Контрастність/Гама...</menuchoice>:
У '''Showfoto''' скористайтеся пунктом меню <menuchoice>Колір -> Яскравість/Контрастність/Гама...</menuchoice>:
Line 45: Line 45:
|}
|}


You will get a very easy to use dialog with the following 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:
Перший повзунок, <menuchoice>Яскравість</menuchoice> керує яскравістю або тьмяністю зображення. Другий — збільшує або зменшує <menuchoice>Контрастність</menuchoice>, а третій... третій, — а що ж таке <menuchoice>Гама</menuchoice>? Подивіться на наведене нижче зображення:


{|class="tablecenter" style="border:1px solid darkgray;"
{|class="tablecenter" style="border:1px solid darkgray;"
|[[Image:Effects.png|550px]]
|[[Image:Effects_(uk).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 <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.
Як видно, збільшення значення контрастності призводить до розширення гістограми. Кожен колір відділяється від інших, отже збільшується відмінність кольорів (контраст). У нашому випадку результат виглядає набагато краще за початкове зображення. Зображення вже не блякле, воно стало набагато контрастнішим: тіні набули справді темного кольору.


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?
Тут варто зауважити дещо важливе. ''Збільшення значень яскравості і контрастності призводить до обрізання гістограми, а отже втрати частини інформації!'' Подивимося тепер на зображення зі збільшеним значенням гами. Повзунок було посунуто навіть далі, ніж це було для <menuchoice>Яскравості</menuchoice>, але гістограму не обрізано. Для чого ж призначено інструмент зміни гами?


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.
Інструмент <menuchoice>Гама</menuchoice> подібний до інструменту коригування кривих: він піднімає середню частину діаграми (див. малюнок). Застосування цього інструменту в основному впливає на середні тони сірого. Темні кольори залишаються темними, а світлі — світлими. (На відміну від зміни <menuchoice>Яскравості</menuchoice>, коли темні кольори стають сірими.) Гістограма стискається у правій частині, що зменшує пересвічену область, при цьому розширюється область тіней, отже у ній збільшується контрастність.


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:
Оскільки використаний нами інструмент може обрізати частину гістограми, ми змінимо порядок застосування інструментів. Замість застосування інструменту <menuchoice>Рівні</menuchoice>, потім <menuchoice>Яскравість/Контрастність/Гама</menuchoice>, ми спочатку застосуємо <menuchoice>Яскравість/Контрастність/Гама</menuchoice>, а потім <menuchoice>Рівні</menuchoice>. Зазвичай, виправлення рівнів краще за все застосовувати після всіх інших коригувань освітлення. Отже ми внесемо такі зміни до нашого зображення:


{|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:
Контрастність можна було ще збільшити, але не варто робити кольори знімків неприродними. Крім того, хоча це і не дуже потрібно через обрізання, варто трошки скоригувати рівні. Ось що у нас вийде:


{|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:
Результат подібний до попереднього, але трошки контрастніший. Але кольорів все ще не вистачає. Ще щось виправити? Звичайно ж, давайте скористаємося пунктом меню <menuchoice>Колір -> Відтінок/Насиченість/Освітленість...</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.
Буде відкрито панель, за допомогою якої у '''Showfoto''' можна виправити кольори зображення. За допомогою повзунка <menuchoice>Насиченість</menuchoice> можна зробити кольори сильнішими або слабшими. За допомогою повзунка <menuchoice>Відтінок</menuchoice> можна змінити відтінки кольорів (зробити темно-зелені кольори яскравішими або навіть жовтими...), і, нарешті, <menuchoice>Освітленість</menuchoice> може зробити кольори яскравішими або темнішими. Після збільшення освітленості зображення темніша частина гістограми пересунеться вгору, права частина гістограми стиснеться: темніші кольори зникнуть, а контрастність зменшиться завдяки стисканню.


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:
Ми визначимо для насиченості значення 34, трошки зменшимо освітленість і ретушуємо зелені кольори невеличкою зміною відтінку. Ось що у нас нарешті вийде:


{|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!!!!!
Ну, от і все. Маємо прийнятний результат. Це саме те, що бачили мої очі!!!


Thanks for reading this tutorial and I hope you found it useful. Cya on the next tutorial!
Дякую за те, що прочитали цей посібник. Сподіваюся, отримані знання вам ще знадобляться. Побачимося у наступному посібнику!
------
------


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 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.}}
{{Note_(uk)|1=Будь ласка, зауважте, що можна легко звикнути до зловживання інструментами коригування кольорів, зокрема інструментом виправлення насиченості. Такі зловживання називаються надмірною обробкою. Нам хочеться більше кольорів, насиченіших кольорів... але виходить зображення, що виглядає дуже неприродно, за ним помітно, що зображення було піддано обробці. Вам варто обмежити обробку так, щоб на фотографії залишилися ті кольори, які ви бачили насправді, без надмірної обробки фотографії.}}
{{Note|1=2) The final image was also sharpened a bit for presenting. We will cover sharpening in the following tutorials.}}
{{Note_(uk)|1=У остаточному зображенні ми дещо збільшили різкість. Збільшення різкості ми обговоримо у наступних посібниках.}}


[[Category:Home and Hobby]]
[[Category:Графіка/uk]]
[[Category:Photography]]
[[Category:Фотографія/uk]]
[[Category:Tutorials]]
[[Category:Підручники/uk]]

Latest revision as of 17:01, 15 February 2011

Посібник з обробки фотографій у KDE 1-4: Яскравість/Контрастність/Гама + Відтінок/Насиченість/Освітленість

Unai Garro (uga) — літо 2008 року

Цю серію посібників було розпочато доволі давно. Всі посібники стосуються виправлення проблем, пов’язаних з освітленням. Ми вже використовували інструменти виправлення рівнів, кривих та балансу білого.

Варто вже звернутися до способів виправлення вад іншого типу, але я вважаю, що опис виправлень, пов’язаних з освітленням, був би неповним без опису виправлення контрастності, яскравості та кольорів. Ймовірно, ви вже маєте певний досвід з цього виправлення, але подібні виправлення варті уваги.

Отже, почнемо. Давайте виправимо ці кольори!

Вступ:

Багато разів ми знімали чудові ландшафти і вже мріяли про чудові результати, які ми отримаємо щойно повернемося додому. У сучасних цифрових фотоапаратах передбачено можливість попереднього перегляду результатів на рідкокристалічному дисплеї, але, зазвичай, такі перегляди доволі далекі від вартих довіри, отже справжні результати можна переглянути лише вдома.

Отже ми відкриваємо нашу чудову фотографію вдома і, на превелике розчарування, бачимо на ній зовсім не ті кольори, на які сподівалися. Що робити? Звичайно ж, ми знову скористаємося для виправлення Showfoto або Krita!

Нашим зразком буде наведена нижче фотографія:

Під час зйомки було добре видно весь діапазон яскраво-зелених кольорів, а також червонувате листя на землі. Але якимось чином фотоапарат не зафіксував всіх цих контрастних кольорів. Що таке контраст? Це всього лише відмінність кольорів у межах одного зображення, відмінність певної точки чи ділянки від решти зображення. Чим контрастнішим є зображення, тим чіткіше воно виглядає для нашого ока.

Це зображення блякле, занадто світле, йому не вистачає контрастності. Чому? Тому що його кольори не розташовано вздовж всієї гістограми.

Ви можете сказати: «Ага... Ми вже з цим знайомилися! Таку ваду можна виправити за допомогою інструменту Рівні! Ми вже обговорювали це у першому розділі посібника!». Так, саме це ми і спробуємо першим. Відкриємо зображення у Showfoto і скоригуємо рівні:

В результаті отримаємо таке зображення:

Непогано, чи не так? Але все ще не те, що насправді має бути. Листя має бути зеленішим, зображення контрастнішим (глибші тіні тощо), а листя на землі червонуватішим. Як же виправити ці вади? Так, ми можемо скористатися інструментом Криві, наприклад, для покращення вигляду тіней, але давайте скористаємося дещо іншим інструментом, який може дати у нашому випадку подібні результати:

У Showfoto скористайтеся пунктом меню Колір -> Яскравість/Контрастність/Гама...:

Буде відкрито дуже просту панель керування з такими засобами керування:

Перший повзунок, Яскравість керує яскравістю або тьмяністю зображення. Другий — збільшує або зменшує Контрастність, а третій... третій, — а що ж таке Гама? Подивіться на наведене нижче зображення:

Ліворуч наведено початкову фотографію та її гістограму. Праворуч наведено зображення зі збільшеними значеннями яскравості, контрастності та гами, відповідно. Якщо можна бачити, збільшення яскравості зсуває гістограму праворуч. Тіні зникають, їх місце займають області світло-сірого кольору. Результат не дуже красивий, оскільки втрачається контрастність. Контрастність можна виправити пересуванням відповідного повзунка. Як видно, збільшення значення контрастності призводить до розширення гістограми. Кожен колір відділяється від інших, отже збільшується відмінність кольорів (контраст). У нашому випадку результат виглядає набагато краще за початкове зображення. Зображення вже не блякле, воно стало набагато контрастнішим: тіні набули справді темного кольору.

Тут варто зауважити дещо важливе. Збільшення значень яскравості і контрастності призводить до обрізання гістограми, а отже втрати частини інформації! Подивимося тепер на зображення зі збільшеним значенням гами. Повзунок було посунуто навіть далі, ніж це було для Яскравості, але гістограму не обрізано. Для чого ж призначено інструмент зміни гами?

Інструмент Гама подібний до інструменту коригування кривих: він піднімає середню частину діаграми (див. малюнок). Застосування цього інструменту в основному впливає на середні тони сірого. Темні кольори залишаються темними, а світлі — світлими. (На відміну від зміни Яскравості, коли темні кольори стають сірими.) Гістограма стискається у правій частині, що зменшує пересвічену область, при цьому розширюється область тіней, отже у ній збільшується контрастність.

Оскільки використаний нами інструмент може обрізати частину гістограми, ми змінимо порядок застосування інструментів. Замість застосування інструменту Рівні, потім Яскравість/Контрастність/Гама, ми спочатку застосуємо Яскравість/Контрастність/Гама, а потім Рівні. Зазвичай, виправлення рівнів краще за все застосовувати після всіх інших коригувань освітлення. Отже ми внесемо такі зміни до нашого зображення:

Контрастність можна було ще збільшити, але не варто робити кольори знімків неприродними. Крім того, хоча це і не дуже потрібно через обрізання, варто трошки скоригувати рівні. Ось що у нас вийде:

Результат подібний до попереднього, але трошки контрастніший. Але кольорів все ще не вистачає. Ще щось виправити? Звичайно ж, давайте скористаємося пунктом меню Колір -> Відтінок/Насиченість/Освітленість...:

Буде відкрито панель, за допомогою якої у Showfoto можна виправити кольори зображення. За допомогою повзунка Насиченість можна зробити кольори сильнішими або слабшими. За допомогою повзунка Відтінок можна змінити відтінки кольорів (зробити темно-зелені кольори яскравішими або навіть жовтими...), і, нарешті, Освітленість може зробити кольори яскравішими або темнішими. Після збільшення освітленості зображення темніша частина гістограми пересунеться вгору, права частина гістограми стиснеться: темніші кольори зникнуть, а контрастність зменшиться завдяки стисканню.

Ми визначимо для насиченості значення 34, трошки зменшимо освітленість і ретушуємо зелені кольори невеличкою зміною відтінку. Ось що у нас нарешті вийде:

Ну, от і все. Маємо прийнятний результат. Це саме те, що бачили мої очі!!!

Дякую за те, що прочитали цей посібник. Сподіваюся, отримані знання вам ще знадобляться. Побачимося у наступному посібнику!


Примітки:

Зауваження

Будь ласка, зауважте, що можна легко звикнути до зловживання інструментами коригування кольорів, зокрема інструментом виправлення насиченості. Такі зловживання називаються надмірною обробкою. Нам хочеться більше кольорів, насиченіших кольорів... але виходить зображення, що виглядає дуже неприродно, за ним помітно, що зображення було піддано обробці. Вам варто обмежити обробку так, щоб на фотографії залишилися ті кольори, які ви бачили насправді, без надмірної обробки фотографії.


Зауваження

У остаточному зображенні ми дещо збільшили різкість. Збільшення різкості ми обговоримо у наступних посібниках.