Как сделать плоские цвета в фотошопе

Обновлено: 23.01.2025

Рассказываем о нескольких способах и рассуждаем о преимуществах и недостатках работы через монохром.

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

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

Сочетание разных по тону участков передает объем предмета. Автор Matt Fussel Тон позволяет оценить расстояние до объектов — чем дальше объект находится от зрителя, тем он светлее. Автор: MH

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

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

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

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

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

Чёрно-белый рисунок — стартовый этап перед нанесением цвета. Автор: Marc Brunet Способ 1: красим рисунок с помощью режимов наложения

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

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

Метод Марко Буччи

Марко — известный художник-иллюстратор из Канады, работавший с Walt Disney Publishing Worldwide, LEGO, Hasbro, LucasArts и не только. В настоящее время ведет Youtube-канал и занимается преподаванием.

Шаг 1. Наносим основные цвета

Марко создает новый слой поверх чёрно-белого рисунка и выбирает для него режим наложения «цветность» (Color). На этом слое он не заливает всё одним цветом, а наносит кистью разные оттенки и цвета — теплые на освещенной стороне и холодные для тени. Также Марко добавляет немного красного на щёки, нос и губы, поскольку на этих участках много кровеносных сосудов. На этом же слое подбираются цвета для заднего плана. Художник отмечает, что важно работать мягкой кистью, чтобы добиться смешения цветов.

Основные цвета для персонажа и задника наносятся на новом слое с режимом наложения «цветность». Автор: Marco Bucci

Шаг 2. Правим тон

Создаем новый слой с режимом «перекрытие» (Overlay). В отличие от предыдущего, на нём можно не только накладывать цвет, но и воздействовать на тон. Идеально попасть в тон с первого раза получается не всегда, поэтому удобно поправлять недочёты уже на активном слое, а не переключаться каждый раз на базовый ч/б-рисунок.

Как это работает? Если мы возьмём светлый оттенок для кожи, то и тон станет светлее. В режиме «цветность» (Color) такого не произойдёт. Таким же образом можно добавлять и темные оттенки.

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

В режиме «перекрытие» особенно удобно добавлять рефлексы и поправлять те места, где вы не дожали по тону. Автор: Marco Bucci

Шаг 3. Работаем над тенями

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

Режим «умножение» хорош для работы с темными участками и расстановки акцентов. Автор: Marco Bucci

Шаг 4. Приглушаем цвет

Вернемся к слою с режимом «перекрытие» (Overlay). Возьмем кисть с светлым оттенком серого и осветим часть задника, чтобы создать эффект падающего света.

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

После этого группируем все слои с цветом и создаем слой-маску — кнопка находится в нижней части меню слоёв.

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

Приглушив краски на слое-маске, мы возвращаемся к другим слоям, где тоже добавим ненасыщенные цвета — зелёные, голубые и фиолетовые для теней на лбу, щеках и шее (на слоях с режимом «цветность» (Color) и «умножение» (Multiply)); красный — для щёк, носа и губ (слой с режимом «перекрытие» (Overlay)).

С помощью маски слоя приглушена общая гамма портрета. Нейтральные, сероватые оттенки холодных и теплых цветов добавлены на отдельных слоях, созданных ранее. Автор: Marco Bucci

Шаг 5. Завершающие штрихи

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

Главная задача на этом этапе — объединить тон и цвет таким образом, чтобы рисунок не выглядел как чёрно-белая картинка, которую залили краской. Для этого нужно создать плавные переходы между используемыми цветами и тоном. Марко с помощью кистей разной формы и жесткости объединяет (волосы и голову) и разделяет (волосы и задник) разные участки портрета.

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

Область лба вышла слишком затемнённой, поэтому добавим туда немного света. Для этого создадим копию финального слоя, перейдём во вкладку «изображение» и выберем кнопку «автотон». Здесь же создадим слой-маску и инвертируем её с помощью сочетания клавиш Crtl+I. Возьмём мягкую белую кисть, убавим непрозрачность и немного осветим тени на лице в области лба и щек.

Через осветление с помощью автотона и слоя-маски можно также разнообразить используемую палитру цветов. Автор: Marco Bucci

После этого вновь объединим слои для завершающих штрихов — уточним форму волос и расставим блики.

Подведем итог — краткий пайплайн по методу Буччи.

1. Делаем ч/б-рисунок.

2. Создаём новый слой в режиме «цветность» (Color) и наносим кистью базовые цвета — это не должна быть заливка одним цветом, для разных участков нужно подбирать разные цвета.

3. Создаём новый слой в режиме «перекрытие» (Overlay), чтобы одновременно добавлять нужные оттенки и редактировать тон.

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

5. Группируем все слои с цветом и создаём слой-маску. Берём чёрную кисть и проводим ей по тем местам, где нужно приглушить слишком насыщенные краски.

6. С той же целью вернёмся на слои с цветом. Пройдёмся ненасыщенными цветами на каждом из слоёв.

7. Дублируем все слои, группируем и скрываем. Это будет резерв, к которому всегда можно вернуться. Копии сливаем в один слой и делаем на нём финальную отрисовку в «нормальном» режиме наложения.

Альтернативные способы покраса с помощью режимов наложения

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

сперва в ч/б набрасываем большие блоки форм, не заботясь о деталях;
в режиме Color добавляем плоские базовые цвета;
в режиме Overlay углубляем и затемняем цвет и тон там, где необходимо;
в режиме Multiply рисуем тени или места с темными элементами;
в режиме Color dodge — яркий свет или яркие акценты;
завершаем работу в режиме Normal.

Совет от Атея. Есть такая ловушка — когда начинаешь красить чёрно-белый арт, очень легко получить ненасыщенные цвета. Кажется, что рисунок более насыщенный, чем он есть на самом деле: это потому, что начинаешь совсем без цвета, а потом медленно его добавляешь. Чтобы решить эту проблему, добавьте небольшой квадратик действительно яркого цвета в угол работы для сравнения. Это даст глазам что-то, с чем можно сравнивать.

Подробнее о его методе можно прочитать здесь или посмотреть видео.

Джастин Герард отдаёт предпочтение следующим режимам: «умножение» (Multiply), «цветность» (Color), «мягкий свет» (Soft light) и «экран» (Screen). Первый режим он использует для работы с тенями и насыщения тусклых участков цветом. На слое с режимом «цветность» (Color) Джастин снижает насыщенность красок, а с помощью режима «мягкий свет» (Soft light) наоборот — добавляет насыщенные цвета.

О его методе можно прочитать здесь.

Вариант использования режимов наложения для покраса рисунка. Автор: Justin Gerard

Дейв Греко делит работу с цветом на два этапа.

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

поверх ч/б создаём слой с режимом «замена светлым» (Lighten), берём тёмный оттенок и проходим кистью по рисунку, чтобы избавиться от серости в тенях;
для тёмных оттенков базовых цветов используем слой с режимом «умножение» (Multiply);
цвета для средних тонов наносим на слое с режимом «перекрытие» (Overlay).

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

Подробнее в видео.

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

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

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

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

Карта градиента устанавливает цвета и оттенки в соответствии с тоном слоя, который находится под ней

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

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

Цвет контрольной точки можно изменить, если нажать на ползунок. Чтобы добавить новый, нужно щелкнуть на пустое место под шкалой градиента, а чтобы удалить — выбрать нужный и нажать кнопку «удалить».

Суть работы карт градиента легче ухватить, если самостоятельно поэкспериментировать с настройками. Автор: Anritco

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

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

Метод Марка Брюне

Марк в прошлом работал старшим художником в Blizzard, а потом стал фрилансером и преподавателем. Он также ведет Youtube-канал.

Шаг 1. Разделяем на зоны

Итак, у нас есть готовый ч/б-рисунок, где лайнарт и тон находятся на отдельных слоях. Перед началом работы с цветом Марк советует заранее определить, из каких элементов состоит персонаж и поделить его на цветовые зоны. Формировать зоны лучше всего по материалу, из которого они состоят. Например, мы будем использовать отдельные цвета для кожи, волос, ткани, металла и так далее.

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

Сперва стоит разделить персонажа на отдельные элементы и залить их плоским цветом. Автор: Marc Brunet

Шаг 2. Окрашиваем каждую область

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

Применяем карту градиента к каждому элементу персонажа. Помните о теплохолодности; используйте в градиенте разные цвета, а не только оттенки одного и того же цвета. Автор: Marc Brunet

Эта же процедура повторяется для каждого последующего элемента — выбираем нужную область и применяем к ней карту градиента.

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

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

Шаг 3. Отрисовка деталей

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

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

Подводим итоги — краткий пайплайн по методу Брюне.

1. Делаем ч/б-рисунок. Важно, чтобы лайн-арт и тон были на отдельных слоях.

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

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

4. Мелкие детали и финальную отрисовку делаем на отдельном слое.

Альтернативные варианты и полезные материалы

Артур Гимальдинов применяет карту градиента сразу ко всей картинке, а не обводит каждый элемент отдельно:

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

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

Мы будем преобразовывать это изображение:

В результате получим:

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

Получение надлежащего освещения и демонстрация потемневших областей изображения:

Сделайте дубликат слоя с исходным изображением. Пройдите в меню Слои, далее в Слой-маска > Показать все. Тем самым Вы создадите слой-маску для изображения.

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

Чернила для плашечных цветов часто используются в логотипах, где цвет должен быть одинаковым независимо от того, где находится логотип. Плашечные цвета идентифицируются одной из систем согласования цветов. В США система сопоставления цветов Pantone является наиболее распространенной системой сопоставления цветов, и Photoshop поддерживает ее. Поскольку для лаков также требуются собственные пластины для печати, они обрабатываются как плашечные цвета в файлах Photoshop.

Если вы создаете изображение, которое должно быть напечатано одним или несколькими точечными цветами, вы можете создать точечные каналы в Photoshop для хранения цветов. Файл должен быть сохранен в формате DCS 2.0 или в формате PDF перед его экспортом для сохранения плашечного цвета. Затем изображение может быть помещено в программу макета страницы с сохранением информации о плашечном цвете.

Как создать новый спот канал в фотошопе

Открыв файл Photoshop, создайте новый спот-канал.

Как редактировать канал плашечного цвета

Чтобы отредактировать канал плашечного цвета в Photoshop, сначала выберите канал плашечного цвета на панели Каналы .

Используйте Кисть или другой инструмент для редактирования, чтобы добавить изображение к плашечному цвету. Нарисуйте черным, чтобы добавить больше плашечного цвета при непрозрачности 100%, или серым, чтобы добавить плашечный цвет с меньшей непрозрачностью. На экране отображается плашечный цвет.
Удалите все что угодно на канале плашечного цвета с помощью инструмента Ластик .
Используйте инструмент Тип , чтобы добавить текст чернилами точечного цвета.

Изменение плашечного цвета канала

На панели Каналы дважды щелкните миниатюру точечного канала.
Нажмите на поле Цвет и выберите новый цвет.
Введите значение Солидность в диапазоне от 0 до 100 процентов, чтобы имитировать способ печати плашечного цвета. Этот параметр не влияет на цветоделение.

Совет. Отключите слои CMYK, если они есть, нажав значок Eye рядом с миниатюрой CMYK на панели Каналы . Это облегчает просмотр того, что на самом деле находится на канале плашечного цвета.

Сохранение изображения с плашечным цветом

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

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

Очистка цвета от ненужных тонов.

Берём фотографию с цветами.

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

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

Выбираем из самого верхнего списка зелёный цвет и передвигаем ползунки как показано на рисунке.

Если внизу стоит галочка «просмотр», то сразу мы видим результат, Почему зелёный стал зеленее после этой операции? Для того чтобы это понять нам нужно знать из чего состоит зелёный цвет. А зелёный цвет состоит из смеси голубого (blue) и жёлтого (yellow).

Таким образом насыщая зелёный цвет его составляющими цветами и удаляя ненужный пурпур (Magento) мы делаем зелёный ещё зеленее.

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

Следует сказать что для каждой фотографии настройки свои, и их нужно отслеживать в реальном времени.

Теперь проделываем эту операцию для белого цвета.

Смотрим на результат.

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

Придание глубины цвету.

Предположим у меня есть фон с простой, чёрно-белой, радиальной заливкой. Мне нужно добавить цвета этому фону. Я не хочу работать со скучным и плоским серым цветом.

Открываю это изображение и делаю следующие настройки.

Полная замена цвета.

Для того чтобы было понятнее как перекрашивать объекты при помощи выборочной коррекции цвета я взял за образец красную розу.

Открываем её в фотошопе и делаем как на рисунке.

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

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

Делаем розу пурпурной.

Делаем розу зелёной.

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

Тут надо сказать что результаты будут разными при различных цветовых режимах. Более точным результат будет при работе в цветовом режиме CMYK.

Плюсы и минусы.

В чём плюсы и минусы использования выборочной коррекции цвета?

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

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

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

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