Итак, давайте приступим!

Итоговый результат:

Скачать архив с материалами к уроку

Шаг 1

Откройте исходное изображение с девушкой в программе Photoshop.

Шаг 2

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

Создайте новый корректирующий слой Чёрно-белый (Black and White), для этого идём Слой — Новый корректирующий слой – Чёрно-белый (Layer > New Adjustment Layer > Black&White).

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

Шаг 3

В палитре слоёв (F7) вы можете увидеть слой-маску, прикреплённую к корректирующему слою Чёрно-белый (Black&White).

На слой-маске чёрный цвет скрывает, а белый цвет восстанавливает изображение – мы собираемся использовать слой-маску, чтобы показать только красный цвет платья девушки. Для этого мы используем различные чёрные кисти на слой-маске корректирующего слоя Чёрно-белый (Black&White) – прокрашивая чёрной кистью, мы скроем эффект обесцвечивания, таким образом, восстановив оригинальные цветовые оттенки.

Шаг 4

Давайте проведём коррекцию маски. Выберите стандартную мягкую круглую кисть (B), установите цвет кисти чёрный, размер кисти 100 px и непрозрачность (opacity) кисти 100%. Щёлкните по слой-маске корректирующего слоя Чёрно-белый (Black&White), чтобы она стала активной. Теперь начните прокрашивать обычными мазками кистью поверх изображения платья – не переживайте, если вы прокрасите кистью за краями изображения платья, мы исправим это в следующем шаге. Результат должен быть, как на скриншоте ниже.

Шаг 5

Шаг 6

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

На участках где волосы падают на платье, вы можете уменьшить непрозрачность кисти до 50%, а затем несколько раз пройтись кистью по волосам, чтобы идеально совместить с платьем, далее, вновь увеличьте непрозрачность кисти, чтобы прокрасить участки, где есть чёткие границы между платьем и другими участками изображения. У меня ушло 20 минут, чтобы провести данную коррекцию – мой результат вы можете увидеть на скриншоте ниже.

Шаг 7

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

Шаг 8

Цвет платья немного приближён к малиновому цвету, а я на самом деле хочу, чтобы оно было красного цвета.

Создайте новый корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation), для этого идём

Как вы видите, нам не нужна какая-либо дополнительная коррекция, т.к. у нас присутствует только один цвет на изображении, который можно изменить с помощью корректирующего слоя Цветовой тон / Насыщенность (Hue/Saturation) – красный цвет платья. На изображении также присутствуют другие очень очень нежные тона (помните, мы уменьшили непрозрачность корректирующего слоя

Шаг 9

Давайте добавим эффект виньетки к нашей сцене. Создайте новый слой, залейте этот слой белым цветом (Shift+F5).

Далее, идём Фильтр – Коррекция дисторсии (Filter > Lens Correction). Нажмите по вкладке Заказная (Custom). Примените настройки, которые указаны на скриншоте ниже, а затем нажмите кнопку ‘ОК’.

Шаг 10

Поменяйте режим наложения для слоя с виньеткой на Умножение (Multiply) – данный режим наложения скроет все белые тона, сохранив только чёрные тона на краях изображения. На мой взгляд, эффект виньетки едва уловимый, поэтому я решил продублировать слой с виньеткой (Ctrl+J), чтобы усилить эффект виньетки.

Шаг 11

Теперь давайте добавим эффект смягчения к нашему изображению. Создайте объединённый слой из всех видимых слоёв (Ctrl + Shift + Alt + E), а затем примените к созданному объединённому слою, примените фильтр Размытие по Гауссу (Gaussian Blur), для этого идём Фильтр – Размытие — Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите радиус размытия 50 рх. Поменяйте режим наложения для слоя с размытием на Мягкий свет (Soft Light), а также уменьшите значение Заливки (Fill) до 35%. Вы увидите, что стали слегка видны отдельные тона, а также немного усилился контраст.

Шаг 12

Далее, давайте добавим резкости к изображению. Создайте объединённый слой из всех видимых слоёв (Ctrl + Shift + Alt + E), а затем к созданному объединённому слою, примените фильтр Контурная резкость (Unsharp Mask), для этого идём Фильтр – Резкость – Контурная резкость (Filter > Sharpen > Unsharp Mask). Примените следующие настойки для данного фильтра, которые указаны на скриншоте ниже.

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

Шаг 13

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

Создайте новый слой (Ctrl + Shift + Alt + N), поменяйте режим наложения для данного слоя на Перекрытие (Overlay). Выберите стандартную мягкую круглую кисть непрозрачностью 10%, цвет кисти белый. Прокрасьте кистью поверх ярких участков ног, рук и платья девушки.

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

Итоговый результат:

Работа переводчика:

Автор: Adrian Scheff

5 способов обработки и цветокоррекции в Adobe Photoshop

Зачем делать цветокоррекцию в фотошопе?

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

Цветокоррекция – это смена основной цветовой палитры изображения, его тона, оттенков, а также насыщенности.

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

Как сделать цветокоррекцию фотографии?

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

Очень часто фотографии бывают засвеченными или напротив – слишком темными; тусклыми или с большим порогом тонов и перенасыщенностью. Такая не натуральность цветовой палитры в контексте веб-дизайна обычно считается «моветоном» и является признаком не профессиональности цветокоррекции или полное ее отсутствие.

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

Обычно происходит цветокоррекция Photoshop при помощи разложения фотографии на каналы – RGB или CMYK:

• RGB — Красный, Зеленый, Синий («Red», «Green», «Blue») – подгонка в отдельности каждого из видимых цветов;
• CMYK — Голубой, Пурпурный, Жёлтый, Чёрный («Cyan», «Magenta», «Yellow», «blacK») – работа в режиме, где белый цвет указывает на максимальное присутствие цвета, а черный, на его отсутствие.

Цветовая коррекция фото в фотошопе — многогранна. Здесь огромное множество инструментов для работы с цветокоррекцией. Например, перейди на вкладку «Изображение» — «Коррекция» (> Image > Adjustment) – она вся предназначена управлению цветом.

Самые необходимые из них для работы с цветом это для начинающих:

• Кривые (Curves) – комбинация клавиш — «Ctrl+M»;
• Уровни (Levels) – комбинация клавиш «Ctrl+L»;
• Цветовой тон/Насыщенность (Hue/Saturation) — комбинация клавиш «Ctrl+U»;
• Выборочная коррекция цвета;
• Тени/Света.

Кривые (Curves)

Итак, корректируем цвет. Чтобы открыть, жми «Изображение» — «Коррекция» — «Кривые» (> Image > Adjustment > Curves) или комбинацию клавиш «Ctrl+M».

Итак, перед тобой окно кривой. По оси «Х» показана исходная яркость, по оси «Y» – яркость после обработки, от «0» (тень) до «255» (свет).

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

Внизу имеются три пипетки. Они служат для задания точек черного, нейтрально-серого и белого цвета на фото. Это способ коррекции прост как для чайников. Черная пипетка – кликаешь по самой темной стороне части изображения, белой по самой светлой и серой – выбери участок максимально нейтрального серого. Здесь делаем нужные тональные задачи.

Уровни (Levels)

Чтобы открыть жми «Изображение» — «Коррекция» — «Уровни» (> Image > Adjustment > Levels) или комбинацию клавиш «Ctrl+L».

И первое что нужно усвоить и понять – «что такое гистограмма?». Гистограмма представляет собой график, по горизонтальной оси которого находятся все возможные уровни яркости (от показателя «0» до «255»), а по вертикальной оси – число пикселов изображения данной яркости, которую здесь и корректируем.

Крайняя левая точка – черный. Крайняя правая – белый. Чем у тебя будет шире тоновый диапазон, тем больше деталей будет видно на изображении, и тем выше будет являться качество.

При помощи ходунков ты можешь менять здесь диапазон тонов. Сдвинуть влево – станет картинка темнее, сдвинуть вправо – станет все светлее.

В раскрывающемся списке каналов (Channel) присутствуют гистограммы разных каналов – «RGB», «Красный», «Зеленый», «Синий».

В случае черно-белого изображения гистограммы всех каналов будут одинаковыми.

Цветовой тон / Насыщенность (Hue / Saturation)

Чтобы открыть, нажми «Изображение» — «Коррекция» — «Цветовой тон/Насыщенность» (> Image > Adjustment > Hue / Saturation) или комбинацию клавиш «Ctrl+U».

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

Используя ползунок «Цветовой тон» для создания специальных эффектов и даже для окрашивания черно-белой фотографии или для применений изменений цветового диапазона на определенном фрагменте выбранного изображения. Также возможна инверсия цвета.

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

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

Выборочная коррекция цвета (Selective color)

Чтобы открыть, нажми «Изображение» — «Коррекция» — «Выборочный цвет» (> Image > Adjustment > Selective color). Как уже можно было догадаться, данная команда помогает править цвет выборочно.

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

Выбрав необходимый цвет, далее можно править добавляя или убавляя в него «Голубой» цвет или, «Пурпурный», «Желтый» и «Черный».

Тени / Света (Shadow / Highlights)

Чтобы открыть жми «Изображение» — «Коррекция» — «Тени / Света» (> Image > Adjustment > Shadow / Highlights).

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

Делаем цветокоррекцию портрета в Фотошоп / Фотошоп-мастер

В очередной раз убеждаемся, что Photoshop все возрасты покорны! Знакомьтесь, Ирина Павловна — выпускница курса «Time Blending. Основы композитной фотографии».

1541 14

Все мы сталкиваемся с критикой в жизни. И все мы критикуем кого-то. Но как понять, пишет ли тебе «эксперт» с целью помочь или он решил выплеснуть негатив на тебя?

1195 53

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

1143 55

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

524 0

Мы подготовили исходные фотографии с локации Москва гостиница «Украина». Попробуйте создать свою единую композицию. Интерактив состоит из двух этапов.

1592 24

Цветокоррекция в Photoshop с помощью кривых

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

Рассмотрим на следующем примере, как быстро сделать цветокоррекцию в Photoshop.

Изначально фото выглядело так. Скачать исходник можно на одном из бесплатных фотостоках, о которых я писала в своей статье «ТОП 8 сайтов с бесплатными ресурсами для дизайнеров «

Шаг 1.

Откроем фото в Photoshop и сразу откадрируем его так, чтобы девушка была в правом углу. С точки зрения правил композиции это будет выглядеть лучше. Щелкните два раза левой клавишей мыши, чтобы снять замочек с фонового слоя. Название слоя Слой 0.

Шаг 2.

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

Шаг 3.

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

Выберите в свойствах Кривых — Красный канал и измените кривую примерно, так, как это показано на рисунке ниже.

При этом нужно понимать, что индикатор с черным треугольником (1) обозначает самые темные тона в данном случае красного канала, а индикатор с белым треугольником (2) обозначает самые светлые тона красного канала. Создав узловую точку в центре кривой (3) и изменяя ее местоположение мы будем корректировать в равной степени и светлые и темные тона. Если мы потянем узловую точку вверх, то мы сделаем красные цвета более интенсивными и если наоборот вниз, то менее интенсивными. В данном случае нам нужно приглушить красный цвет.

Шаг 4.

Понизьте непрозрачность слоя Кривые 2 до 82 %. А вообще, прелесть корректирующих слоев заключается в том, что мы можем применять то или иное свойство инструмента выборочно к конкретной детали фотографии. Для этого нужно лишь поработать с масками к корректирующему слою. Но об этом мы поговорим в других уроках.

Шаг 5.

Завершим цветокоррекцию фото, создав дополнительный источник свечения. В данном случае с помощью эффекта Боке. Возьмем готовую фотографию с данным эффектом, например, здесь. Поместим ее поверх всех слоев и растянем по размеру нашей фотографии. Изменим режим наложения на Экран.

Шаг 6.

Создайте слой маску для фотографии с эффектом Боке (Слои — Слой-маска — Показать все) и залейте черно-белым градиентом слой так, чтобы свечение шло с левого нижнего угла, так как на изначальной фотографии самый яркий источник света так же находится слева.

Цветокоррекция фотографии в Photoshop с помощью кривых готова.

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

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

(Visited 170 times, 1 visits today)

Цветокоррекция в Фотошопе

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

Коррекция цвета в Фотошопе

Цветокоррекция может потребоваться в нескольких ситуациях. Основная причина заключается в том, что человеческий глаз видит не совсем то же самое, что и камера. Аппаратура фиксирует только те цвета и оттенки, которые реально существуют. Технические средства не могут подстроиться под интенсивность освещения, в отличии от наших глаз. Именно поэтому зачастую снимки выглядят совсем не так, как нам хотелось бы. Другой повод для проведения цветокоррекции – ярко выраженные дефекты фотографии, такие как пересвет, дымка, недостаточный (или высокий) уровень контраста, недостаточная насыщенность цветов.

В Фотошопе широко представлены инструменты для цветокоррекции изображений. Находятся они в меню «Изображение – Коррекция».

Наиболее часто используемыми являются Уровни (вызываются сочетанием клавиш CTRL+L), Кривые (клавиши CTRL+M), Выборочная коррекция цвета, Цветовой тон/Насыщенность (CTRL+U) и Тени/Света.

Цветокоррекцию лучше всего изучать на практических примерах.

Пример 1: «Неправильные» цвета

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

Лев выглядит довольно сносно, цвета на фото сочные, но слишком много красных оттенков. Это выглядит немного неестественно. Исправлять данную проблему мы будем при помощи «Кривых».

1. Нажимаем сочетание клавиш CTRL+M, затем переходим в Красный канал и выгибаем кривую примерно так, как показано на скриншоте ниже.

   

2. Как видим, на снимке появились участки, провалившиеся в тень.

   

   Не закрывая Кривые, переходим в канал RGB и немного осветляем фотографию.

   

Результат:

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

Пример 2: Тусклые цвета и пониженный контраст

Еще одно фото кошки, на котором мы видим тусклые оттенки, дымку, пониженный контраст и, соответственно, низкую детализацию.

Попробуем исправить это при помощи Уровней (CTRL+L) и других инструментов цветокоррекции.

1. Открываем панель «Уровни». Сделать это можно сочетанием клавиш CTRL+L или через меню «Изображение – Коррекция». Справа и слева на диаграмме видим пустые участки (без черных всплесков), которые необходимо исключить, чтобы убрать дымку. Двигаем ползунки, как на скриншоте.

   

2. Дымку мы убрали, но снимок стал слишком темным, и котенок почти слился с фоном. Давайте его осветлим. Выбираем инструмент «Тени/Света».

   

   Выставляем значение для теней. В данном случае это 20 процентов.

   

3. Снова многовато красного, но как понизить насыщенность одного цвета мы с вами уже знаем. Убираем немного красного цвета, как в примере со львом.

   

4. В общем-то работа по цветокоррекции закончена, но не бросать же снимок в таком состоянии? Давайте добавим четкости. Создадим копию слоя с исходным изображением (CTRL+J) и применим к ней (копии) фильтр «Цветовой контраст».

   

5. Фильтр настраиваем таким образом, чтобы видимыми остались только мелкие детали. Впрочем, это зависит от размера снимка.

   

6. Затем меняем режим наложения для слоя с фильтром на «Перекрытие».

   

На этом можно остановиться. Надеемся, что в этим уроком мы смогли донести до вас смысл и основные принципы цветокоррекции снимков в Фотошопе.

Мы рады, что смогли помочь Вам в решении проблемы.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.

Помогла ли вам эта статья?

ДА НЕТ

Цветокоррекция для летних фотографий в Фотошоп / Фотошоп-мастер

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

Итоговый результат

Исходные материалы

Архив

Шаг 1

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

Шаг 2

Откройте вашу исходную фотографию в программе Photoshop. Добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) через нижнюю панель инструментов.

Примените следующие значения: Насыщенность (Saturation) +25, Яркость (Lightness) +10.

Данная коррекция сделает фотографию светлее и ярче.

Шаг 3

Далее, добавьте ещё один корректирующий слой Цвет (Solid Color).

Выберите бледно-жёлтый оттенок, который указан на скриншоте ниже.

Поменяйте режим наложения для данного корректирующего слоя на Умножение (Multiply), а также уменьшите значение Непрозрачности (Opacity) слоя до 80%, а значение Заливки (Fill) до 80%.

Шаг 4

Далее, добавьте ещё один корректирующий слой Цвет (Solid Color), но на этот раз выберите бледно-фиолетовый оттенок.

Поменяйте режим наложения для данного корректирующего слоя на Замена светлым (Lighten), а также уменьшите значение Непрозрачности (Opacity) слоя до 50%, а значение Заливки (Fill) до 50%.

Шаг 5

Далее, добавьте ещё один корректирующий слой Цвет (Solid Color), выберите бледно-голубой оттенок.

Поменяйте режим наложения для данного корректирующего слоя на Осветление основы (Color Dodge), а также уменьшите значение Непрозрачности (Opacity) слоя до 50%, а значение Заливки (Fill) до 50%.

Шаг 6

В заключение, мы добавим больше света с помощью корректирующего слоя Градиент (Gradient).

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

Поменяйте режим наложения на Мягкий свет (Soft Light), а также уменьшите непрозрачность слоя до 80%.

Шаг 7

На скриншоте ниже, вы можете увидеть, как расположены слои в палитре слоёв.

Вот и всё! Спасибо, что были со мной. Надеюсь, что вам понравился данный урок.

Итоговый результат

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

Работа переводчика

Автор: Matt