Карта градиента в фотошопе как использовать

Обновлено: 17.05.2024

Инструмент «Градиент» позволяет создать постепенно изменяющееся наложение нескольких цветов. Предусмотрена возможность выбирать среди подготовленных градиентных заполнений или создавать свои собственные.

Инструмент «Градиент» нельзя использовать для растровых изображений и изображений с индексированными цветами.

Чтобы выполнить заливку части изображения, выберите требуемую область. В противном случае градиентная заливка применяется ко всему активному слою. Выберите инструмент «Градиент» . (Если инструмент не отображается, нажмите и удерживайте в нажатом положении инструмент «Быстрая заливка».) На панели параметров в поле с образцом градиента выберите заливку:

Щелкните треугольник рядом с образцом, чтобы выбрать готовый вариант градиентной заливки.

Щелкните внутри образца, чтобы вызвать окно «Редактор градиентов». Выберите подготовленный вариант градиентной заливки или создайте новую градиентную заливку. (См. раздел Создание гладкого градиента.)

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

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

Выполняет затенение от начальной до конечной точки по прямой линии.

Выполняет затенение от начальной до конечной точки в виде кругового узора.

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

Отражает один и тот же линейный градиент по обе стороны от начальной точки.

Выполняет затенение от середины к внешним углам ромба.

На панели выбора параметров выполните следующие действия.

Укажите режим наложения и непрозрачность для краски. (См. раздел Режимы наложения.)

Чтобы сменить порядок цветов в градиентной заливке на противоположный, установите флажок «Инверсия».

Для создания более гладкого наложения с меньшим количеством полос установите флажок «Дизеринг».

Чтобы использовать маску прозрачности для градиентной заливки, установите флажок «Прозрачность». (См. раздел Определение прозрачности градиента.)

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

Обновления в выпуске Photoshop 21.0 (ноябрь 2019 г.)

Использование новой панели «Наборы настроек» в Photoshop

Узнайте все о применении новых и улучшенных панелей «Наборы настроек» в Photoshop. Джулианна Кост (Julieanne Kost) подробно рассматривает все аспекты: от образцов до узоров, от градиентов до стилей и фигур.

Джулианна Кост (Julieanne Kost)

Применение градиентов к слоям

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

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

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

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

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

Удерживая клавишу «Command» (Mac) / «Alt» (Win), перетащите градиент с панели «Градиенты» на текст в области холста.
Удерживая клавишу Command (Mac)/Alt (Win), перетащите градиент с панели «Градиенты» на нужный слой на панели «Слои».

Чтобы применить градиент к пиксельным слоям, выполните следующие действия.

Перетащите градиент с панели «Градиенты» на нужный пиксельный слой на панели «Слои».
Photoshop автоматически создает слой-заливку поверх пиксельного слоя.

Организация наборов настроек градиентов по группам

Чтобы создать новую группу градиентов, выполните следующие действия.

На панели «Градиенты» («Окно» > «Градиенты») щелкните значок «Создать новую группу».
Укажите имя группы и нажмите «OK».
Перетащите градиент или используйте клавишу Shift, чтобы выбрать несколько градиентов для перетаскивания в группу.

Чтобы создать вложенные группы, выполните следующие действия.

Выберите группу на панели «Градиенты».
Теперь перетащите эту группу под другую группу.

Отображение градиентов прежней версии

В меню панели «Градиенты» выберите команду «Градиенты прежней версии».

Возврат к наборам настроек градиентов по умолчанию

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

Изменение способа отображения подготовленных градиентов

В меню панели задайте значение режима отображения.

Отображает градиенты в виде списка.

«Маленькие миниатюры» или «Большие миниатюры»

Отображает градиенты в виде миниатюр.

«Маленькие миниатюры и имена» или «Большие миниатюры и имена»

Отображает градиенты в виде списка с миниатюрами.

Переименование подготовленного градиента

Если панель настроена на отображение градиентов в виде миниатюр, дважды щелкните градиент, введите новое имя и нажмите кнопку «ОК».
Если панель настроена на отображение градиентов в виде списка или только текста, дважды щелкните градиент, непосредственно введите новое имя и нажмите клавишу «Enter» (Windows) или «Return» (Mac OS).

Чтобы открыть диалоговое окно «Редактор градиентов», щелкните текущий образец градиента на панели параметров. (При наведении курсора на образец градиента появляется всплывающая подсказка «Щелкните для редактирования градиента».)

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

диалоговое окно «Редактор градиентов»

A. Меню панели B. Контрольная точка непрозрачности C. Контрольные точки цвета D. Коррекция значений или удаление выбранной контрольной точки непрозрачности или цвета E. Средняя точка

В сегодняшнем уроке мы сосредоточимся прежде всего на корректирующем слое Gradient Map (Карта градиента) в Adobe Photoshop. Градиенты этого корректирующего слоя являются перекрытием (наложением), включающие в себя всего лишь несколько цветов. Они в значительной степени скрывают оригинальные цвета изображения, перекрывая его сочетанием выбранных вами цветов. Ниже я покажу вам, как применить слой, загрузить градиенты, которые ещё не установлены, а также как откорректировать градиент. После этого мы добавим корректирующий слой Curves (Кривые), где будем использовать один из доступных пресетов. На этом этапе нам необходимо добавить немного контраста. И в завершении мы воспользуемся фильтром Camera RAW, чтобы произвести заключительные настройки. Надеюсь в итоге у нас получится придать изображению устрашающий вид или что-то в этом роде.

Выбор изображения

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

Корректирующий слой «Карта градиента»

Загрузка дополнительных градиентов

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

В нижней части раскрывающегося меню находятся различные наборы градиентов, которые можно установить. Выберите один из них, а затем нажмите Append (Добавить). Этим вы добавите выбранные градиенты в текущий набор. Я выбрал пресет Photographic Toning (Фотографическое тонирование). Добавленные мною градиенты вы можете увидеть на скриншоте выше.

Выбор градиента

Теперь настало время выбрать градиент и применить его к нашему изображению. В предверии Хэллоуина, мне бы хотелось добавить на изображение немного оранжевого оттенка. Поэкспериментируя, я остановился на Sepia 1 (Сепия 1).

Посмотрите на полученный эффект.

Выглядит неплохо, но я решил не останавливаться на этом.

Добавление контраста при помощи кривых

Как я уже говорил чуть ранее, я хочу добавить немного контраста на изображение. В этом нам поможет корректирующий слой Curves (Кривые), добавьте его. На панели «Свойства» кликните по раскрывающемуся списку Preset (Наборы) и выберите вариант Strong Contrast (RGB) (Сильная контрастность (RGB)). Этим мы затемним изображение и придадим ему устрашающий вид.

Дополнительные корректировки градиента

По желанию вы можете вернуться к корректирующему слою «Карта градиента», нажав по нему. На панели «Свойства» кликните по градиенту, чтобы открыть редактор градиентов. Здесь вы можете внести дополнительные корректировки.

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

Добавление фильтра Camera RAW

Эффект получился неплохой, но выглядит не так страшно. Теперь мы будем использовать Camera RAW, для этого перейдите в меню Filter > Camera RAW Filter (Фильтр – Фильтр Camera RAW).

В окне Camera RAW мы поработаем с несколькими ползунками. Для начала переместите ползунок Highlights (Света) влево, чтобы уменьшить яркость лампы, висящей на потолке. Затем переместите ползунок Whites (Белые) вправо для увеличения выборочной яркости (центр огней), ползунок Blacks (Чёрные) влево, чтобы на изображении выделялись тени и самое главное ползунок Clarity (Чёткость) вправо до упора. Этими настройками мы придали изображению устрашающий вид, который я хотел.

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

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

Постскриптум – вот ещё один вариант. Здесь я обесцветил оранжевый оттенок.

Мы часто воспринимаем цвета на цифровых фотографиях как «правильные», когда нейтральные тона – если они существуют – действительно нейтральны. Но в реальном мире свет всегда имеет тот или иной цветовой оттенок, который влияет на освещаемые области. Каждый художник старается редактировать фотографии так, чтобы они отражали его собственное видение. Карты градиента (Gradient maps) могут либо корректировать цвет, либо использовать его в вашу пользу.

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

Что делает карта градиента?

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

На данном примере черно-белый градиент занимает нижнюю половину изображения. Выше представлена карта цветового градиента, а над ней – эффект, который создается при наложении среднего на нижний, при использовании режима наложения Перекрытие (Overlay) или Мягкий свет (Soft ligh).

У вас может возникнуть вопрос: зачем искажать цвет фотографии и придавать существующим оттенкам и цветам новые тоны? В конце концов, это практически противоположность коррекции баланса белого.

Одна из причин использования Карты градиенты (Gradient map)– обогатить цвета, которые уже есть на фотографии.

Например, в этом варианте мы подчеркнули красный кирпич и синее небо.

Еще одна веская причина использовать карты градиентов – использовать силу дополнительных или оригинальных цветов и создавать более привлекательные изображения. Иногда ощущение фотографии и сказочности важнее правды, которая изначально существует.

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

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

Создание градиентных карт

Самый простой способ создать карту градиента в Photoshop – перейти на панель инструментов и установить цвета фона и переднего плана на те, которые вам нужны на любом конце градиента. Затем, когда вы открываете карту градиента, цвета уже на месте.

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

Излишне говорить, что не все карты градиентов подходят для всех изображений. Один из способов создания полезных градиентных карт – поиск цветовых схем в Интернете.

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

Способ 1

Более индивидуальный способ создания карты градиента выглядит следующим образом:

Откройте ваше изображение в Photoshop.
Откройте корректирующий слой карты градиента.
Установите режим наложения на Мягкий свет (Soft ligh) или Перекрытие (Overlay).
Щелкните градиент, чтобы открыть редактор градиента.
Щелкните левый ограничитель цвета (квадратный ползунок в нижнем левом углу), затем щелкните в активированном цветовом окне.
На этом этапе вы можете настроить цвет тени и увидеть ее эффект в реальном времени на фотографии, перемещая палитру цветов.
Сделайте то же самое с правой кнопкой цвета выделения.

Теперь у вас есть настраиваемая карта градиента для этого изображения.

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

Карты градиента против цветных LUT

Альтернативой градиентным картам являются цветные LUT. Это таблица входных и выходных значений для цветов RGB. Она применяется для быстрой цветокоррекции. Вместо того чтобы применять цвет в соответствии с тоном изображения, как это делает карта градиента, LUT смещает оттенки численно.

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

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

Создание многоцветных градиентных карт

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

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

Способ добавления дополнительного цвета к вашему градиенту

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

Чем больше цветов вы добавляете, тем менее «реалистично» выглядит фотография, но это может быть тот эффект, который вам нужен.

Завершение

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

Многие художники думают о том, что свет и тень повышают насыщенность, но цветовой контраст – более сложная задача. Хотя карты градиентов (и цветные LUT) являются мощными инструментами для выделения изображений, ими легко увлечься. После периода многочасовой практики вы научитесь распознавать типы изображений, с которыми и те, и другие работают лучше всего, и какие из ваших градиентов где использовать. Удачной раскраски!

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

Если вы нашли ошибку/опечатку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

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

Мы будем использовать такие составляющие программы Adobe Photoshop , как: корректирующий слой Curves(Кривые) и вкладка Channels(Каналы) , а также научимся работать с таким необходимым инструментом, как Histogram (Гистограмма), которая находится в главной вкладке Window (Окно) на верхней панели. Надеюсь, что данный урок вам понравится и вы получите все необходимые знания, при работе с данными инструментами.

Итак, давайте начнём:

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

Такие преобладания цвета на экране называют цветовым выравниванием и автор покажет вам технику его применения в программе Adobe Photoshop .

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

Анализ референса

Перед тем, как приступить к обработке изображения, разместите кадр из фильма так, как показано на скриншоте.

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

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

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

После того, как мы определим цвета на исходном изображении, можно вносить в него коррективы.

Тем не менее, давайте немного отвлечёмся от корректирующего слоя Curves (Кривые) и воспользуемся другим способом: коррекция изображения с помощью корректирующего слоя Gradient Map (Карта градиента).

Примечание переводчика: следует признать, что способ с Gradient Map (Картой градиента) ,который будет описан далее, более сложный и долгий, поэтому рекомендуется использовать 2-ой способ редактирования, при помощи корректирующего слоя Curves (Кривые).

1-й способ: Карта градиента

Примечание переводчика: расположите этот слой над слоем Curves (Кривые) , но под слоем с изображением и не применяйте его в качестве Clipping Mask (Обтравочной маски) . Чуть позже станет понятно, почему нужно сделать именно так.

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

Итак, наша картинка начинает приобретать зеленоватый оттенок. Можно попробовать изменить режим наложения, данного корректирующего слоя на Color (Цвет), либо на Hue(Цветовой тон) и уменьшить Opacity (Непрозрачность) этого слоя на ваш вкус.

Расположение ползунков, а также полученный результат, можно посмотреть на скриншоте:

Примечание автора: по окончанию выполнения цветокоррекции с корректирующим слоем Gradient Map (Карта Градиента) , можете удалить его.

2 способ: Кривые

Примечание переводчика: не забудьте расположить корректирующий слой Curves (Кривые) над слоем с исходным изображением и примените корректирующий слой в качестве Clipping Mask (Обтравочной маски) к изображению.

Приступим! Находясь на корректирующем слое Curves (Кривые) нажмите на панельку RGB и появится выпадающий список из трёх каналов Red(Красный), Green (Зелёный), Blue (Синий). На данный момент, нам необходимо добавить жёлтый цвет, а для этого нужно выбрать синий канал. Если вам понадобится добавить зелёный цвет, выбирайте красный канал. Ну а при необходимости добавления пурпурного цвета, выбирайте зелёный канал.

Итак, выбрав синий канал, взгляните на гистограмму корректирующего слоя. Видно, что в правой части совсем нет никакой информации, поэтому работать с кривой надо в том месте, где присутствует гистограмма. Для добавления жёлтого цвета на лоб и немного на глаза модели, выберите значок, который уже упоминался выше в шаге 1, и кликните на лоб модели. На кривой гистограммы должна появиться точка, потянув за которую мы добавим жёлтый оттенок. Результат с настройками кривой на скриншоте:

Читайте также: