Урок фотошопа: увеличиваем контрастность фото с помощью онлайн фотошопа. Как использовать контраст в фотографии

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

В этом уроке мы разберемся с основными возможностями Корректирующего Слоя - Кривые (Curves Adjustment Layer) , откуда берется этот функционал, и как эффективно использовать кривые, для локальной коррекции контраста на ваших фотографиях.

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

  1. Как работают Тональность, Контраст и Кривые
  2. Как правильно "читать" Тоновые Кривые и Гистограммы
  3. Как Использовать Контрольные Точки
  4. Порядок выполенения операций
  5. Как Делать Локальную Настройку Контраста с Помощью Кривых

Вы готовы? Тогда давайте приступать.

Часть 1. Динамический Диапазон

Когда вы создаете новый корректирующий слой - кривые Curves Adjustment Layer в Adobe Photoshop вы получаете тоновые кривые , гистограмму и набор других опций и кнопок. Что они из себя представляют?

Все О Динамическом Диапазоне

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

Во-вторых, у всех пикселей есть размер .

Динамический диапазон снимка говорит о том, как много оттенков серого от черного к белому присутствует на изображении. В 8-битном черно-белом снимке, таком, какой вы можете видеть ниже, каждый пиксель имеет одну (и только одну) из 256 вариантов величину интенсивности, или оттенок серого. James Thomas недавно сделал для нас обзор по разным цветовым моделям , и я очень рекомендую вам с ним ознакомится, если вы хотите подробнее узнать о том, что представляет из себя цифровое изображение.

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

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

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

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

Я использую Photoshop CC, но все используемые в уроке команды доступны и в Photoshop CS6.

Для урока я взял изображение почтового ящика

В целом, оно неплохое, но явно нуждается в регулировке Яркости и Контраста. Давайте посмотрим, как дополнительный корректирующий слой поможет улучшить его.

Оригинальное изображение.

Шаг 1: Добавляем корректирующий слой Яркости/Контраста

Первое, что нам нужно сделать, это добавить копию изображения на новый слой. Благодаря этому мы сможем легко вносить изменения, не изменяя оригинал.
Создать слой можно несколькими способами. Во-первых: Меню > Слой > Новый корректирующий слой. Затем выберите Яркость/Контраст:

Так же вы можете кликнуть по иконке Яркость/Контраст на панели корректировки в Photoshop. Иконка находится вверху слева. Названия иконок будут появляться при наведении на них курсора мыши:

Если вы не видите панель корректировки на экране, поищите в меню окна. Там вы найдете список всех панелей Фотошопа. Галочка напротив названия панели означает, что панель уже открыта, так что вы ее просто не заметили (по умолчанию он находится рядом с панелью стилей; в CC 2014 – возле панелей стилей и библиотек).

Если вы не видите галочку напротив панели – выберите ее, чтобы она появилась:

Еще есть третий способ добавить корректирующий слой. Нажмите на иконку Нового слоя заливки или Корректирующего слоя внизу панели Слоев:

Затем выберите Яркость/Контраст:

С оригиналом ничего не случится. Зато над изображением на панели слоев появится новый Корректирующий слой Яркости/Контраста:

Шаг 2: Нажимаем Авто кнопку

Работая над Яркостью и Контрастом оригинального изображения, в программе открывается отдельное окно. В случае с корректирующим, настройки появляются на Панели настроек, которая была добавлена в Фотошоп версии CS6. Здесь отображаются ползунки Яркости и Контраста, кнопка Автонастроек и кнопка Использовать прежнее:

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

В моем случае Яркость выставляется на 54, Контраст – на 66. Разумеется, каждое изображение уникально, так что ваши настройки будут иными:

Вот моя фотография с включенной Автонастройкой:

Шаг 3: Настройка регуляторов яркости и контраста

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

Мне нравится, как с этим справляется Фотошоп, но я решил немного снизить уровень Яркости до 45 и увеличить Контраст до 75. Вновь повторюсь: это мой личный взгляд на настройки изображения. Вы же можете настроить оба параметра так, как вам подскажет собственный вкус:

Вот мое фото после ручной настройки. Для сравнения – оригинал и нетронутое изображение слева. Обработанное – справа:

Работаем с функцией «Использовать прежнее»

Так же, как и в статичной версии настроек Яркости и Контраста, корректирующий слой включает функцию Использовать прежнее. Она действует на настройки Яркости/Контраста также, как это было в версии Photoshop CS3. Много времени на эту опцию я тратить не буду, но для примера выберу эту функцию:

Использовать прежнее заставляет Фотошоп настраивать изображения, как в версии CS3, когда Adobe внесла наиболее значимые улучшения. До CS3 все, что делала настройка Яркости/Контраста – губила изображение.

В качестве короткого примера, включив «Использовать прежнее», я перетащу регуляторы Яркости и Контраста до упора вправо, увеличив их значения до максимума. В результате изображение полностью засвечено (и с очень странными цветовыми артефактами). Все потому, что Фотошоп раньше доводил светлые пиксели до чисто белого, темные – до абсолютно черного:

Для сравнения, отключив опцию «Использовать прежнее» и выкрутив параметры на максимум, мы тоже тоже получаем засвеченную фотографию, но большую часть деталей все еще можно рассмотреть:

Выкрутив ползунки до максимума влево с опцией «Использовать прежнее», мы получим не просто темную фотографию – она будет абсолютно черной:

С выключенной опцией те же настройки дадут иной результат: большая часть деталей будет различима. Сегодня нет смысла использовать эту опцию (кроме как для сравнения). По-умолчанию она выключена, так что лучше просто оставить её в покое:

Сравниваем Оригинальное изображение с Корректирующим слоем

Вы, возможно, могли заметить, что Панель настроек не содержит функции Просмотра в том же виде, как в оригинальной версии Яркости/Контраста. Опция Просмотра позволяет временно скрыть изменения в картинке, благодаря чему мы можем видеть оригинальное изображение.

Означает ли это, что мы не сможем сделать то же самое на корректирующем слое? Нет! Это лишь значит, что соответствующей опции Просмотра просто нет, зато есть простой путь, как сделать это. Просто нажмите на иконку видимости слоя внизу Панели свойств для того, чтобы включать и выключать корректирующий слой Яркости/Контраста:

Вы увидите ваше изначальное изображение, когда выключите его.

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

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

А если еще не знаете как это сделать - почитайте предидущие публикации уроков по фотошопу онлайн на нашем сайте.

ПЛЮСЫ РАБОТЫ В ОНЛАЙН ФОТОШОПЕ

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

Во вторых
: Для пользователя не посвященного в тонкости онлайн фотошопа - данный сервис предлагает обучающие статьи и публикации рассчитанные на пользователя не "обремененного" опытом работы с фоторедакторами, и редакторми изображений но желающего получить минимальные знания, которые позже можно будет лишь развивать.

В данной статье мы поговорим о том , как улучшить ее качество c использованием онлайн фотошопа , увеличить ее контраст,откорректировать цветовую гамму фото и т. д. Для начала откроем в программе онлайн фотошо п нашу заготовленную фотографию. Для демонстрации примера мы взяли фото картины (Незнакомка).

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

УВЕЛИЧЕНИЕ ЯРКОСТИ И КОНТРАСТА ФОТО

Загружаем фотографию в наш онлайн фотошоп онлайн на русском. Взять ее для изучения статьи - можно Сохраните фото на своем компьютере и затем загрузите его в онлайн редактор. Напротив названия слоя справа в панели layers , написано - Background . Справа от названия слоя у вас показан замочек. Это защита слоя от редактирования. Нам нужно дважды кликнуть по замочку. Он превратился в галочку. Название слоя переименовано на layer0.

Первое что нам необходимо - продублировать слой. Напоминаю, все действия делаются аналогично offline фотошопу. Нажимаем - (Ctrl+J), и справа в панели layers, видим - появился новый слой (layers 0 copy). Отныне, мы будем работать только с данным дублированным слоем. Для этого мы переименуем его в экспериментальный, например (mylayer ).

Править цветовую схему картинки мы будем с помощью уровней. По этому идем в верхнее меню и выбираем пункт Adjustments ->Levels ...

В открывшемся окошке онлайн фотошпа, в качестве Channel - выбираем сначала Red и видим примерно следующее. (рис слева). Нам нужно поглядывая на нашу картину сдвинуть ползунки с обоих боков (левого и правого) к середине, то-есть нам нужно удалить то пространство где отображение красного цвета, близко к нулю. За тем ту же операцию проводим для зеленого и синего слоя.

Кстати у зеленого и синего слоя, в выпадающем списке "сhannel" пространство с "нулевыми пикселями" - побольше чем у красного. За тем нажимаем ОК, для того чтобы подтвердить изменения. Затем нужно немного уменьшить Opacity (Прозрачность ) того слоя который мы редактировали.

Это делается слева в панели Leyers , подвигайте ползунок влево и вы увидите как уменьшается значение и визуально изменяется отображение слоя. Вам нужно выставить значение примерно равное 50. У кого-то это значение может отличаться от нашего.

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

В качестве эксперимента измените тип смешивания (blending mode ) в панели layers на Soft Light . Картинка стала очень контрастной, сочной. Может быть стоит ослабить контрастность. Для этого изменяйте прозрачность слоя (в данном случае, я остановился на 70%). Ну как?! Получилось? Не забывайте экспериментировать, и тогда в итоге используя программу фотошоп онлайн - вы всегда получите нужный резуьтат!!!

Rishar
Обсудить в ЖЖ .

Прежде чем начать, давайте дадим определение нескольким терминам. Это не займет много времени!

КОНТРАСТ – значимая или заметная разница, не обязательно измеряемая количественно (с) Google.
СИЛЬНЫЙ КОНТРАСТ – огромная разница, которая заметна при сравнении двух или более объектов.
СЛАБЫЙ КОНТРАСТ – ну, это прямая противоположность сильному контрасту. Это еле заметная разница при сравнении двух или более объектов.

КАК ЭТИ ТЕРМИНЫ ПОМОГУТ ВАМ УЛУЧШИТЬ ВАШ РИСУНОК?

Приведем пример!

В большинстве случаев сильный контраст в искусстве делает его более драматичным и ярким.
Контраст может проявляться во множестве разных форм!

С другой стороны, слабый контраст наделяет объект ощущением неподвижности и какой-то лени.

ИТАК.
СИЛЬНЫЙ КОНТРАСТ – ЭТО ХОРОШО. СЛАБЫЙ КОНТРАСТ – ЭТО НЕ ОЧЕНЬ.
Получается, что нужно всегда прибегать к использованию сильного контраста??
НЕТ! Ради Бога искусства, не делайте этого. Кто-то, возможно, постоянно применяет слабый контраст. Если вы читаете эту статью, не переходите из крайности в крайность.




Рисунок выглядит тусклым и плоским. Если бы не черный контур, рисунок бы вообще не было видно на сером фоне.

ТЕПЕРЬ ДАВАЙТЕ ОБЪЕДИНИМ ЭТИ ДВА ВИДА КОНТРАСТА!
(а это значит, нужно снова рисовать:))

Так уже намного лучше!


Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.

Правда, я сжульничал, т.к. просто доработал предыдущий рисунок:D

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

ОБЩАЯ НАСЫЩЕННОСТЬ ЦВЕТА ИЗДАЛЕКА

КЛЮЧ К ВИЗУАЛЬНО ИНТЕРЕСНОМУ РИСУНКУ ЗАКЛЮЧАЕТСЯ В КОМБИНИРОВАНИИ СИЛЬНОГО И СЛАБОГО КОНТРАСТА

В интернете можно найти множество уроков на эту тему. Но опять же, единственный способ прогрессировать – это практика.

Не могу сейчас вспомнить какие-то книги по данной теме, но не менее поучительным будет просмотр работ других художников.

Photoshop автоматически именует новые слои не информативно, типа "Layer 1", это название нам ничего не говорит о том, для чего будет использоваться слой. Давайте исправим это и дадим ему осмысленное название - дважды кликните непосредственно по названию "Слой 1" (или "Layer 1"), оно должно выделиться,и введите собственное имя, я так и назову его - "BrightnessContrast".

В результате, панель слоёв должна выглядеть следующим образом:

Верхний слой переименован в "Brightness/Contrast".

Шаг 3: Выбор инструмента Яркость/Контрастность

На данный момент слой "Brightness/Contrast" у нас является активным (он должен быть выделен синим цветом), перейдите к вкладке меню "Изображение" (Image) в верхней части экрана, выберите пункт "Коррекция" (Adjustments), а затем самый верхний в списке пункт "Яркость/Контрастность" (Brightness/Contrast):



Переход к инструменту "Яркость/Контрастность"

После чего Photoshop мгновенно откроет диалоговое окно этого инструмента:


Диалоговое окно инструмента "Яркость/Контрастность".

Шаг 4: Нажимаем кнопку "Авто" (Auto) в диалоговом окне

Перед тем, как начать перетаскивать ползунки яркости и контрастности, первое, что хочет сделать пользователь - это нажать на кнопку "Авто" (Auto), которая была добавлена в качестве новой опции в команду "Brightness/Contrast" в Photoshop CS6.

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


Нажатие на кнопку Auto.

После нажатия на кнопку Auto, Photoshop в течение нескольких секунд будет анализировать вашу фотографию (время зависит от размера фото), после чего выдаёт результат, почти всегда является улучшением по сравнению оригиналом. В моем случае, Photoshop решил установить значение яркости на 43 и контрастности на 14. Сравните оригинальное и улучшенное фото с помощью наведения/снятия курсора мышки на картинку:

Автоматические настройки Яркости и Контраста по алгоритмам Photoshop.

Шаг 5: Отрегулируйте Яркость и Контрастность при помощи ползунков

Если вы помните из урока "Автотон, Автоконтраст, Автоматическая цветовая коррекция ", что после применения этих команд, коррекции изображения изменить уже нельзя, т.к. они не предлагают способа изменить результаты, то к автонастройке Яркость/Контрастность это утверждение не относится. После того, как вы уже нажали кнопку Auto, вы можете сделать свои собственные ручные настройки для дальнейшего улучшения изображения с помощью соответствующих ползунков. Перемещение ползунков вправо увеличит яркость и контрастность, перемещение влево уменьшит.

В моем случае, я хочу сделать фотографию немного в стиле "арт", так что я перетащу ползунок Яркость его немного влево, чтобы понизить яркость до значения 38. Затем я немного усилю контраст, переместив соответствующий ползунок вправо до значения примерно 35.

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

Ручная регулировка яркости и контрастности с помощью ползунков. Для сравнения с оригиналом, наведите/снимите курсор мыши с изображения.

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

Совет : Вы можете быстро включать/отключать опцию предварительного просмотра нажатием клавиатурной клавиши Р.


Снимите галку, чтобы посмотреть исходное изображение.

Опция "Использовать прежние"

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


Выбор опции "Использовать прежние".

Как вы уже могли догадаться исходя из ее названия, опция включает использование устаревших алгоритмов изменения Яркости/Контрастности, тех алгоритмов, которые использовались до обновлений Photoshop CS3. Тогда настройка Яркость/Контрастность была, мягко говоря, не лучшей, и вот почему. Давайте перетащим ползунок яркости до упора вправо и посмотрим, что произойдёт.

Мое изображение выглядит теперь светлым, все тёмные тона выбиты. Это произошло потому, что при включенной "Использовать прежние", Photoshop увеличил яркость тупо в линейном режиме. Другими словами, он просто взял все тональные значения изображения (света, тени и полутона) и осветлил их все на одинаковое значение. Области, которые были светлыми, стали чисто белыми, тёмные области стали светлыми.

Давайте сравним это с современным алгоритмом, для чего просто снимем галку с "Использовать прежние", иными словами, включим алгоритмы, введённые от Photoshop CS3, затем перетащим ползунок яркости до упора вправо. Результат:



Вид изображения с максимальной яркостью при отключенной опции "Использовать прежние".

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

Дело в том, что в отличии от устаревших версий, новая регулировка яркости нелинейна . Photoshop вначале определяет, какие тональные значения нуждаются в осветлении и осветляет их по отдельности в зависимости от того, на сколько их следует осветлить. Это позволяет избежать осветления тёмных, затенённых деталей и также предотвращает осветления ярких участков до чисто белого (все из которых вымылись в чисто белый при использовании устаревших алгоритмов):

Подобное происходит при понижении значения яркости.

Регулировка контрастности работает аналогично, а при максимальном значении и при включённой опции "Использовать прежние" даёт интересный эффект:



Контрастность на максимуме, "Использовать прежние" включена.

Сброс значений Яркость/Контрастность на исходные

Если вы нажали кнопку "Авто" и полученные результаты вам не понравились, или вы просто хотите убрать все ваши настройки и начать редактирование заново, зажмите клавишу Alt и нажмите кнопку "Сбросить" (Reset). Нажатие Alt изменяет значение кнопки с "Отмена" (Cancel) на "Сбросить" (Reset). При нажатии Reset значения яркости и контрастности будут установлены на ноль.


Изменение кнопки с "Отмена" (Cancel) на "Сбросить" (Reset).

Шаг 6: Нажмите кнопку OK

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

Сравнение оригинала и отредактированной версии

Как мы рассмотрели ранее, при открытом окне инструмента, сравнить отредактированный вариант с исходным изображением можно, включая/отключая опцию предварительного просмотра. Теперь же, когда мы закрыли окно инструмента и приняли изменения, более мы не имеем доступа к опции предварительного просмотра. Но всё-таки имеется способ сравнить оригинал и отредактированную версию, для этого просто нажмите на значок видимости слоя "BrightnessContrast":


Отключение видимости слоя нажатием на соответствующий значок.

Это действие скроет из видимости верхний слой ("BrightnessContrast") в документе, открывая для просмотра исходное изображение, расположенное на фоновом слое под ним.

Нажмите снова на тот же значок видимости (пустой квадрат в месте, где раньше был глаз), чтобы включить видимость слоя "BrightnessContrast" обратно.

Шаг 7: Понижение непрозрачности слоя (необязательно)

Если вы решили, что ваши новые настройки Яркости/Контрастности оказывают слишком интенсивное влияние на фотографию, то имеется простой способ уменьшить их влияние. Убедитесь, слой "BrightnessContrast" по-прежнему выбран, а затем просто понизьте значение "Непрозрачности" (Opacity) в правом верхнем углу панели слоев. Значение "Непрозрачности" по умолчанию задано в 100%, что означает, что слой "BrightnessContrast" полностью блокирует видимость исходного изображения. Понижение непрозрачности позволяет частично показать исходное изображение на фоновом слое через слой "BrightnessContrast". Чем больше вы уменьшите значение, тем меньшее влияние будет иметь ваша скорректированная версия.