Как обрабатывать карандашные рисунки в фотошопе
В День раскрашивания серости делимся подборкой материалов по покрасу черно-белых изображений в Photoshop и других популярных графических редакторах.
22 сентября отмечается не только День осеннего равноденствия, но и День раскрашивания серости. Те, кто празднуют его, стараются в этот день заняться творчеством или одеться поярче и пойти гулять. Творчество — наш профиль, поэтому поделимся уроками о том, как делать черно-белые изображения цветными.
Мы уже писали в этой статье о том, почему бывает полезно начинать работу в ч/б и лишь затем ее красить, рассказали о недостатках этого метода и разобрали несколько пайплайнов по покрасу. Вкратце — при рисовании в ч/б проще контролировать тон, который отвечает за передачу объема и глубины. Мы разделяем работу на этапы и занимаемся скетчем, тоном и цветом по отдельности, а затем сводим все воедино для финальной отрисовки. Так куда меньше шансов допустить ошибку, чем если сразу начинать с цвета.
Каждый художник придерживается собственного пайплайна в работе и по-разному подходит к добавлению цвета в изображение. Мы подобрали уроки к наиболее распространенным методам покраса.
Суть этого метода заключается в том, что художник добавляет цвет на разных слоях поверх черно-белого изображения. Для смешения цветов он меняет режимы наложения и прозрачность слоев так, чтобы рисунок выглядел естественно, а не походил на грязную раскраску.
Начинающим не всегда понятно, какой эффект стоит ожидать от применения того или иного режима наложения. Эта статья поможет разобраться в данном вопросе — в ней мы на примерах показали, как разные режимы наложения влияют на изображение.
А теперь перейдем к урокам.
Марк Брюне (Marc Brunet), бывший художник Blizzard и ныне преподаватель, рассказывает, как покрасить рисунок за 5 шагов. Пайплайн подойдет для новичков, поскольку позволяет обойтись минимальным количеством слоев, и в нем нет хитрых комбинаций с режимами наложения.
Пайплайн следующий: сначала Марк рисует чистовой лайн, затем создает новый слой поверх и заливает лайн цветом. После этого он скрывает цвета и поверх них создает слой с режимом наложения «Разница» (Difference). На нем Марк рисует собственные и падающие тени. Когда он сделает слой с цветом видимым, рисунок станет цветным. Остается добавить свет на новом слое с режимом наложения «Перекрытие» (Overlay).
Дейв Греко (Dave Greco), фрилансер из США, комбинирует режимы наложения для нанесения основных цветов.
В уроке он сперва избавляется от излишней черноты в тенях — на слое с режимом наложения «Светлее» (Lighten) он проходит кистью по наиболее глубоким теням. Затем на слое с режимом «Перекрытие» (Overlay) Дейв наносит основные цвета для кожи, одежды и заднего плана. Для затемнения заднего плана художник использует режим наложения «Умножение» (Multiply). После того, как на рисунок нанесены основные цвета, дальнейшая отрисовка продолжается на слоях с нормальным (Normal) режимом наложения.
У Дейва на канале можно найти таймлапсы, в которых он применяет описанный пайплайн (например, тут, тут, и тут).
Некоторые корректирующие слои в Adobe Photoshop могут делать черно-белое изображение цветным. Для этого нужно выбрать слой или участок, который мы собираемся окрасить, и применить к нему корректирующий слой («Слои — Новый корректирующий слой»).
Такой метод не очень гибкий, поскольку мы красим без применения кисти и не можем быстро вносить изменения. Поэтому важно, чтобы все проблемы были решены уже на стадии монохромного рисунка. Художнику нужно заранее решить, какие элементы будут базой, а какие — нюансом и акцентом.
Художница Генис Чан (Genice Chan) в своем видео подробно рассказывает, как красить с применением таких корректирующих слоев, как «Цветовой тон/насыщенность» (Hue/Saturation), «Кривые» (Curves), «Выборочная коррекция цвета» (Selective Color).
Художник-фрилансер из США Мохаммед Агбади (Mohammed Agbadi) при покрасе комбинирует режимы наложения и корректирующие слои. На залитой серым фигуре он обозначает свет и тень с помощью полигонального лассо (Polygonal Lasso Tool). Затем на новом слое с режимом наложения «Умножение» (Multiply) он наносит основные цвета. Для настройки нужного оттенка Мохаммед выделяет область, с которой собирается работать, и применяет к ней корректирующий слой «Цветовой тон/насыщенность» (Hue/Saturation).
Карта градиента — это корректирующий слой, который заменяет все оттенки серого на заданные пользователем цвета в соответствии с тоном. Этот метод позволяет получить мягкие переходы между цветами, но требует от художника понимания теории цвета. Иначе будет сложно подобрать гармоничный градиент.
Чтобы добавить карту градиента, нужно выбрать рабочую область и перейти во вкладку Слой — Корректирующий слой — Карта градиента (Layers — Adjustment Layer — Gradient Map). Также этот инструмент можно вызвать, нажав на кнопку «Корректирующий слой» (Adjustment Layer) в нижней части окна слоев. Такой способ применения карты градиента более удобный, поскольку она остается доступной для манипуляций в окне слоев.
Урок Валида Фехали (Walid Feghali), художника из Швеции, подойдет для первого знакомства с картами градиента. Валид красит сразу весь рисунок, а не отдельные его части. При этом используется всего три слоя. Он наглядно показывает принцип работы карты градиента и говорит о том, что важно подбирать для рисунка теплые и холодные цвета.
Уже знакомый нам Марк Брюне объясняет, как работает этот метод, и использует в качестве примера черно-белую сферу. Он показывает, что окрашивать можно не только все изображение, но и отдельные его части, если выбрать их с помощью инструментов выделения. Марк использует «Волшебную палочку» (Magic Wand) и «Лассо» (Lasso).
Майк Томпсон (Mike Thompson), художник и 3D-скульптор из США, для покраски мелких деталей применяет маскирующую маску. Сначала он выбирает, над каким элементом рисунка собирается работать, а затем накладывает карту градиента сразу на все изображение. Майк нажимает на окно слоя маски в меню слоев и инвертирует ее (Ctrl+I), чтобы скрыть цвет. После этого он делает цвет видимым на нужных участках, проводя по ним белой кистью.
Хотя Adobe Photoshop и остается стандартом в арт-индустрии, существует множество других графических редакторов для рисования (мы делали обзор программ и приложений для художников тут и тут). Методы покраса монохромных изображений при этом не сильно различаются, только интерфейс другой. Мы подобрали несколько уроков для тех, кто не работает в Photoshop.
В первом видео Хуссейн Афзали (Hossein Afzali), художник из Бангкока, рассказывает, как раскрасить мультяшного персонажа с использованием режимов наложения.
Хуссейн рисует эскиз, а потом добавляет тени на отдельном слое с режимом наложения «Умножение» (Multiply). Затем он копирует эскиз для подбора цветовой схемы и закрашивает его плоскими цветами. После этого плоские цвета размещаются под слоем с тенями. Для освещения персонажа Хуссейн использует режим наложения «Осветление основы» (Color Dodge).
Художница Анна Сок (Anna Sok) показывает, как использовать карты градиента в Procreate. В отличие от Photoshop, здесь можно не только накладывать градиент на все изображение, но и красить им, как кистью. Выбранная карта градиента будет применяться везде, где пользователь проведет кистью. В Photoshop для этого нужно применять маскирующую маску.
В этом видео Дейв Греко показывает, как красит фентезийного персонажа. Он наносит основные цвета с помощью режима «Умножение» (Multiply), а для глянцевых рогов применяет «Добавить свечение» (Add Glow). Остальная отрисовка продолжается на слоях с нормальным (Normal) режимом наложения.
Художница из Швеции Кристина Бертон рассказывает о картах градиента в ClipStudioPaint. Для покраски персонажа она накладывает градиент на все изображение, скрывает его маской и делает видимой нужную область.
Художница Alatriss при покрасе отталкивается от цвета окружения. Она использует режим наложения «Цветность» (Color) и заливает рисунок ненасыщенным голубым цветом неба. Затем она создает новый слой с таким же режимом наложения и прозрачной кистью наносит цвета. Так краски смешиваются с цветом окружения и мы получаем естественные оттенки. Освещенные участки она красит с использованием нормального (Normal) режима наложения.
Цвет является важным вспомогательным элементом, хотя сам по себе он не формирует картину. От цвета во многом зависит то, как зритель будет воспринимать работу — один и тот же пейзаж может вызывать разные эмоции.
Держите несколько статей, с которыми будет проще укротить цвет и удачно покрасить монохромный рисунок.
- Как гармонично сочетать цвета — опыт Марко Буччи. Ссылка
- Как с помощью температуры цвета влиять на восприятие рисунка. Ссылка
- Как подбирать цвета для передних и задних планов. Ссылка
- Как подобрать цвет для теней. Ссылка
Текст написал Богдан Дудниченко, автор в Smirnov School. Мы готовим концепт-художников, левел-артистов и 3D-моделеров для игр и анимации. Если придёте к нам на курс, не забудьте спросить о скидке для читателей с DTF.
У вас есть карандашный рисунок, который нуждается в некотором исправлении? Если да, значит этот урок для вас! Вы узнаете, как использовать Photoshop для подобных целей.
Сложность урока: Средний
Многим этот урок может показаться спорным - это урок об обмане. В конце концов, искусство основывается на усилиях, человек должен ревностно относиться к определенным умениям. Именно поэтому цифровое искусство часто презирают, ведь за вас все делает компьютер!
Я не собираюсь спорить о назначении искусства - я достаточно об этом рассказал во многих своих статьях. Если у вас есть многообещающий рисунок, выполненный в традиционном стиле и нуждающийся в некоторой коррекции, но при этом вы не считаете, что сделаете свою работу менее ценной, я покажу, как использовать Photoshop для подобных целей.
Примечание автора: это урок об улучшении традиционных рисунков. Если вы хотите, чтобы отсканированный рисунок выглядел так же хорошо, как и оригинал, урок по очистке традиционных рисунков в Photoshop станет для вас лучшим выбором.
Для начала отсканируйте/сфотографируйте свой рисунок, а также очистите его, если это необходимо. Можете использовать урок по ссылке выше, только игнорируйте последние шаги.
1. Перемещаем части
Иногда определенная часть рисунка заканчивается там, где ее никогда не должно быть. Можете стереть ее, а затем нарисовать заново, но следы этой "коррекции" останутся. Давайте попробуем другой метод.
Шаг 1
Выберите зону, которую вы хотите переместить при помощи инструмента Лассо (Lasso Tool).
Шаг 2
Используйте инструмент Перемещение (Move Tool), чтобы перетянуть выделенный участок в правильное место. Снимите выделение, нажав Ctrl + D.
2. Скрываем ошибку
Мы передвинули участок, но изменение слишком заметно. Нужно использовать другой инструмент, который поможет убрать погрешность.
Шаг 1
Выберите зону, которую нужно улучшить при помощи инструмента Заплатка (Patch Tool) (Заплатка находится в том же меню, что и Точечная восстанавливающая кисть (Spot Healing Brush)).
Шаг 2
Перетяните выделение в зону, участок которой вы хотите "одолжить".
Шаг 3
Используйте Заплатку (Patch Tool) везде, где это потребуется, тем самым сделав "шрамы" менее заметными.
3. Стираем ошибку
Этот пункт кажется простым, но, используя неправильный ластик, мы можем получить поддельный эффект как на рисунке ниже:
Шаг 1
Чтобы избежать этого, перейдите в меню Окно > Наборы параметров для инструментов (Window > Tool Presets). Выберите инструмент Ластик (Eraser Tool), а затем пункт Карандаш с ластиком (Pencil Eraser).
Шаг 2
Используйте его как обычно. Если вы хотите сделать ластик мягче, не прибегая к помощи графического планшета, измените его Непрозрачность (Opacity).
Разница не слишком заметна, но она играет большую роль для общего эффекта:
4. Изменяем размер участков
Изменение участка рисунка может быть сложным процессом, так как часто коррекции подвергается большая часть изображения.
Шаг 1
Дублируйте (Duplicate) слой, нажав Ctrl + J, затем скройте его (для этого кликните по иконке глаза слева от миниатюры). Выберите участок при помощи инструмента Лассо (Lasso Tool).
Шаг 2
Перейдите в меню Редактирование > Свободное трансформание (Edit > Free Transform) или нажмите Ctrl + T. Переключитесь в Режим деформации (Warp Mode).
Шаг 3
Перетяните маркеры ближе к середине, чтобы уменьшить участок или оттяните их к краям, чтобы увеличить. Если что-то пошло не так, нажмите Esc и попробуйте снова.
Шаг 4
На этом этапе нам также нужно скрыть следы вмешательства. Мы можем "залатать" шов между измененной зоной и оригиналом, но есть способ проще. Включите видимость слоя-дубликата, добавьте ему Векторную маску ( Layer Mask). Заполните (Fill) ее черным цветом, а затем закрасьте белым только ту часть, которая находится правее от шва.
Если вы не понимаете, о чем идет речь, попробуйте этот быстрый урок по использованию Векторных масок.
5. Изменяем форму участка
Тот же инструмент можно использовать для изменения формы участка:
Если вам необходимо больше контроля, попробуйте другой, гораздо более мощный инструмент:
Шаг 1
Перейдите в меню Фильтр > Пластика (Filter > Liquify) или используйте клавиатурное сокращение Ctrl + Shift + X.
Шаг 2
Используйте инструмент Деформация (Forward Warp Tool), изменив форму некоторых участков. Чем крупнее кисть, тем натуральнее эффект. Будьте осторожны: в этом режиме можно отменить только одно действие!
Примечание переводчика - на самом деле, в фильтре Пластика работают те же быстрые клавиши, что и в основном окне Adobe Photoshop. Используйте Ctrl + Alt + Z для отмены действия, а Ctrl + Shift + Z для возвращения изменений.
Этот инструмент позволяет добиваться потрясающего эффекта!
6. Добавляем тени
В предыдущих шагах мы корректировали форму нашего персонажа. Теперь мы попробуем сделать несколько более сложных правок – добавим кое-что к рисунку. Однако, чем больше вы используете подобные коррекции, тем очевиднее становится компьютерное вмешательство, но иногда эффект того стоит.
Шаг 1
Дублируйте слой (Ctrl + J) и работайте с копией, оставив оригинал под ней. Перейдите в Режим быстрой маски (Quick Mask Mode) (Q). Выберите мягкую кисть и пометьте зоны, которые хотите затемнить.
Шаг 2
Выйдите из Режима быстрой маски (Quick Mask Mode). Инвертируйте (Invert) выделение, нажав Ctrl + Shift + I. Перейдите в меню Изображение > Коррекция > Цветовой тон/насыщенность (Image > Adjustment > Hue/Saturation). Сократите значение параметра Яркость (Lightness).
Шаг 3
Используйте тот же ластик, чтобы стереть тень вокруг тела.
Шаг 4
Теперь используйте этот ластик для "смешивания" тени. Она не должна быть такой равномерной; сделайте ее немного "рваной".
Как видите, это очень радикальная коррекция, поэтому не переусердствуйте. Чем меньше будет финальный рисунок, тем труднее будет заметить вмешательство при помощи Photoshop.
7. Добавляем блики
Это эффект будет работать, только если объект был нарисован в темных тонах. В моем случае, мне нужно затемнить весь рисунок. Создайте Новый слой (New Layer), нажав Ctr + Alt + Shift + N и заполните его черным цветом при помощи инструмента Заливка (Paint Bucket Tool). Сократите Непрозрачность (Opacity) этого слоя.
Шаг 2
Перейдите в Режим быстрой маски (Quick Mask Mode) (Q) и при помощи мягкой кисти пометьте зоны, которые должны блестеть.
Шаг 3
Выйдите из Режима быстрой маски (Quick Mask Mode). Инвертируйте (Invert) выделение, нажав Ctrl + Shift + I. Кликните на основной слой и Дублируйте (Duplicate) выделенную зону при помощи клавиатурного сокращения Ctrl + J. Перетяните слой-копию, разместив его над слоем с затемнением.
Шаг 4
Используйте те же техники, применяемые для работы с тенями, чтобы "смешать" блики.
Шаг 5
Сократите Непрозрачность (Opacity) для получения более мягкого эффекта.
8. Добавляем размытие
Внимание: этот эффект выглядит очень "по-цифровому". После его применения сразу будет видно компьютерное вмешательство в работу!
Шаг 1
Перейдите в Режим быстрой маски (Quick Mask Mode) (Q) и при помощи мягкой кисти нарисуйте обводку вокруг объекта.
Шаг 2
Выйдите из режима (Q), инвертируйте выделение (Ctrl + Shift + I). Перейдите в меню Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur).
Будьте осторожны - на этом этапе легко перестараться!
9. Делаем рисунок резче
Чтобы сделать линии чище, даже если они были очень размыты в оригинальном изображении, мы перейдем в меню Фильтр > Усиление резкости > "Умная" резкость (Filter > Sharpen > Smart Sharpen).
10. Добавляем "бумажный" эффект
Шаг 1
Это самый популярный и самый "невинный" трюк для улучшения рисунков. Разместите текстуру бумаги над изображением. Измените Режим наложения (Blend Mode) слоя с бумагой на Умножение (Multiply).
Шаг 2
Кликните правой кнопкой мыши по слоям и выберите Объединить слои (Flatten Image). Затем перейдите в меню Фильтр > Галерея фильтров (Filter > Filter Gallery). Выберите фильтр Текстуризатор (Texturizer), находящийся в папке Текстуры (Textures). Настройте параметры по своему усмотрению.
Шаг 3
Последний, но важный пункт - вы можете воспользоваться Уровнями (Levels) (Ctrl + L), отрегулировав яркость всего изображения.
Как видите, есть много способов убрать недостатки ваших работ и даже улучшить их. Не обязательно пользоваться всеми способами - выберите только те шаги, которые заставляют вашу работу выглядеть потрясающе.
Подводя итог, я хочу вас предостеречь. Даже если вы рассматриваете это как "залатывание недостатков", а не обман, убедитесь, что вы применяете все эти техники в качестве финального штриха, но никак не еще одного этапа работы. Чем сильнее финальный эффект отличается от первоначального, тем дальше вы уходите от традиционной живописи. Это не плохо, конечно, но только до тех пор, пока вы честны с собой и окружающими!
Стилизуем фото в рисунок карандашом в Adobe Photoshop
В этом уроке вы узнаете, как, используя кисть и маску слоя, стилизовать фотографию в рисунок карандашом.
Сложность урока: Легкий
Чтобы достичь мастерства в искусстве рисования, требуются годы. Но вы легко можете создать свой шедевр в программе Photoshop. В этом уроке вы узнаете, как создать рисунок из фотографии с помощью кистей в сочетании с графическим планшетом или использовать их по отдельности, это ваш выбор. Итак, давайте приступим!
Итоговый результат:
Примечание: Автор использует платное изображение. В архиве вы найдёте альтернативный вариант материалов для выполнения урока.
1. Настраиваем Изображение
Шаг 1
Откройте исходное изображение в программе Photoshop. Для создания эффекта карандашного рисунка, я использую красивое изображение тигра. Дважды щёлкните по слою Задний фон (background layer), чтобы разблокировать его, назовите этот слой Слой 1 (Layer 1). Установите цвет переднего плана на белый оттенок, а затем с помощью инструмента Заливка (Paint Bucket Tool (G)), выполните заливку белым цветом. Убедитесь, чтобы слой с белой заливкой был расположен ниже слоя с исходным изображением.
Если ваше исходное изображение цветное, то преобразуйте его в чёрно-белое. Для этого, перейдите на слой с фотографией, а затем идём Изображение – Коррекция - Цветовой тон / Насыщенность (Image > Adjustments > Hue & Saturation) и в появившемся окне настроек данной коррекции уменьшите значение Насыщенности (Saturation) до -100.
2. Создаём Эффект Рисунка
Шаг 1
Теперь пришло время создать эффект рисунка! К слою с фотографией добавьте слой-маску. Щёлкните по миниатюре слой-маски, а затем залейте слой-маску чёрным цветом с помощью инструмента Заливка (Paint Bucket Tool (G)).
Далее, установите цвет переднего плана на белый оттенок, а цвет заднего плана на чёрный оттенок. Используя свой графический планшет, выберите инструмент Кисть (Brush Tool (B)). Начните наносить штрихи белой кистью поверх чёрной слой-маски. Для традиционного рисунка, используйте кисть, имитирующую карандаш или штрихи кисти. В данном случае, мы используем кисть Плоская тупая с короткой жёсткой щетиной (Flat Blunt Short Stiff Brush) из набора кистей Photoshop.
Шаг 2
Продолжайте наносить мазки кистью белого цвета на маске слоя. С помощью белой кисти, вы восстановите изображение, которое расположено ниже, придавая ему текстуру рисунка. Постарайтесь, чтобы мазки кисти напоминали штриховку или пересекающую штриховку, имитируя традиционную технику рисунка. При необходимости, изучите карандашные рисунки, чтобы воссоздать их в своей работе.
Шаг 3
Почистите отдельные участки с помощью инструмента Ластик (Eraser (E)). Вы можете нанести штрихи по всему холсту или оставить белые участки на изображении для получения нужного эффекта. Расположите изображение тигра по центру с помощью инструмента Перемещение (Move Tool (V)). Продолжайте добавлять штрихи, пока вас не устроит результат. Когда вы завершите работу, нажмите клавиши (Ctrl+J), чтобы продублировать слой.
Шаг 4
Давайте усилим рисунок. Идём Изображение – Коррекция – Уровни (Image > Adjustments > Levels), установите настройки для RGB канала (RGB Channel), которые указаны ниже для усиления контраста и выделения штрихов. Теперь объедините все слои вместе.
Примечание переводчика: чтобы объединить все слои, нажмите клавиши (Ctrl+Alt+Shift+E).
- Теней (Shadow): 0
- Средних тонов (Mid tone): 0.79
- Световых бликов (Highlight): 255
Шаг 5
На данном этапе, если хотите, то можете оставить рисунок как он есть или сделать рисунок немного похожим на рисунок, сделанным на бумаге. Для этого мы добавим лёгкий эффект градиента, чтобы картина выглядела, как фотография рисунка.
Щёлкните правой кнопкой по объединённому слою с рисунком и в появившемся меню выберите опцию Параметры наложения (Blending Options). Далее, выберите стиль слоя Наложение градиента (Gradient Overlay), установите Линейный градиент (Linear Gradient), цвет градиента от тёмно-синего до светло-синего, режим наложения Исключение (Exclusion), Непрозрачность (Opacity) 40%, Масштаб (Scale) 150%.
Результат должен быть, как на скриншоте ниже.
Шаг 6
В заключение, добавьте ещё одну коррекцию Уровни (Levels). На этот раз для RGB канала (RGB Channel), установите следующие настройки 18, 0.73, и 248. Поставьте подпись и ваш рисунок завершён!
Если вы никогда не думали, что вы могли бы сделать это раньше, то подумайте еще раз! Надеюсь, что вам понравился этот урок, и вы получите массу удовольствия, превращая свои фотографии в рисунки! До новых встреч!
1. Естественно, чтобы перенести рисунок в цифровой вариант, его нужно отсканировать или сфотографировать.
1.1. Сначала я расскажу о том, как можно сфотографированный рисунок приблизить к сканированному. Лучше всего фотографировать на подоконнике в солнечный день, на белой поверхности(если окна не пластиковые), чем больше освещения, тем лучше у вас будет результат. Фотографировать в потемках при обычной лампе не очень хорошая идея, так как рисунок будет практически не видно.
1.2. Вот я сфотографировала рисунок, днем на окне, но он все равно не такой яркий, все-таки телефон не сканер, но, тем не менее, видно контур, поэтому можно запускать фотошоп и приступать к редактированию.
1.3. Заходим в Изображение – Коррекция – обесцветить или нажимаем Shift+Ctrl+U, это нужно для того, чтобы при корректировки не появились ненужные цвета.
1.4. Снова заходим в Изображение – Коррекция, но теперь выбираем Уровни(Ctrl+L), у вас появится вот такое вот окошко:
Если двигать черный значок к середине, то на изображении будет больше черных цветов, если белый двигать к середине, то больше белых, серый значок как баланс между ними. На каждом рисунке по-разному нужно выставлять эти значки, чтобы был хороший результат. На моем рисунке хороший вариант получился при таком расположении:
2. Теперь, когда рисунки почти близки по качеству друг к другу, можно приступать к следующему этапу. Дальше все одинаково для обоих вариантов, но я буду обрабатывать рисунок сфотографированный, так как на нем будет лучше видно исправления.
2.1. На этом этапе я проверяю косяки, возможно, какие-то неровности в анатомии. Делается это легко: Изображение – Вращение изображения – Отразить по горизонтали
На рисунке мне не нравится плечо, нос и рука, сейчас это и будем исправлять.
2.2. Заходим в фильтр – Пластика(Shift+Ctrl+X)
Выбирайте разные размеры кисти и смещайте неугодные вам части как хотите, главное не переборщить, иначе может потеряться качество, и запомните, там можно отменять только ОДНО последнее действие:
2.3. Обратно отражаем рисунок: Изображение – Вращение изображения – Отразить по горизонтали.
2.4. Выбираем инструмент Кисть(B) и ставим белый цвет.
Настраиваем нужный размер и жесткость, все зависит от того, какого размера рисунок и как вам удобнее работать.
Теперь, как вы уже, наверное, догадались, я буду стирать грязь с рисунка, для больших участков я использую большую кисть, для маленьких соответственно маленькую.
Так же можно использовать инструмент Осветлить в тех местах, где очень много деталей, но способ неудобен тем, что он может осветлить контур, если он будет не сильно черным.
Для удобства можно еще настраивать прозрачность кисти, это настраивается в верхней панели, именуется как «Непрозр.»
В итоге у меня вышло вот так:
Можно еще раз использовать Уровни(Ctrl+L) и Осветление, чтобы все было чисто-чисто.
2.5. Теперь нужно отделить контур от фона, для этого заходим в Выделение – Все(Crtl+A)
Вокруг картинки должен появиться мерцающий контур, если он появился, то нажимаем правой кнопкой мыши на рисунок и выбираем «Вырезать на новый слой»
2.6. Где находится вкладка Слои, там рядом есть Каналы, нажимаем на них и появляется такая вкладка
(если нет Каналов, то зайдите в Окно и найдите в списке Каналы и выберете, окошко сразу появится в рабочей области)
Нажимаем на кружочек внизу области, который выделен на изображении и возвращаемся на вкладку слои, убеждаемся, что выделен слой с контуром и нажимаем Delete или Del, на крайний случай Ctrl+X.
Выбираем Выделение – Отменить выделение(Ctrl+D), если оно само не исчезло.
2.7. Во вкладке слои нажимаем на квадратик
Теперь можно брать огромную черную кисть и красить весь холст, главное не бойтесь.
Рисунок снова стал как прежде, но с одним условием – контур на отдельном слое.
2.8. Теперь можно создавать под контуром новые слои и раскрашивать как с обычным контуром. Так же можно использовать разные эффекты наложения, например Умножение.
Получается примерно вот так:
Распечатайте этот рисунок и аккуратно обведите его, затем снова отсканируйте(с фотографией может такое не получиться). В итоге будет что-то такое(я делала контур на компьютере, так как в принтере на данный момент нет краски, но я хотела показать на примере работу способа)
2.10. Заходим снова в Каналы и отключаем все, кроме синего, чтобы отключить, нужно убрать глазик рядом со слоем. Если вы выбрали зеленый контур, то оставляете только зеленый слой.
2.11. Теперь, чтобы сохранить результат, смотрите, чтобы был выделен ТОЛЬКО Синий слой, заходите в Выделение – все(Ctrl+A), потом Редактирование – Копировать(Ctrl+C). Снова включаете все слои(RGB, Красный, Зеленый, Синий), при этом голубой контур появится, и выбираете Редактирование – Вставить(Ctrl+V)
Возвращаетесь на вкладку со слоями, и у вас будет вот так:
На Слой 1 находится ровный контур, на фоне контур с голубыми линиями, поэтому можно его удалить, переключиться на него и нажать Ctrl+A затем Ctrl+X.
Чтобы отделить контур от белого фона нужно повторить действие 8: переключиться на вкладку Каналы и нажать на кружочек внизу области, и вернуться на вкладку слои, на слое с контуром и нажать Delete или Del, на крайний случай Ctrl+X.
Выбрать Выделение – Отменить выделение(Ctrl+D), если оно само не исчезло.
Теперь контур идеальный, можно красить.
3. Если у вас есть планшет, то можно делать контур вручную и не обязательно проводить какие-то манипуляции с цветами и вырезанием, единственное, что было бы полезно – пластика, но это уже на ваше усмотрение.
3.1. Открываете сфотографированный/отсканированный рисунок в фотошопе и заходите в Изображение – Размер изображения.
В открывшемся окошке смотрите размеры изображения, чтобы по бОльшей стороне было минимум 3000рх, если число меньше, то увеличьте, от этого зависит качество контура.
3.2. Теперь нужно отделить изображения на новый слой, нажимаем Ctrl+A и правой кнопкой мыши нажав на изображение выбираем Вырезать на новый слой.
3.3. Смотрите, чтобы активным был Слой 1 с рисунком и в настройках прозрачности ставите примерно 50%.
Изображение стало еле заметным, если вам плохо видно, то прозрачность можно менять в любое время.
3.4. Контур я делаю обычной кистью с такими параметрами
Рассказываем о нескольких способах и рассуждаем о преимуществах и недостатках работы через монохром.
В монохромном режиме проще контролировать тон, который является одним из важнейших аспектов в рисовании. Тон отвечает за соотношение света и тени и показывает, какие участки являются светлыми, а какие — тёмными.
За счёт этого зритель считывает форму объекта, понимает, как расположены источники освещения и насколько интенсивный свет они дают. Именно благодаря грамотной работе с тоном предметы, изображенные на плоском листе бумаги, кажутся объёмными.
Тон позволяет оценить расстояние до объектов — чем дальше объект находится от зрителя, тем он светлее. Автор: MH
Тон — фундамент любого рисунка. Неверная работа с тоном может привести к тому, что изображение получится нечитаемым, возникнет «тоновая каша» и зрителю будет сложно разобрать, что происходит на картине.
Именно поэтому многие художники предпочитают вынести работу с тоном в отдельный этап — чтобы минимизировать ошибки. Ведь если сразу работать в цвете, нужно одновременно следить и за тоном, и цветом. В этом случае легче допустить ошибку: потерять плановость, сделать тени и освещённые участки слишком светлыми или слишком тёмными, утратить центр фокуса в картине. Разделение задачи на этапы помогает этого избежать.
Сперва расскажем о том, что у нас уже должно быть готово перед нанесением цвета.
После того, как мы определились с идеей рисунка и сделали скетч, нужно очистить его от всего лишнего, чтобы получить чистовой лайн-арт. После этого дублируем слой с эскизом и заливаем фигуру серым цветом. Затем можно приступать к созданию объёма, обозначая освещенные и затененные участки. Важно помнить, что помимо основного источника освещения есть ещё и рассеянный свет, который даёт окружение, например — небо.
Чтобы кисть не выходила за пределы рабочей области, можно выделить последнюю с помощью волшебной палочки, быстрого выделения или лассо. Для создания плавных переходов между светом и тенью нужно использовать мягкую кисть. Подробнее о создании лайна и рисовании «оклюжена» (мягких и общих теней) читайте в этой статье.
Каждый режим наложения имеет определенные параметры смешивания активного слоя с предыдущим. Например, режим «умножение» накладывает цвета верхнего слоя на цвета нижнего, что делает их темнее, а режим «экран» наоборот — осветляет. Подробнее о том, как работают те или иные режимы наложения можно прочитать здесь.
Суть этого метода покраски заключается в комбинации разных режимов наложения для получения желаемого результата. Здесь нет единственно верного варианта, поскольку каждый художник комбинирует режимы по-своему. Посмотрим, как красят свои рисунки профессионалы арт-индустрии.
Метод Марко Буччи
Марко — известный художник-иллюстратор из Канады, работавший с Walt Disney Publishing Worldwide, LEGO, Hasbro, LucasArts и не только. В настоящее время ведет Youtube-канал и занимается преподаванием.
Шаг 1. Наносим основные цвета
Марко создает новый слой поверх чёрно-белого рисунка и выбирает для него режим наложения «цветность» (Color). На этом слое он не заливает всё одним цветом, а наносит кистью разные оттенки и цвета — теплые на освещенной стороне и холодные для тени. Также Марко добавляет немного красного на щёки, нос и губы, поскольку на этих участках много кровеносных сосудов. На этом же слое подбираются цвета для заднего плана. Художник отмечает, что важно работать мягкой кистью, чтобы добиться смешения цветов.
Основные цвета для персонажа и задника наносятся на новом слое с режимом наложения «цветность». Автор: Marco Bucci
Шаг 2. Правим тон
Создаем новый слой с режимом «перекрытие» (Overlay). В отличие от предыдущего, на нём можно не только накладывать цвет, но и воздействовать на тон. Идеально попасть в тон с первого раза получается не всегда, поэтому удобно поправлять недочёты уже на активном слое, а не переключаться каждый раз на базовый ч/б-рисунок.
Как это работает? Если мы возьмём светлый оттенок для кожи, то и тон станет светлее. В режиме «цветность» (Color) такого не произойдёт. Таким же образом можно добавлять и темные оттенки.
На этом слое Марко добавляет отражённый свет на челюсть и слегка осветляет верхнюю часть груди. Здесь же он углубляет тени в волосах и добавляет насыщенность на освещенных прядях.
В режиме «перекрытие» особенно удобно добавлять рефлексы и поправлять те места, где вы не дожали по тону. Автор: Marco Bucci
Шаг 3. Работаем над тенями
Создаем новый слой с режимом «умножение» (Multiply). Марко использует его для того, чтобы затемнить задний план и ещё больше углубить тени в области глаз, а также четче обозначить брови и ресницы.
Шаг 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) наоборот — добавляет насыщенные цвета.
О его методе можно прочитать здесь.
Дейв Греко делит работу с цветом на два этапа.
1. С помощью режимов наложения наносим базовые цвета:
- поверх ч/б создаём слой с режимом «замена светлым» (Lighten), берём тёмный оттенок и проходим кистью по рисунку, чтобы избавиться от серости в тенях;
- для тёмных оттенков базовых цветов используем слой с режимом «умножение» (Multiply);
- цвета для средних тонов наносим на слое с режимом «перекрытие» (Overlay).
2. На втором используем только слои с нормальным режимом наложения, где и отрисовываем большую часть картинки.
Подробнее в видео.
Что такое карта градиента?
Это корректирующий слой, который накладывается на изображение. С его помощью можно присвоить каждому пикселю на рисунке новые оттенки разных цветов, которые будут соответствовать тону на градиентной шкале. Пользователь задает нужные параметры цвета, а графический редактор автоматически под них подстраивается.
Посмотрим на примере, как это выглядит. Создадим в отдельном документе ч/б-градиент с помощью инструмента «Градиент» (кнопка в меню инструментов, которое выводится по умолчанию слева). Выделим отдельный участок созданного нами градиента с помощью лассо. Применим к выбранной области карту градиента, которую можно найти во вкладке «Слои — новый корректирующий слой — карта градиента» (или же через кнопку в нижней части меню слоев, рядом с кнопкой слоя-маски).
Перед нами появляется окно, в котором можно выбрать один из готовых градиентов или создать собственный.
Благодаря серому градиенту и залитой цветом области мы видим, как распределяются цвета на холсте и на шкале в окне слева. В левой части градиента цвета соответствуют темным тонам, в центре — средним, а в правой части — светлым.
Для управления градиентом используются ползунки, которые находятся под цветовой шкалой. Мы можем менять оттенок цвета и местоположение ползунка, перемещая его влево или вправо на шкале. Вместе с этим изменяется и соотношение оттенков. Если, к примеру, мы переместим ползунок левее, то «подвинется» и градиент, став менее плавным по отношению к соседнему слева ползунку. При этом градиент справа станет шире и цвет охватит большую область тона.
Цвет контрольной точки можно изменить, если нажать на ползунок. Чтобы добавить новый, нужно щелкнуть на пустое место под шкалой градиента, а чтобы удалить — выбрать нужный и нажать кнопку «удалить».
Суть работы карт градиента легче ухватить, если самостоятельно поэкспериментировать с настройками. Автор: Anritco
Этот способ покраса хорош тем, что позволяет достичь плавных переходов между цветами. Благодаря этому картинка выглядит естественной и органичной. Основная сложность состоит в том, чтобы подобрать подходящие цвета для разных участков градиента.
Карты градиента дают нам богатую палитру оттенков, которую легко контролировать и изменять. Эта функция особенно полезна в коммерческом рисунке. Если клиент или арт-директор захочет изменить палитру готовой работы, то с помощью карты градиента можно быстро внести правки.
Метод Марка Брюне
Марк в прошлом работал старшим художником в Blizzard, а потом стал фрилансером и преподавателем. Он также ведет Youtube-канал.
Шаг 1. Разделяем на зоны
Итак, у нас есть готовый ч/б-рисунок, где лайнарт и тон находятся на отдельных слоях. Перед началом работы с цветом Марк советует заранее определить, из каких элементов состоит персонаж и поделить его на цветовые зоны. Формировать зоны лучше всего по материалу, из которого они состоят. Например, мы будем использовать отдельные цвета для кожи, волос, ткани, металла и так далее.
Для этого скроем слой с тоном и зальём нужные нам области плоским цветом на слое с лайн-артом. Неважно, какой цвет мы используем сейчас — это нужно для того, чтобы мы не путались в элементах персонажа и могли легко выбрать нужный участок с помощью инструментов фотошопа.
Сперва стоит разделить персонажа на отдельные элементы и залить их плоским цветом. Автор: Marc Brunet
Шаг 2. Окрашиваем каждую область
На слое с плоскими цветами мы выбираем элемент, над которым собираемся поработать, с помощью волшебной палочки или быстрого выделения. После этого переходим на слой с тоном, делаем его видимым и применяем карту градиента. Наша дальнейшая задача — подобрать подходящие цвета.
Применяем карту градиента к каждому элементу персонажа. Помните о теплохолодности; используйте в градиенте разные цвета, а не только оттенки одного и того же цвета. Автор: Marc Brunet
Эта же процедура повторяется для каждого последующего элемента — выбираем нужную область и применяем к ней карту градиента.
Марк отмечает, что в карте градиента не стоит использовать более пяти ползунков. По его мнению, такой вариант самый сбалансированный. Если взять больше — получится мешанина, если взять меньше — то получится растяжка с грязными, сероватыми оттенками, а сама палитра будет выглядеть скупо и не интересно.
На первых этапах вы можете обходиться всего тремя параметрами для средних, светлых и темных тонов.
Шаг 3. Отрисовка деталей
Карты градиента подходят для покраски крупных и средних по размеру элементов. Мелкие детали, такие как глаза, брови, украшения и заклепки, лучше доводить до ума на отдельном слое. Для этого нужно создать новый слой с режимом наложения Normal и разместить его поверх всех остальных.
Чтобы не запутаться в слоях и градиентах, давайте им названия в соответствии с окрашиваемым элементом.
Подводим итоги — краткий пайплайн по методу Брюне.
1. Делаем ч/б-рисунок. Важно, чтобы лайн-арт и тон были на отдельных слоях.
2. Думаем, как мы хотим окрасить рисунок, и заливаем его отдельные элементы плоским цветом на слое с лайн-артом. При этом слой с тоном можно скрыть, чтобы он не мешал подбирать цвет.
3. Выбираем каждый элемент с помощью лассо, делаем слой с тоном видимым и применяем к нему карту градиента. Таким же образом окрашиваем каждый элемент.
4. Мелкие детали и финальную отрисовку делаем на отдельном слое.
Альтернативные варианты и полезные материалы
Артур Гимальдинов применяет карту градиента сразу ко всей картинке, а не обводит каждый элемент отдельно:
Читайте также: