?

Log in

Previous Entry | Next Entry

Интересных вопросов в очереди много. Жаль только, что в последние несколько недель совершенно нет времени писать. Сначала болел, потом из-за болезни уплотнился график занятий (10 трехчасовых занятий в неделю плюс по 20-25 домашних заданий к каждому, доложу я вам, не фунт изюму). Чтобы не было скучно, я решил перенести сюда в ЖЖ несколько статей, которые были написаны раньше для других ресурсов. Это нужно было сделать уже давно, тем более, что данные статьи вписываются в программу курса «Adobe Photoshop. Базовый уровень».. Причем на самом важном начальном уровне: второе занятие. А заодно поправлю иллюстрации и дополню текст. Первоначально статья написана в 2012 году для сайта fototips.ru

00_All_Cats_730px

Об умении «мыслить в котах», плюсах формализации и определении нужной формы кривой. Эта статья посвящена работе с тоновой кривой (Curves). Пока что только с одной. Прежде чем переходить к обработке цветных изображений надо освоить работу с самой кривой, а делать это удобнее на черно-белом изображении.

Предисловие по мотивам коментариев к первой публикации. Если Вы думаете, что эти коты появились здесь случайно, Вы очень сильно ошибаетесь. Если Вы думаете, что я украл их у Дэна Маргулиса, Вы ошибаетесь вдвойне. Я специально взял тех же самых котов, которых использовал Дэн. Из того же самого абсолютно легального источника — роялти-фри библиотеки Corel Professional Photos. Кстати, картинки в ней просто отсканированны (без всякой обработки), и имеют весьма паршивое качество. А поскольку библиотека эта старая (прошлого тысячелетия) и жила на крайне ненадежных оптических носителях (CD), искомое фото белого кота оказалось битым. Поэтому модель та же самая, но фото другое.

Просто мне понравилась предложенная Дэном модель. А еще, захотелось, чтобы у Вас появились хорошие знакомые. И, если Вы решитесь прочесть книгу Маргулиса «Photoshop для профессионалов: классическое руководство по цветокоррекции. Пятое издание», эти монохромные бродяги поднимут настроение и не дадут потеряться на ее просторах

Тоновая кривая (Curves) — это график функции определяющей соотношением между яркостью до (горизонтальная ось) и после (вертикальная ось) коррекции. По-умолчанию кривая проходит из левого нижнего угла в правый верхний под углом в 45 градусов. Как в этом случае поступает программа?

Фотошоп берет первый пиксель изображения и на горизонтальной оси откладывает его исходную яркость. Предположим, она равна 128. Из полученной точки поднимается вверх до пересечения с кривой, а из точки пересечения отправляется влево и откладывает на вертикальной оси яркость после коррекции. Аналогичную операцию программа совершает с каждым пикселем. Таким образом получается новое изображение, с новым распределением яркостей.

Начальное положение кривой соответствует функции y=x. Проще говоря, что было на входе, то и останется на выходе. Поэтому яркость пикселя после коррекции так же равна 128. А новое изображение будет в точности повторять исходное.

01_Curves_Source

На иллюстрации рядом с кривой расположен портрет по которому можно визуально оценить результат коррекции. Правее приведен дискретный яркостный клин (набор из 9 квадратов с яркостью от 0 до 255). Он будет меняться в соответствии с внесенной коррекцией.

Существуют 4 простых правила работы с кривой. Освоив их вы легко построите кривую реализующую задуманные изменения. Или наоборот, посмотрев на форму кривой, опишите какие изменения происходят в картинке под ее воздействием.

Поставим точку в центре кривой и сдвинем ее вниз, например до значения 64. Отложив исходную яркость 128, фотошоп поднимается до пересечения с кривой, но теперь точка пересечения расположена ниже, следовательно яркость после коррекции будет меньше.

02_Curves_Darken

Правило первое: если кривая проходит ниже своего начального положения, изображение затемняется. При этом затемнение тем сильнее, чем сильнее кривая отклонилась от начального положения. В данном примере максимальное затемнение приходится на средние тона изображения, убывая к теням и светам.

Теперь давайте ту же самую центральную точку кривой сместим вверх от начального положения. Отложив исходную яркость 128, фотошоп поднимается до пересечения с кривой, но в этот раз точка пересечения расположена выше, следовательно яркость после коррекции будет больше.

03_Curves_Lighten

Правило второе: если кривая проходит выше своего начального положения, изображение осветляется. При этом осветление тем сильнее, чем сильнее кривая отклонилась от начального положения. В данном примере максимальное осветление вновь приходится на средние тона изображения, убывая к теням и светам.

Даже из этих простых примеров видно, насколько важно уточнять о каком тоновом диапазоне исходного изображения идет речь. Другой диапазон — другая степень воздействия. Но можно пойти дальше, и на различные диапазоны оказать не просто разные, а противоположные воздействия.

Давайте поставим точку в тричетвертьтонах (64) и затемним ее до уровня 32. А точку в четвертьтонах (192) осветлим до уровня 224. Таким образом в темной половине тонового диапазона кривая проходит ниже начального положения и изображение затемняется, а в светлой выше и изображение осветляется.

Детали, лежавшие в диапазоне 64-192, теперь занимают диапазон 32-224. Перепады яркости увеличились, то есть увеличился контраст этих деталей. На форме кривой это выражается в увеличении крутизны: при той же ширине склона высота стала больше.

04_Curves_Contrast_Higher

Правило третье: если крутизна кривой увеличивается, контраст в соответствующем тоновом диапазоне повышается. При этом повыщение контраста тем больше, чем выше крутизна кривой.

Обратный пример очевиден. Если при том же перепаде входных яркостей на выходе будет перепад меньший, контраст деталей уменьшится, а кривая примет более пологую форму.

05_Curves_Contrast_Lower

Правило четвертое: если крутизна кривой уменьшается, контраст в соответствующем тоновом диапазоне понижается. При этом понижение контраста тем больше, чем меньше крутизна кривой.

Важно понимать, что невозможно поменять яркость, не меняя контраст. И наоборот. Основной вопрос здесь кроется не в технике, а в психологии оператора. "Нужно сделать посветлее!" говорим мы и поднимаем кривую. Это значит, что основное, значимое для нас изменение происходит с яркостью. А с повышением контраста в тенях и падением в светах мы просто готовы согласится. "Поднять контраст в средних тона!", и мы готовы мириться с затемнением три четверть тонов и осветлением четверть тонов. И при этом вечный неизбежный поиск компромиса.

А теперь, зная механизм работы кривой, давайте попробуем откорректировать изображение. Даже беглого взгляда на фотографию салата достаточно чтобы заметить, что у него проблемы с контрастом. Самый темный цвет на фото — темно-серый, самый светлый — светло-серый. Мы имеем перепад яркостей «от темно-серого до светло-серого» вместо максимально возможного «от черного до белого».

06_WB_Source

Это означает, что изображение неполноконтрастно. Гистограмма подтверждает визуальную оценку: дыра в светах и тенях подсказывают, что требуется установка белой и черной точек. Белая точка — это самая светлая сюжетно-значимая точка изображения не являющаяся жестким бликом или источником света. Черная точка — это самая темная сюжетно-значимая точка изображения.

Чтобы их найти удобно воспользоваться отображением в режиме отсечки. Для этого надо поставить галочку «Show Clipping» или сдвигать боковой движок с зажатой клавишей «Alt» (при работе с корректирующим слоем это единственный вариант). В этом режиме все пиксели имеющие яркость меньше текущего положения движка будут черными, такую же или больше — белыми.

07_Curves_Cliping_243

Вот что будет, если сдвинуть белый движок в положение 243. Такую же или большую яркость имеет только расшивка между кафелем. Это не самый сюжетно-значимый объект, белые швы стараются сделать максимально светлыми, поэтому по яркости они могут сравниться с бликами. Кроме того, если принять их за белую точку и привести их к яркости 245, изображение так и останется неполноконтрастным. Ведь ничего светлее в нем нету.

08_WB_Threshold_243

Сдвинем белый движок в положение 235. В правом верхнем углу появляется белый участок. Сверившись с исходной картинкой убеждаемся, что это достаточно мягкий блик на кромке светлой миски. Он вполне подходит под определение белой точки.

09_WB_Threshold_235

Аналогично ищется точка черного. Сдвиг в режиме отсечки черного движка в положение 50 проявляет первые наиболее темные детали. Это области самых глубоких теней на листьях салата. Пропускаем их и пробуем найти что-нибудь посветлее.

10_WB_Threshold_50

При сдвиге в положение 60 начинает проступать больше участков. Один из них вполне можно принять за точку черного. Приведя его к яркости 10 мы получим хорошие глубокие тени, а небольшие изначально более темные участки заполнят диапазон от 0 до 10.

11_WB_Threshold_60

Самый быстрый способ поставить белую и черную точки — это воспользоваться соответствующими пипетками из интерфейса кривых. Щелчок белой пипеткой по выбранному участку приведет его яркость к заданной.

12_Curves_White_Sample

Как задать яркость к которой белая пипетка будет приводить выбранную область? Дважды кликнем по пиктограмме белой пипетки в палитре Curves. В открывшемся окне зададим 245 во всех каналах RGB. Такое значение не догма, можно задать любое другое число, например 240 или 235.

13_Highlight_Colors

Чем больше вы отступите от 255, тем больше будет запас на сохранение деталей в светах. Ведь за точку белого мы выбираем самую светлую значимую область, а в областях малозначимых могут быть и более светлые детали. То есть у вас будет более широкий выбор белой точки.

Но, с другой стороны, чем больше в настройках пипетки отступ от 255, тем меньше будет сдвигаться в светах кривая. То есть, при том же выборе точки на картинке вы получите меньшее осветление светов и повышение контраста изображения. Конкретные настройки каждый цветокорректор подбирает для себя сам исходя из собственных привычек и удобства работы.

Надо сделать ремарку, что на выбор настройки белой и черной пипеток так же влияет последующая технология воспроизведения картинки, но эта тема настолько специфическая, что далеко выходит за рамки данной статьи.

Аналогично настраивается черная пипетка. После двойного клика откроется дополнительное меню. В нем можно задать яркость к которой будет приведена область изображения принятая за точку черного.

14_Curves_Black_Sample

Целевую яркость черной пипетки можно привести к 10 во всех каналах RGB. Соображения по выбору конкретных значений точно такие же, как и для белой пипетки. При этом к выбору точки черного можно отнестись немного менее аккуратно, чем к выбору точки белого, поскольку потеря деталей в тенях для нас привычна и не вызывает таких неприятных ощущений, как потеря деталей в светах.

15_Shadow_Colors

Вот что получилось после установки белой и черной точки. Изображение более контрастно и, как следствие, выглядит более объемным. Конечно, с ним еще можно поработать: сделать посветлее, поднять контраст листьев салата и т.д. Но сейчас я хочу обратить внимание на другое.

16_WB_Samplers

Посмотрите где находится наша точка белого. Кружок на кривой показывает ее положение, но реально она не ставится. Что же делает программа при работе белой пипеткой? За точку белого мы приняли область с исходной яркостью 235 — откладываем это значение на горизонтальной оси. В настройках пипетки стоит целевая яркость 245 — откладываем это значение на вертикальной оси.

Эта точка с координатами (235; 245) отмечена на кривой кружком, именно через нее и должна пройти кривая. Но реально она на кривой не ставится. Photoshop просто сдвигает крайнюю светлую точку кривой влево, пока кривая не пройдет через точку белого.

Аналогично происходит и с точкой черного: исходная яркость 54, целевая яркость 10. Крайняя темная точка кривой сдвигается вправо пока она не пройдет через точку (54; 10). Фактически кривая вращается вокруг своей крайней светлой точки. И если сдвиг темной точки будет большим, то точка белого уедет вниз. Чтобы убрать этот эффект можно просто еще раз щелкнуть белой пипеткой по выбранной для нее области.

17_Curves_Black_and_White_Points

Теперь гистограмма растянута на весь тоновый диапазон. Изображение полноконтрастно. Коррекция по двум (крайним) точкам закончена. Прежде чем пойти дальше сделаем пару замечаний.

Во-первых, работа пипетками обеспечивает большую скорость, но приводит к жесткой Z-образной форме кривой. Это может вызвать отсечку и потерю деталей в светах и/или тенях. Чтобы избавиться от этого надо заменить Z-образную кривую на более мягкую S-образную. Для этого придется отказаться от работы пипетками и перейти к ручной установке белой и черной точек. Этот прием достоин отдельной статьи и его мы разберем как нибудь в другой раз..

18_Curves_BW_Points_Manual

Во-вторых, если вы решили работать пипетками, проверьте настройки инструмента Eyedropper Tool в палитре Options. Именно отсюда берется область усреднения (Sample Size) при работе белой, черной и серой пипеток. А теперь давайте двигаться дальше.

Левая фотография кота уже приведена к полноконтрастной. То есть, коррекция по двум точкам сделана, но кот выглядит не очень интересно. Плоская морда, не хватает объема, пушистости и т.п. В плоском двумерном изображении объем передается за счет свето-теневого рисунка. Визуальный недостаток объема говорит о том, что кот недостаточно контрастен.

20_White_Cat

Кот занимает диапазон от полутонов и светлее. Осветлять его светлую точку мы не можем, поскольку она совпадает с точкой белого. Единственный способ поднять контраст в этом диапазоне — это затемнить темную точку кота находящуюся в полутонах.

21_White_Cat_Curves

На фото справа кот более объемный, пушистый, детализированный и… темный. Эти заключения лежат на поверхности и прямо вытекают как из приведенных выше объяснений, так и их формы кривой. Но лучше явно сформулировать их.

  1. Повышение контраста светлого объекта обязательно связано с его затемнением.

  2. При затемнении изображения повышается контраст светлых и понижается контраст темных объектов.

Я выставил белую и черную точки заранее, чтобы сравнение картинок было более наглядным. На практике такая коррекция обычно делается одновременно с установкой крайних точек. Таким образом ее смело можно назвать коррекцией по трем точкам.

Противоположный пример — фотография черного кота.

22_Black_Cat

Повторяем все рассуждения относившиеся к белому коту. Только применяем их к темной половине тонового диапазона. Для повышения контраста черного кота необходимо сдвинуть вверх среднюю точку кривой. С учетом крайних, опять получается коррекция по трем точкам.

23_Black_Cat_Curves

Повышение контраста темного объекта обязательно связано с его осветлением.
При осветлении изображения повышается контраст темных и понижается контраст светлых объектов.

Замечание (в исходном тексте этого не было). Вообще-то, просто так поднимать кривую за центральную точку не очень правильно. Дело в том, что форма кривой, при прогибе ее вниз, симметрична относительно центральной точки, форме, при аналогичном прогибе вверх. Проще говоря: затемняется прежде всего темное, а осветляется прежде всего светлое. Это сделано ради построения симметричной S-образной кривой. Но, для визуально равномерного осветления нужно осветлять прежде всего темное. То есть, применять гамма-коррецию. Что это такое и с чем ее едят мы рассмотрим отдельно.

А теперь перейдем к серому коту. Как и в предыдущих примерах на фото слева белая и черная точки уже выставлены. Проблемы и пожелания те же.

24_Gray_Cat

В центре гистограммы в виде аккуратного, почти гауссового, колокольчика разлегся кот. Пик темнее три четверть тонов соответствует фону и интереса не представляет. Ограничиваем диапазон в котором лежит кот (от три четверть до четверть тонов) и повышаем в нем контраст сдвигая темную точку кота вниз, а светлую вверх. Если сдвиг будет симметричным общая яркость изображения сохраниться. Если сильнее сдвинуть светлую точку — картинка станет светлее, темную — темнее.

25_Gray_Cat_Curves

С учетом двух крайних точек мы получили коррекцию по 4 точкам. Или классическую S—образную кривую. На первый взгляд она ничем не отличается от имеющегося в кривых пресета «поднять контраст». Но это не так.

Моя кривая построена с учетом конкретного изображения. Если бы кот был темнее, центральный крутой участок кривой располагался бы левее. А если бы кот был светлее — крутой участок сдвинулся бы правее.

Тоновый диапазон в котором лежит объект не имеет четких границ, Каждый раз нам придется выбирать крайние точки приблизительно, чтобы яркости объекта в основном находились между ними. При этом мы заинтересованы в более узком диапазоне. Чем меньше он на входе (по горизонтальной оси), тем сильнее можно будет поднять крутизну кривой при одинаковых потерях контраста в светах и тенях.

Кстати, не забывайте про потери. После установки белой и черной точек мы фактически занимаемся перераспределением контраста, забирая его из одних тоновых диапазонов и отдавая в другие.

Перейти к большему количеству точек труда не составит. Если в кадре будут два кота: светло-серый и темно-серый. Я выделю диапазоны вокруг три четверть (темный кот) и четверть (светлый кот) тонов. Подниму в них контраст увеличив крутизну кривой, а потери контраста «размажу» по оставшимся тоновым диапазонам.

Навыки быстрой работы с кривой базируются на умении перейти от объектов в кадре к занимаемым ими тоновыми диапазонами. Надо уметь мыслить тоновыми диапазонами. Глядя на картинку вы должны видеть не лицо, одежду, волосы и фон, а объекты лежащие в четверть тонах, тенях, три четверть и средних тонах.

Если хотите, можно учиться мыслить «в котах». В приведенном выше примере (лицо, одежда, волосы и фон) на фотографии будут изображены светлый, черный, темный и средний коты. Определяем, какой из котов является сюжетно значимым, а какой нет, и вперед. Ведь корректировать котов мы уже умеем.

За время, прошедшее с написания статьи, даже появилась пара веселых картинок, иллюстрирующийх этот тезис.

26_Cats

Это пример формализации. Его можно применить не только к черно-белым изображениям и кривым. Попробуйте, и вы удивитесь насколько меньше потребуется запоминать разных приемов и рецептов, так как многие из них окажутся по сути одинаковыми.

27_Dumay_v_Kotah

Работу более простых инструментов Levels и Brightness\Contrast я уже описал ранее. При большом желании их можно использовать, но смысл этого лично мне не понятен. Эти инструменты являются производными от кривых. С чрезвучайно сильно усеченными возможностями и немного упрощенным за счет этого интерфейсом. Если Вам попались красные гвозди с треугольными шляпками, Будете ли Вы искать красный треугольный молоток? Или просто забъете их обычным универсальным?

Перечисленные выше объекты в кадре и соответствующих им «котов» я взял из реального примера. Мы рассмотрим его в следующий раз, потренируемся в рассуждениях и построим самый первый рабочий поток.


Желающие посетить мои занятия по цветокоррекции и обработке изображений могут познакомиться с программами и списком ближайших мероприятий заглавном посте моего ЖЖ. Там же вы найдете ссылки на все статьи опубликованные в моем ЖЖ.

Без предварительного согласования с автором разрешается перепечатка и размещение этого материала на любых ресурсах с бесплатным доступом при условии полного сохранения текста (в том числе и этого раздела), ссылок и иллюстраций, указания авторства и ссылки на первую публикацию.

Для коммерческого использования или перепечатки с внесением изменений необходимо согласование с автором. Связаться со мной можно по электронной почте zhur74@livejournal.com

© Андрей Журавлев (aka zhur74), 2012 г.
Редакция вторая (март 2015 г.) переработанная и дополненная.
Первая публикация http://fototips.ru/obrabotka/koshachi-istorii-ili-pravila-raboty-s-krivoj/

Comments

ch_den
Jan. 13th, 2016 07:50 am (UTC)
А как будет выглядеть кривая для повышения контраста общей картинки, на которой размещены 2 или 3 кота? Попробовал объединить 2 картинки - белый и серый, но мыслить в котах не очень получилось - страдает контраст либо одного, либо другого.
zhur74
Jan. 13th, 2016 02:37 pm (UTC)
Выигрывая в одном диапазоне, проигрываем в другом. Для 2-х котов кривая будет иметь более широкий крутой участок, если коты "сидят" рядом, или двойную S-образность (два крутых участка, если коты "разбежались.
ЕСли в кадре 3 и больше котов, без масок не обойтись.

Profile

zhur74
zhur74
Андрей Журавлев

Latest Month

January 2017
S M T W T F S
1234567
891011121314
15161718192021
22232425262728
293031    

Page Summary

Powered by LiveJournal.com
Designed by Lilia Ahner