Раскраска изображений с помощью градиентов в фотошопе

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

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


Вот изображение, с которым я буду работать:

Исходное изображение.  Изображение лицензировано от iStockphoto фотошопом Essentials.com.

Исходное изображение.

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

Photoshop эффект градиентной окраски.

Конечный результат.

Как раскрасить изображение с помощью градиента

Шаг 1. Создайте собственную черно-белую версию изображения

Прежде чем мы начнем раскрашивать изображение градиентом, давайте сначала удалим существующие цвета и создадим собственную черно-белую версию. Это поможет нам точно настроить результаты в конце. Если вы используете Photoshop CS3 или выше (я использую CS4 в этом уроке), самый простой способ создать великолепно выглядящую черно-белую версию с помощью черно-белого корректирующего слоя, который я добавлю в настоящее время. Если вы используете Photoshop CS2 или более раннюю версию , используйте корректирующий слой Channel Mixer или Hue / Saturation, чтобы создать свою черно-белую версию. Вы найдете полную информацию об этих и других способах преобразования цветных изображений в черно-белые в нашем разделе « Редактирование фотографий ».

Если мы посмотрим на нашу палитру слоев, то увидим, что в настоящее время у нас есть только один слой, фоновый слой, который является слоем, содержащим наше изображение. Чтобы добавить черно-белый корректирующий слой, щелкните значок « Новый корректирующий слой» в нижней части палитры «Слои» и выберите « Черно-белый» в появившемся списке корректирующих слоев:

Выбор черно-белого корректирующего слоя в Photoshop.  Image © 2008 Photoshop Essentials.com.

Нажмите на значок «Новый корректирующий слой» и выберите «Черно-белый» из списка (Photoshop CS3 и выше).

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

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

Создание собственного черно-белого изображения с регулировкой «Черно-белое» в Photoshop.

Перетащите ползунки цветов влево или вправо, чтобы затемнить или осветлить различные области черно-белой версии.

Если вы довольны результатами, нажмите кнопку ОК, чтобы выйти из диалогового окна, если вы используете Photoshop CS3. В CS4 панель настроек может оставаться открытой. Вот мое изображение после преобразования его в черно-белое:

Пользовательская черно-белая версия изображения.

Пользовательская черно-белая версия была создана.

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

Палитра Layers показывает корректирующий слой Black & White.

С корректирующими слоями исходное изображение остается невредимым.

Шаг 2: Добавьте корректирующий слой карты градиента


Теперь, когда у нас есть черно-белая версия, мы можем раскрасить изображение градиентом. Для этого мы будем использовать другой корректирующий слой, на этот раз Gradient Map. Снова нажмите на значок « Новый корректирующий слой» в нижней части палитры «Слои» и выберите « Градиентную карту» из списка:

Добавление корректирующего слоя «Карта градиента» в Photoshop.

Снова нажмите на иконку New Adjustment Layer и на этот раз выберите Gradient Map.

Как и в предыдущем корректирующем слое, если вы используете Photoshop CS3 (или более раннюю версию), элементы управления для карты градиента откроются в диалоговом окне на экране. В CS4 они появляются на панели настроек.

Шаг 3. Создайте пользовательский градиент

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

Предварительный просмотр градиента в диалоговом окне «Карта градиента».

Область предварительного просмотра показывает нам текущие цвета в градиенте.

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

Предустановки градиента в редакторе градиентов.

Область «Наборы» в верхней части редактора градиентов содержит набор готовых градиентов.

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

Давайте изменим черный слева от градиента на что-то еще. Нажмите на черный цвет, чтобы выбрать его, затем нажмите на образец цвета:

Меняем один из цветов в градиенте в фотошопе.

Нажмите на черный цвет, чтобы выбрать его, затем нажмите на образец цвета, чтобы изменить его цвет.

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

Палитра цветов в фотошопе.

Замена черного цвета в градиенте на темно-фиолетовый.

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

Темные области на изображении теперь отображаются с фиолетовым оттенком.

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

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

Изменение белого цвета в градиенте.

Изменение белого цвета в крайнем правом углу градиента.

Когда появится палитра цветов, я выберу ярко-желтый вместо белого:

Выбор желтого цвета из палитры цветов в Photoshop.

Замена белого цвета в градиенте на ярко-желтый.

Нажмите кнопку «ОК», чтобы выйти из палитры цветов, и мы увидим, что области изображения, которые изначально были белыми (или светлого оттенка серого), теперь выглядят желтыми:

Светлые области на изображении теперь отображаются с желтым оттенком.

Темные области все еще фиолетовые, и теперь светлые области кажутся желтыми.

Добавление большего количества цветов

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

Добавление нового цветового стопа к градиенту в Photoshop.

Нажмите в любом месте в нижней части градиента, чтобы добавить еще один цвет.

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

Выбор оранжевого цвета из палитры цветов в Photoshop.

Выбор среднего оранжевого цвета для замены среднего серого в градиенте.

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

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

Более темные области — фиолетовые, более светлые области — желтые, а средние тона — оранжевые благодаря 3-цветному градиенту.

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

Перетаскивание одного из цветов останавливается в градиенте.

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

Закончив создание и редактирование градиента, нажмите кнопку «ОК», чтобы выйти из редактора градиентов, затем нажмите кнопку «ОК», чтобы выйти из диалогового окна «Карта градиента» (Photoshop CS3 и более ранние версии).

Шаг 4: измени режим смешивания или понизь непрозрачность


Если вы обнаружите, что первоначальный эффект окраски слишком интенсивный (как у меня), есть несколько простых способов придать ему более тонкий вид. Одним из них является изменение режима наложения корректирующего слоя «Карта градиента». Я собираюсь изменить свой режим наложения с Normal (режим наложения по умолчанию) на Soft Light :

Изменение режима наложения корректирующего слоя Gradient Map на Soft Light.

Измените режим наложения корректирующего слоя Gradient Map на Soft Light.

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

Эффект окраски после изменения режима наложения на Soft Light.

Изменение режима наложения приводит к более тонкому эффекту.

Другой способ уменьшить интенсивность эффекта — уменьшить непрозрачность корректирующего слоя «Карта градиента». Я установлю свой режим наложения обратно на Нормальный, и на этот раз я уменьшу опцию Непрозрачность (прямо напротив опции режима наложения) до 25%:

Понижение Непрозрачности корректирующего слоя Карты Градиента.

Уменьшите непрозрачность Градиентной карты, чтобы уменьшить ее интенсивность.

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

Эффект окраски после снижения непрозрачности карты градиента.

Понижение непрозрачности создает более мягкий цветовой эффект.

И там у нас это есть! Вот как можно добавить сложные цветовые эффекты к изображению с помощью пользовательских градиентов в Photoshop! Посетите наш раздел « Фотоэффекты », чтобы узнать больше об эффектах Photoshop!



Поделитесь в соц.сетях:

Оцените статью:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован.