Как сделать карту градиента только для одного слоя
Добавил пользователь Алексей Ф. Обновлено: 04.10.2024
В День раскрашивания серости делимся подборкой материалов по покрасу черно-белых изображений в Photoshop и других популярных графических редакторах.
22 сентября отмечается не только День осеннего равноденствия, но и День раскрашивания серости. Те, кто празднуют его, стараются в этот день заняться творчеством или одеться поярче и пойти гулять. Творчество — наш профиль, поэтому поделимся уроками о том, как делать черно-белые изображения цветными.
Зачем вообще рисовать в ч/б?
Мы уже писали о том, почему бывает полезно начинать работу в ч/б и лишь затем ее красить. В этой статье также рассказали о недостатках этого метода и разобрали несколько пайплайнов по покрасу. Вкратце — при рисовании в ч/б проще контролировать тон, который отвечает за передачу объема и глубины. Мы разделяем работу на этапы и занимаемся скетчем, тоном и цветом по отдельности, а затем сводим все воедино для финальной отрисовки. Так куда меньше шансов допустить ошибку, чем если сразу начинать с цвета.
Как красить в Adobe Photoshop
Каждый художник придерживается собственного пайплайна в работе и по-разному подходит к добавлению цвета в изображение. Мы подобрали уроки к наиболее распространенным методам покраса.
Красим с помощью режимов наложения
Суть этого метода заключается в том, что художник добавляет цвет на разных слоях поверх черно-белого изображения. Для смешения цветов он меняет режимы наложения и прозрачность слоев так, чтобы рисунок выглядел естественно, а не походил на грязную раскраску.
Начинающим не всегда понятно, какой эффект стоит ожидать от применения того или иного режима наложения. Эта статья поможет разобраться в данном вопросе — в ней мы на примерах показали, как разные режимы наложения влияют на изображение.
А теперь перейдем к урокам.
Покрас в 5 шагов от Марка Брюне
Марк Брюне (Marc Brunet) — бывший художник Blizzard, который сейчас занимается преподаванием — рассказывает, как покрасить рисунок за 5 шагов. Пайплайн подойдет для новичков, поскольку позволяет обойтись минимальным количеством слоев, и в нем нет хитрых комбинаций с режимами наложения.
Как использует режимы наложения Дейв Греко
Дейв Греко (Dave Greco) — фрилансер из США, комбинирует режимы наложения для нанесения основных цветов.
У Дейва на канале можно найти таймлапсы, в которых он применяет описанный пайплайн (например - тут, тут, и тут).
Красим через корректирующие слои
Такой метод не очень гибкий, поскольку мы красим без применения кисти и не можем быстро вносить изменения. Поэтому важно, чтобы все проблемы были решены уже на стадии монохромного рисунка. Художнику нужно заранее решить, какие элементы будут базой, а какие — нюансом и акцентом.
Раскрашиваем мультяшного персонажа с Генис Чан
Как красит персонажей Мохаммед Агбади
Красим с помощью карты градиента
Карта градиента — это корректирующий слой, который заменяет все оттенки серого на заданные пользователем цвета в соответствии с тоном. Этот метод позволяет получить мягкие переходы между цветами, но требует от художника понимания теории цвета. Иначе будет сложно подобрать гармоничный градиент.
Красим простой пейзаж с Валидом Фехали
Урок Валида Фехали (Walid Feghali) — художника из Швеции — подойдет для первого знакомства с картами градиента. Валид красит сразу весь рисунок, а не отдельные его части. При этом используется всего три слоя. Он наглядно показывает принцип работы карты градиента и говорит о том, что важно подбирать для рисунка теплые и холодные цвета.
Как точечно применять карты градиента
Майк Томпсон (Mike Thompson) — художник и 3D-скульптор из США — для покраски мелких деталей применяет маскирующую маску. Сначала он выбирает, над каким элементом рисунка собирается работать, а затем накладывает карту градиента сразу на все изображение. Майк нажимает на окно слоя маски в меню слоев и инвертирует ее (Ctrl+I), чтобы скрыть цвет. После этого он делает цвет видимым на нужных участках, проводя по ним белой кистью.
Как красить изображение в других графических редакторах
Хотя Adobe Photoshop и остается стандартом в арт-индустрии, существует множество других графических редакторов для рисования (мы делали обзор программ и приложений для художников тут и тут). Методы покраса монохромных изображений при этом не сильно различаются, только интерфейс другой. Мы подобрали несколько уроков для тех, кто не работает в Photoshop.
Красим в Procreate
В первом видео Хуссейн Афзали (Hossein Afzali) — художник из Бангкока — рассказывает, как раскрасить мультяшного персонажа с использованием режимов наложения.
Художница Анна Сок (Anna Sok) показывает, как использовать карты градиента в Procreate. В отличие от Photoshop, здесь можно не только накладывать градиент на все изображение, но и красить им, как кистью. Выбранная карта градиента будет применяться везде, где пользователь проведет кистью. В Photoshop для этого нужно применять маскирующую маску.
Красим в ClipStudioPaint
Художница из Швеции Кристина Бертон рассказывает о картах градиента в ClipStudioPaint. Для покраски персонажа она накладывает градиент на все изображение, скрывает его маской и делает видимой нужную область.
Красим в Krita
Полезные материалы про цвет
Цвет является важным вспомогательным элементом, хотя сам по себе он не формирует картину. От цвета во многом зависит то, как зритель будет воспринимать работу — один и тот же пейзаж может вызывать разные эмоции.
Держите несколько статей, с которыми будет проще укротить цвет и удачно покрасить монохромный рисунок.
Приветствуем вас на нашем очередном уроке по Фотошопу. На этот раз он посвящен тонированию фотографии в программе. Благодаря этому эффекту вы сможете создать даже в самой обычной фотографии невероятную атмосферу.
Делаем тонирование
Вы знаете, что мы любим для своих примеров брать фотографии известных актрис и моделей. Сегодня это будет Анджелина Джоли.
Важно! Если вы не хотите использовать предустановленные шаблонные градиенты, то необходимо сперва поискать интересные варианты в интернете. Для этого просто зайдите в поисковую систему и введите запрос “градиенты для photoshop”. Как только найдете нужный вам набор, сохраните его себе на компьютер. Что ж, продолжим.
Чтобы применить тонирование через “Карту градиента”, необходимо создать “Корректирующий слой” на панели слоев, как показано на скриншоте.
После, откроется новое окно с настройками карты градиента:
Вы можете заметить, что наше фото будто покрылось бирюзовой пленкой. Иногда результат может быть и черно-белым. Все зависит от того, какой цвет в программе установлен основным в этот момент. У нас получился такой цвет из-за того, что мы его часто используем в работе, т.к. это фирменный цвет дизайна нашего сайта.
Едем дальше. Необходимо вернуться в палитру слоев и, оставаясь на вновь созданном слое, поменять режим наложения с “Обычный” на “Мягкий свет”. Это не обязательная рекомендация. Вы, в свою очередь можете выбрать любой другой режим.
Готово. Теперь нужно дважды щелкнуть по миниатюре корректирующего слоя “Карта градиента”, или просто переходим во вкладку свойства.
Это нас вернет к настройкам градиента. Теперь нам необходимо загрузить в Фотошоп те градиенты, которые мы нашли и скачали. Если же вы решили не заморачиваться, то можете для теста использовать предустановленные пресеты.
Для того, чтобы загрузить файл градиента в формате GRD (другого формата нет, будьте внимательны). Щелкните на небольшую стрелку вниз, как показано на скриншоте ниже, чтобы открыть палитру градиентов.
Всплывет еще одно небольшое окошко, в котором нужно будет кликнуть на шестеренку и выбрать в выпадающем списке “загрузить градиенты”.
Находим нужный градиент и кликаем “открыть”.
После загрузки градиентов в программу, они моментально появятся в “палитре градиентов”:
Остается только выбрать тот, который больше по душе и наше исходное фото изменится.
Результат
Вот так, благодаря простому приему, можно создавать из обычных кадров очень эффектные работы.
Приветствую Вас дорогие друзья, в сегодняшней статье мы поговорим о таком полезном инструменте Фотошоп, как карта градиента. Карта градиента в Фотошопе является одним и з самых полезных корректирующих слоев, которые можно использовать для улучшения ваших фотографий. П ри использовании карты градиента можно изменить цветовую гамму вашего изображения добавляя различные эффекты цвета. Кроме того, использование и сохранение различных Фотошоп-градиентов (GRD-файлы) дает возможность создавать практически неограниченное количество цветовых эффектов.
В отличии от простого градиента, который накладывается сверху изображения геометрически, карта градиента изменяет цветовые настройки изображения, отталкиваясь от его цветового, что позволяет получить более интересные эффекты.
Итак, чтобы применить карту градиента, возьмите необходимое изображение, в нашем случае это замок на закате , и перейдите на вкладку Новый корректирующий слой, что в меню Слои, и выберите вкладку Карта градиента.
В появившемся окошке нажмите на градиент — откроется окно градиентов. Выберите любой из градиентов или измените существующий, в нашем примере — стандартный красно-зеленый, и при необходимости используйте другие настройки (инверсия, наклон. ). Кстати большое количество градиентов можно скачать здесь.
После выбора градиента нажмите Ок, чтобы выйти из окна градиентов. Теперь нашей задачей является выбор режима смешивания и уровня непрозрачности. В нашем примере выбран режим смешивания Перекрытие с непрозрачностью 45%.
Чтобы добиться желаемых результатов, придется поиграть с различными градиентами , режимами наложения и степенью непрозрачности.
Таким вот образом применяется карта градиента в Фотошопе, а в следующем уроке я покажу Вам, как можно выделить отдельные части изображения, в том числе объекты одного цвета — не пропустите . Кроме карты градиента можно скачать похожие экшены для Фотошопа — действия, с помощью которых можно применить эффект к фотографии в один клик. До встречи в следующих уроках!
Рассказываем о нескольких способах и рассуждаем о преимуществах и недостатках работы через монохром.
В монохромном режиме проще контролировать тон, который является одним из важнейших аспектов в рисовании. Тон отвечает за соотношение света и тени и показывает, какие участки являются светлыми, а какие — тёмными.
За счёт этого зритель считывает форму объекта, понимает, как расположены источники освещения и насколько интенсивный свет они дают. Именно благодаря грамотной работе с тоном предметы, изображенные на плоском листе бумаги, кажутся объёмными.
Тон позволяет оценить расстояние до объектов — чем дальше объект находится от зрителя, тем он светлее. Автор: MH
Именно поэтому многие художники предпочитают вынести работу с тоном в отдельный этап — чтобы минимизировать ошибки. Ведь если сразу работать в цвете, нужно одновременно следить и за тоном, и цветом. В этом случае легче допустить ошибку: потерять плановость, сделать тени и освещённые участки слишком светлыми или слишком тёмными, утратить центр фокуса в картине. Разделение задачи на этапы помогает этого избежать.
Сперва расскажем о том, что у нас уже должно быть готово перед нанесением цвета.
После того, как мы определились с идеей рисунка и сделали скетч, нужно очистить его от всего лишнего, чтобы получить чистовой лайн-арт. После этого дублируем слой с эскизом и заливаем фигуру серым цветом. Затем можно приступать к созданию объёма, обозначая освещенные и затененные участки. Важно помнить, что помимо основного источника освещения есть ещё и рассеянный свет, который даёт окружение, например — небо.
Суть этого метода покраски заключается в комбинации разных режимов наложения для получения желаемого результата. Здесь нет единственно верного варианта, поскольку каждый художник комбинирует режимы по-своему. Посмотрим, как красят свои рисунки профессионалы арт-индустрии.
Метод Марко Буччи
Марко — известный художник-иллюстратор из Канады, работавший с Walt Disney Publishing Worldwide, LEGO, Hasbro, LucasArts и не только. В настоящее время ведет Youtube-канал и занимается преподаванием.
Шаг 1. Наносим основные цвета
Шаг 2. Правим тон
На этом слое Марко добавляет отражённый свет на челюсть и слегка осветляет верхнюю часть груди. Здесь же он углубляет тени в волосах и добавляет насыщенность на освещенных прядях.
Шаг 3. Работаем над тенями
Шаг 4. Приглушаем цвет
Марко вернулся ко второму шагу, и осветлил задний план, чтобы усилить контраст с лицом и волосами. Автор: Marco Bucci
После этого группируем все слои с цветом и создаем слой-маску — кнопка находится в нижней части меню слоёв.
Затем пройдёмся по портрету текстурной чёрной кистью, чтобы немного приглушить краски. В одном из своих видео Марко объяснял, что цвета с меньшей насыщенностью лучше взаимодействуют между собой и смотрятся более гармонично.
С помощью маски слоя приглушена общая гамма портрета. Нейтральные, сероватые оттенки холодных и теплых цветов добавлены на отдельных слоях, созданных ранее. Автор: Marco Bucci
Шаг 5. Завершающие штрихи
Пришло время для финальной отрисовки рисунка. Делать это лучше на слое с нормальным режимом наложения, который всегда даёт предсказуемый результат. Дублируем все наши слои, включая чёрно-белый рисунок. Оригинал сгруппируем и скроем, а дубликаты — объединим в один слой. Здесь мы и будем полировать работу.
Главная задача на этом этапе — объединить тон и цвет таким образом, чтобы рисунок не выглядел как чёрно-белая картинка, которую залили краской. Для этого нужно создать плавные переходы между используемыми цветами и тоном. Марко с помощью кистей разной формы и жесткости объединяет (волосы и голову) и разделяет (волосы и задник) разные участки портрета.
Дорабатывать рисунок желательно на одном слое, чтобы работа смотрелась цельной. На этом этапе мы сглаживаем переходы между цветами, а также яснее прорисовываем рельеф лица с помощью света и тени. Автор: Marco Bucci
Через осветление с помощью автотона и слоя-маски можно также разнообразить используемую палитру цветов. Автор: Marco Bucci
После этого вновь объединим слои для завершающих штрихов — уточним форму волос и расставим блики.
В то время, как некоторые художники предпочитают сначала довести ч/б-рисунок до идеала, Атей Гайлан начинает добавлять цвета уже на упрощенный ч/б-эскиз. Краткий алгоритм его работы такой:
- сперва в ч/б набрасываем большие блоки форм, не заботясь о деталях;
- в режиме Color добавляем плоские базовые цвета;
- в режиме Overlay углубляем и затемняем цвет и тон там, где необходимо;
- в режиме Multiply рисуем тени или места с темными элементами;
- в режиме Color dodge — яркий свет или яркие акценты;
- завершаем работу в режиме Normal.
Совет от Атея. Есть такая ловушка — когда начинаешь красить чёрно-белый арт, очень легко получить ненасыщенные цвета. Кажется, что рисунок более насыщенный, чем он есть на самом деле: это потому, что начинаешь совсем без цвета, а потом медленно его добавляешь. Чтобы решить эту проблему, добавьте небольшой квадратик действительно яркого цвета в угол работы для сравнения. Это даст глазам что-то, с чем можно сравнивать.
Подробнее о его методе можно прочитать здесь или посмотреть видео.
О его методе можно прочитать здесь.
Дейв Греко делит работу с цветом на два этапа.
1. С помощью режимов наложения наносим базовые цвета:
2. На втором используем только слои с нормальным режимом наложения, где и отрисовываем большую часть картинки.
Подробнее в видео.
Что такое карта градиента?
Это корректирующий слой, который накладывается на изображение. С его помощью можно присвоить каждому пикселю на рисунке новые оттенки разных цветов, которые будут соответствовать тону на градиентной шкале. Пользователь задает нужные параметры цвета, а графический редактор автоматически под них подстраивается.
Перед нами появляется окно, в котором можно выбрать один из готовых градиентов или создать собственный.
Благодаря серому градиенту и залитой цветом области мы видим, как распределяются цвета на холсте и на шкале в окне слева. В левой части градиента цвета соответствуют темным тонам, в центре — средним, а в правой части — светлым.
Суть работы карт градиента легче ухватить, если самостоятельно поэкспериментировать с настройками. Автор: Anritco
Этот способ покраса хорош тем, что позволяет достичь плавных переходов между цветами. Благодаря этому картинка выглядит естественной и органичной. Основная сложность состоит в том, чтобы подобрать подходящие цвета для разных участков градиента.
Карты градиента дают нам богатую палитру оттенков, которую легко контролировать и изменять. Эта функция особенно полезна в коммерческом рисунке. Если клиент или арт-директор захочет изменить палитру готовой работы, то с помощью карты градиента можно быстро внести правки.
Метод Марка Брюне
Марк в прошлом работал старшим художником в Blizzard, а потом стал фрилансером и преподавателем. Он также ведет Youtube-канал.
Шаг 1. Разделяем на зоны
Итак, у нас есть готовый ч/б-рисунок, где лайнарт и тон находятся на отдельных слоях. Перед началом работы с цветом Марк советует заранее определить, из каких элементов состоит персонаж и поделить его на цветовые зоны. Формировать зоны лучше всего по материалу, из которого они состоят. Например, мы будем использовать отдельные цвета для кожи, волос, ткани, металла и так далее.
Для этого скроем слой с тоном и зальём нужные нам области плоским цветом на слое с лайн-артом. Неважно, какой цвет мы используем сейчас — это нужно для того, чтобы мы не путались в элементах персонажа и могли легко выбрать нужный участок с помощью инструментов фотошопа.
Сперва стоит разделить персонажа на отдельные элементы и залить их плоским цветом. Автор: Marc Brunet
Шаг 2. Окрашиваем каждую область
На слое с плоскими цветами мы выбираем элемент, над которым собираемся поработать, с помощью волшебной палочки или быстрого выделения. После этого переходим на слой с тоном, делаем его видимым и применяем карту градиента. Наша дальнейшая задача — подобрать подходящие цвета.
Применяем карту градиента к каждому элементу персонажа. Помните о теплохолодности; используйте в градиенте разные цвета, а не только оттенки одного и того же цвета. Автор: Marc Brunet
Эта же процедура повторяется для каждого последующего элемента — выбираем нужную область и применяем к ней карту градиента.
Марк отмечает, что в карте градиента не стоит использовать более пяти ползунков. По его мнению, такой вариант самый сбалансированный. Если взять больше — получится мешанина, если взять меньше — то получится растяжка с грязными, сероватыми оттенками, а сама палитра будет выглядеть скупо и не интересно.
На первых этапах вы можете обходиться всего тремя параметрами для средних, светлых и темных тонов.
Шаг 3. Отрисовка деталей
Карты градиента подходят для покраски крупных и средних по размеру элементов. Мелкие детали, такие как глаза, брови, украшения и заклепки, лучше доводить до ума на отдельном слое. Для этого нужно создать новый слой с режимом наложения Normal и разместить его поверх всех остальных.
Чтобы не запутаться в слоях и градиентах, давайте им названия в соответствии с окрашиваемым элементом.
Подводим итоги — краткий пайплайн по методу Брюне.
1. Делаем ч/б-рисунок. Важно, чтобы лайн-арт и тон были на отдельных слоях.
2. Думаем, как мы хотим окрасить рисунок, и заливаем его отдельные элементы плоским цветом на слое с лайн-артом. При этом слой с тоном можно скрыть, чтобы он не мешал подбирать цвет.
3. Выбираем каждый элемент с помощью лассо, делаем слой с тоном видимым и применяем к нему карту градиента. Таким же образом окрашиваем каждый элемент.
4. Мелкие детали и финальную отрисовку делаем на отдельном слое.
Альтернативные варианты и полезные материалы
Артур Гимальдинов применяет карту градиента сразу ко всей картинке, а не обводит каждый элемент отдельно:
Читайте также: