Раскрашиваем рисунок в аниме-стиле используя Фотошоп

В сегодняшнем уроке Фотошопа нашей целью будет раскрашивание рисунка в стиле аниме.

Photoshop для чайников Фотошоп с нуля в видеоформате Photoshop для фотографа

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


Содержание:

1. Основные рабочие области фотошопа;

2. «Плоские» цвета;

3. Свет и тень;

4. Cell Shading;

5. Блики;

6. Заключительная обработка;



Основные рабочие области фотошопа

Давайте быстро повторим основные рабочие области фотошопа, которые понадобятся нам сегодня.

Это панель слоев, цвета и рабочая панель.

Раскрашиваем рисунок в аниме-стиле используя Фотошоп

На заметку: Давайте вашим слоям простые и понятные названия.


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



«Плоские» цвета


Часть 1


Наверняка вы уже много раз слышали, как профи, рисующие комиксы или работающие в индустрии анимации, используют термин «Плоское» (eng. Flat), когда говорят о раскрашивании. Не пугайтесь такого специфического языка, «Плоским» раскрашиванием называют добавление основных (плоских) цветов в ваш рисунок. Это что-то вроде фундамента для добавления к нему теней, бликов и деталей.


Звучит довольно просто, верно? Давайте применим этот способ на практике. Но сначала убедитесь, что ваш рисунок готов к покраске!


Итак, наша черно-белая картинка открыта в Фотошопе, контур идеален и готов к покраске.

Раскрашиваем рисунок в аниме-стиле используя Фотошоп
Раскрашиваем рисунок в аниме-стиле используя Фотошоп

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



Часть 2


1. Создайте новый слой, залейте его белым цветом (Shift+F5) и поместите под слой с контуром. После чего выделите слой с контуром и перейдите во вкладку «» (Окно «Каналы»).

Раскрашиваем рисунок в аниме-стиле используя Фотошоп

2. Нажмите на кружочек, расположенный на панельке внизу.

Раскрашиваем рисунок в аниме-стиле используя Фотошоп

3. Нажмите Delete на клавиатуре, чтобы удалить весь белый цвет и оставить на слое только контур вашего рисунка.

Раскрашиваем рисунок в аниме-стиле используя Фотошоп

Часть 3

Теперь мы, наконец, можем приступить к покраске нашего рисунка!

Для начала добавьте новый слой и поместите его между слоями 1 и 2.

Для удобства давайте переименуем наши слои. Слой с контуром назовем «Line», самый нижний слой с фоном «background», а только что созданный нами слой на который мы начнем накладывать наши «плоские» цвета (начиная с кожи) – «Skin».

Раскрашиваем рисунок в аниме-стиле используя Фотошоп

The ()

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

Раскрашиваем рисунок в аниме-стиле используя Фотошоп

На заметку: Панель настроек вверху будет меняться в зависимости от выбранного вами инструмента.



Часть 4


Итак, давайте заполним наш контур цветом. Начнем с лица девушки.

Выбрав слой «line» и инструмент () кликните по области на ее лице, где будет находиться кожа персонажа.

Раскрашиваем рисунок в аниме-стиле используя Фотошоп

Обратите внимание, что между выделением и контуром остается пространство, но нам - то нужно идеальное выделение!

Чтобы исправить эту ошибку, переходим через меню (Выделение - Модификация - Расширить) и ставим значение 2 пикселя.

Раскрашиваем рисунок в аниме-стиле используя Фотошоп

Как вы можете видеть, за счет этого мы закрываем все зазоры между выделением и контуром. Вуаля!

Раскрашиваем рисунок в аниме-стиле используя Фотошоп

Часть 5


Сейчас, когда мы выделили лицо девушки, пришло время заполнить его цветом!

Выберите слой «Skin», затем перейдите через меню (Редактирование - Выполнить заливку / Сочетание клавиш «Shift+F5») и используйте следующие параметры:

Раскрашиваем рисунок в аниме-стиле используя Фотошоп
Раскрашиваем рисунок в аниме-стиле используя Фотошоп
Раскрашиваем рисунок в аниме-стиле используя Фотошоп

Поздравляю, вы закрасили свою первую «плоскость»!


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


Не забывайте каждую часть закрашивать на новом слое!

Раскрашиваем рисунок в аниме-стиле используя Фотошоп
Раскрашиваем рисунок в аниме-стиле используя Фотошоп

Свет и тень

Прежде чем начать затемнение нашего изображения, давайте уделим минутку разговору о тени и свете (не бликах!).


Это очень важное понятие; ключом к хорошей работе является понимание художника о месторасположении теней на объектах. Будьте последовательным, если хотите с умом подойти к своей работе.


Давайте применим эти знания к нашему персонажу.

Ниже приведены два примера с разным источником света.

Обратите внимание, как волосы отбрасывают тень, когда свет падает сверху, но не со стороны.

Раскрашиваем рисунок в аниме-стиле используя Фотошоп

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



Cell Shading


Часть 1


ОК, у нас есть «плоско» раскрашенный рисунок и понятие о важности света и тени. Пришло время реального веселья!

Первое, что нужно сделать, это создать слой с тенью прямо под слоем «Lines». Назовем новый слой «Shadow 1».

Раскрашиваем рисунок в аниме-стиле используя Фотошоп

Далее нам нужно использовать возможность слоев менять режим наложения.

Выбрав слой «Shadow 1», кликните по меню режима наложения и в выпадающем меню выберите «» (Линейный затемнитель).

Раскрашиваем рисунок в аниме-стиле используя Фотошоп

Режимы наложения

На картинках ниже вы можете увидеть различные варианты наложения.

Мы нарисовали простую симпатичную звездочку на слое «Shadow 1» и попробовали изменить режим наложения.

Раскрашиваем рисунок в аниме-стиле используя Фотошоп

Режимы наложения могут показаться вам слишком сложными, но не стоит пугаться раньше времени.


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


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


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


Для нашего урока мы будем использовать режим «» (Линейный затемнитель).



Часть 2


Итак, теперь, когда у нас есть слой «Shadow 1», давайте начнем накладывать наши тени.


Мы начнем с лица нашей девушки. Сначала откройте палитру цветов и выберите нейтральный серый цвет.

Раскрашиваем рисунок в аниме-стиле используя Фотошоп

Не старайтесь выбрать точно такой- же серый, как у нас. Просто запомните, чем темнее выбранный серый цвет, тем темнее он будет на вашем слое «Shadow 1».


()

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


Вот небольшая инструкция по применению: выбрав инструмент «Lasso» (Лассо), удерживайте кнопку мыши и передвигайте по нужной вам области, создавая путь. Как только он будет создан, начальная и конечная точка соединятся, и форма будет создана.


Звучит просто, да? Давайте используем это на нашей девушке.


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

Раскрашиваем рисунок в аниме-стиле используя Фотошоп

Часть 3


Теперь осталось заполнить наше выделение цветом.


С активным слоем «Shadow 1» мы переходим через меню (Редактирование - Выполнить заливку / Сочетание клавиш «Shift+F5»).


Как и раньше появится всплывающее окно, однако в этот раз вместо того, что бы выбрать «Color» (Цвет) мы выберем «Foreground Color» (Основной цвет) и нажмем ОК. Так как мы уж выбрали серый цвет ранее, выделение автоматически заполнится нужным нам цветом.


Поздравляю, вы только что создали тень!


Но мы еще не закончили. Сейчас наша тень выглядит слишком темной. Чтобы сделать ее более естественной изменим «Opacity» (Непрозрачность) слоя на 50%.

Раскрашиваем рисунок в аниме-стиле используя Фотошоп

Теперь наша тень окончательно готова. Используя ту же технологию, завершите затенение лица девушки.

Не забывайте об источнике света!

Раскрашиваем рисунок в аниме-стиле используя Фотошоп

На заметку: Вы можете заполнить свою тень различными способами: кистью, пером, заливкой и .т.д.. Используйте инструмент, который вам более удобен.



Часть 4


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

Раскрашиваем рисунок в аниме-стиле используя Фотошоп

Однако, многие аниме-персонажи имеют больше, чем один уровень теней, что придает изображению еще большую глубину. Сможем ли мы применить это и к нашему изображению? Конечно, сможем! Это так же просто, как добавить еще один слой с тенью поверх слоя «Shadow 1».


Добавьте новый слой и назовите его «Shadow 2». Режим наложения - (Линейный затемнитель), «Opacity» (Непрозрачность) - 50%».

Раскрашиваем рисунок в аниме-стиле используя Фотошоп

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


Итак, давайте закончим с тенями.



Блики

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

Раскрашиваем рисунок в аниме-стиле используя Фотошоп

Пока все хорошо, но есть ощущение, что чего - то не хватает. А как насчет областей, где наш свет особенно ярок?

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


Это довольно просто! Для этого создадим новый слой и назовем его «Highlight 1». Режим наложения – (Перекрытие).


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

Раскрашиваем рисунок в аниме-стиле используя Фотошоп

Обратите внимание, как режим слоя «» (Перекрытие) сочетается с белым цветом.

Такой метод нанесения бликов даст вам хороший результат, не меняя при этом оттенки ваших «плоских» цветов.

Раскрашиваем рисунок в аниме-стиле используя Фотошоп

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



Заключительная обработка


Часть 1


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


Можете похлопать себе, Вы молодцы!


В заключении мы хотим показать вам несколько забавных хитростей, чтобы окончательно «отполировать» вашу работу.

И все ваши критики скажут «Вау, это действительно круто!».


Мы собираемся добавить «layer fx» (стиль слоя) вашему цветному изображению.


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


Дважды щелкните правой кнопкой мыши на слое «Shadow 1», что бы открыть панель «layer fx» ( (Параметры наложения)).

Раскрашиваем рисунок в аниме-стиле используя Фотошоп

Эта панель известная как «Стиль слоя» является одним из самых мощных инструментов Фотошопа. По существу, мы можем применять к слоям различные эффекты, например «свечение», «тени», «текстуры» и.т.д.. Мы даже можем объединить несколько «Стилей» в одном слое, если захотим!


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


Как бы сложно это не звучало, но применение «стилей» в Фотошопе значительно сэкономит время вашей работы.


В нашем уроке мы будем применять только эффект «» (Внешнее свечение).

Этот эффект мы применим только к слоям «Shadow 1» и «Shadow 2».


В окне «Layer Style» (Стиль слоя) выберите эффект «» (Внешнее свечение) из списка слева.



Часть 2

Раскрашиваем рисунок в аниме-стиле используя Фотошоп

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

Выбрав нужный нам эффект настройте «Внешнее свечение», как показано на рисунке.


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


Примените этот же эффект к слою «Shadow 2».

Раскрашиваем рисунок в аниме-стиле используя Фотошоп

Мы скрыли слой с бликами, чтобы сосредоточиться на разнице в «стиле слоя».

Заметьте, что граница между тенями и «плоскими цветами» стала мягче. Намного лучше, м?



Часть 3


Мы почти у финиша, да! Но прежде чем закончить мы поделимся с вами еще одним секретом.


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


Сначала создадим новый слой и назовем его «Lighting». Расположим этот слой прямо под слоем с контуром, выше слоя «Highlight 1».


Измените режим наложения этого слоя на «» (Цветность) и установите непрозрачность где-то на 30%.

Теперь выберите инструмент «» (Инструмент «Заливка» / Клавиша «G»), выберите базовый цвет по своему желанию и залейте слой цветом.

Мы использовали ярко-оранжевый цвет.

Раскрашиваем рисунок в аниме-стиле используя Фотошоп

Экспериментируйте, используя разные цвета, и найдите тот оттенок, который придаст вашей работе свою изюминку.

Раскрашиваем рисунок в аниме-стиле используя Фотошоп

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

Финальный результат

Автор: ;

Переводчик: KimikoAyam aka Xima;

Уроки Фотошопа