Раскрашиваем рисунок в аниме-стиле используя Фотошоп
В сегодняшнем уроке Фотошопа нашей целью будет раскрашивание рисунка в стиле аниме.
Версия Photoshop: Photoshop CS5 (2011)
Сложность: Теория
Дата: 04.04.2011
Обновлено: 21.05.2015
Каждый (!) способен на это, и сегодня я поделюсь с вами всеми хитростями этого ремесла, которые помогут подняться вам на ступень выше и сделать ваши арты еще лучше.
Содержание:
1. Основные рабочие области фотошопа;
2. «Плоские» цвета;
3. Свет и тень;
4. Cell Shading;
5. Блики;
6. Заключительная обработка;
Основные рабочие области фотошопа
Давайте быстро повторим основные рабочие области фотошопа, которые понадобятся нам сегодня.
Это панель слоев, цвета и рабочая панель.
На заметку: Давайте вашим слоям простые и понятные названия.
Мы будем переключатся между ними довольно часто, и вы должны знать, что именно вы редактируете.
«Плоские» цвета
Часть 1
Наверняка вы уже много раз слышали, как профи, рисующие комиксы или работающие в индустрии анимации, используют термин «Плоское» (eng. Flat), когда говорят о раскрашивании. Не пугайтесь такого специфического языка, «Плоским» раскрашиванием называют добавление основных (плоских) цветов в ваш рисунок. Это что-то вроде фундамента для добавления к нему теней, бликов и деталей.
Звучит довольно просто, верно? Давайте применим этот способ на практике. Но сначала убедитесь, что ваш рисунок готов к покраске!
Итак, наша черно-белая картинка открыта в Фотошопе, контур идеален и готов к покраске.
На заметку: Чем чище ваш эскиз, тем легче будет накладывать цвета, и тем более профессионально будет выглядеть работа, когда вы закончите.
Часть 2
1. Создайте новый слой, залейте его белым цветом (Shift+F5) и поместите под слой с контуром. После чего выделите слой с контуром и перейдите во вкладку «Channels» (Окно «Каналы»).
2. Нажмите на кружочек, расположенный на панельке внизу.
3. Нажмите Delete на клавиатуре, чтобы удалить весь белый цвет и оставить на слое только контур вашего рисунка.
Часть 3
Теперь мы, наконец, можем приступить к покраске нашего рисунка!
Для начала добавьте новый слой и поместите его между слоями 1 и 2.
Для удобства давайте переименуем наши слои. Слой с контуром назовем «Line», самый нижний слой с фоном «background», а только что созданный нами слой на который мы начнем накладывать наши «плоские» цвета (начиная с кожи) – «Skin».
Для нашего следующего шага давайте ознакомимся с одним из инструментов фотошопа под названием «magic wand tool». Он выглядит как волшебная палочка с блестками на конце и используется для выделения определенных областей изображения. Мы будем выделять пустые пространства между нашим контуром.
На заметку: Панель настроек вверху будет меняться в зависимости от выбранного вами инструмента.
Часть 4
Итак, давайте заполним наш контур цветом. Начнем с лица девушки.
Выбрав слой «line» и инструмент Magic Wand Tool (Инструмент «Волшебная палочка» / Клавиша «W») кликните по области на ее лице, где будет находиться кожа персонажа.
Обратите внимание, что между выделением и контуром остается пространство, но нам — то нужно идеальное выделение!
Чтобы исправить эту ошибку, переходим через меню Select — Modify — Expand (Выделение — Модификация — Расширить) и ставим значение 2 пикселя.
Как вы можете видеть, за счет этого мы закрываем все зазоры между выделением и контуром. Вуаля!
Часть 5
Сейчас, когда мы выделили лицо девушки, пришло время заполнить его цветом!
Выберите слой «Skin», затем перейдите через меню Edit — Fill (Редактирование — Выполнить заливку / Сочетание клавиш «Shift+F5») и используйте следующие параметры:
Поздравляю, вы закрасили свою первую «плоскость»!
Используя ту же технологию, добавьте «плоские» цвета одежде, оружию и прочим деталям.
Не забывайте каждую часть закрашивать на новом слое!
Свет и тень
Прежде чем начать затемнение нашего изображения, давайте уделим минутку разговору о тени и свете (не бликах!).
Это очень важное понятие; ключом к хорошей работе является понимание художника о месторасположении теней на объектах. Будьте последовательным, если хотите с умом подойти к своей работе.
Давайте применим эти знания к нашему персонажу.
Ниже приведены два примера с разным источником света.
Обратите внимание, как волосы отбрасывают тень, когда свет падает сверху, но не со стороны.
На заметку: Правильное использование света и тени является лучшим способом сделать ваше изображение более живым и правдоподобным. Главное, точно представлять себе откуда падает свет, а остальное легко.
Cell Shading
Часть 1
ОК, у нас есть «плоско» раскрашенный рисунок и понятие о важности света и тени. Пришло время реального веселья!
Первое, что нужно сделать, это создать слой с тенью прямо под слоем «Lines». Назовем новый слой «Shadow 1».
Далее нам нужно использовать возможность слоев менять режим наложения.
Выбрав слой «Shadow 1», кликните по меню режима наложения и в выпадающем меню выберите «Linear Burn» (Линейный затемнитель).
Режимы наложения
На картинках ниже вы можете увидеть различные варианты наложения.
Мы нарисовали простую симпатичную звездочку на слое «Shadow 1» и попробовали изменить режим наложения.
Режимы наложения могут показаться вам слишком сложными, но не стоит пугаться раньше времени.
Экспериментируйте, изменяя прозрачность и свойства слоя, и наблюдайте, как он будет сочетаться с общей картиной.
Варианты наложения в выпадающем меню будут влиять только на тот слой, который активен в момент изменения наложения. Может показаться, что это влияет на ваш рисунок в целом, но это не более чем одно из свойств слоя.
Так что не бойтесь играть с режимами наложения и получать различные результаты, которые сделают вашу работу еще лучше.
Для нашего урока мы будем использовать режим «Linear Burn» (Линейный затемнитель).
Часть 2
Итак, теперь, когда у нас есть слой «Shadow 1», давайте начнем накладывать наши тени.
Мы начнем с лица нашей девушки. Сначала откройте палитру цветов и выберите нейтральный серый цвет.
Не старайтесь выбрать точно такой- же серый, как у нас. Просто запомните, чем темнее выбранный серый цвет, тем темнее он будет на вашем слое «Shadow 1».
Есть множество способов для добавления теней на наш рисунок, но в нашем уроке мы будем использовать инструмент Lasso Tool (Инструмент «Лассо»). Проще говоря, Лассо — это инструмент для выделения определенной части изображения.
Вот небольшая инструкция по применению: выбрав инструмент «Lasso» (Лассо), удерживайте кнопку мыши и передвигайте по нужной вам области, создавая путь. Как только он будет создан, начальная и конечная точка соединятся, и форма будет создана.
Звучит просто, да? Давайте используем это на нашей девушке.
Ниже вы можете увидеть путь и созданное выделение после отпускания кнопки мыши. Вот и все, что нужно сделать.
Часть 3
Теперь осталось заполнить наше выделение цветом.
С активным слоем «Shadow 1» мы переходим через меню Edit — Fill (Редактирование — Выполнить заливку / Сочетание клавиш «Shift+F5»).
Как и раньше появится всплывающее окно, однако в этот раз вместо того, что бы выбрать «Color» (Цвет) мы выберем «Foreground Color» (Основной цвет) и нажмем ОК. Так как мы уж выбрали серый цвет ранее, выделение автоматически заполнится нужным нам цветом.
Поздравляю, вы только что создали тень!
Но мы еще не закончили. Сейчас наша тень выглядит слишком темной. Чтобы сделать ее более естественной изменим «Opacity» (Непрозрачность) слоя на 50%.
Теперь наша тень окончательно готова. Используя ту же технологию, завершите затенение лица девушки.
Не забывайте об источнике света!
На заметку: Вы можете заполнить свою тень различными способами: кистью, пером, заливкой и .т.д.. Используйте инструмент, который вам более удобен.
Часть 4
Вооружившись новыми знаниями, добавьте тени на остальные части рисунка.
Однако, многие аниме-персонажи имеют больше, чем один уровень теней, что придает изображению еще большую глубину. Сможем ли мы применить это и к нашему изображению? Конечно, сможем! Это так же просто, как добавить еще один слой с тенью поверх слоя «Shadow 1».
Добавьте новый слой и назовите его «Shadow 2». Режим наложения — Linear Burn (Линейный затемнитель), «Opacity» (Непрозрачность) — 50%».
Мы можем добавить столько слоев с тенями, сколько захотим! Это зависит от личных предпочтений.
Итак, давайте закончим с тенями.
Блики
Мы закончили добавлять глубокие тени на нашего персонажа. Давайте посмотрим, как выглядит наша девушка сейчас:
Пока все хорошо, но есть ощущение, что чего — то не хватает. А как насчет областей, где наш свет особенно ярок?
Там располагаются блики, которые сделают нашу работу еще более профессиональной.
Это довольно просто! Для этого создадим новый слой и назовем его «Highlight 1». Режим наложения – Overlay (Перекрытие).
Выберите белый цвет как основной. Используя инструмент Lasso Tool (Инструмент «Лассо») добавьте несколько бликов на лицо, волосы и одежду девушки, ориентируясь на то, откуда падает свет.
Обратите внимание, как режим слоя «Overlay» (Перекрытие) сочетается с белым цветом.
Такой метод нанесения бликов даст вам хороший результат, не меняя при этом оттенки ваших «плоских» цветов.
На заметку: Не нужно рисовать много бликов, стараясь произвести большее впечатление на зрителя. В нашем случае, чем меньше, тем лучше. Иначе вы перегрузите свою работу. Чтобы блики выглядели как можно правдоподобней, поиграйте с прозрачностью слоя.
Заключительная обработка
Часть 1
В этом уроке мы рассмотрели, что значит «плоские» цвета, как определить, где свет падает на наш предмет и как применять различные тени и блики.
Можете похлопать себе, Вы молодцы!
В заключении мы хотим показать вам несколько забавных хитростей, чтобы окончательно «отполировать» вашу работу.
И все ваши критики скажут «Вау, это действительно круто!».
Мы собираемся добавить «layer fx» (стиль слоя) вашему цветному изображению.
Опять-таки, это совершенно не обязательный шаг, но это довольно интересная работа.
Дважды щелкните правой кнопкой мыши на слое «Shadow 1», что бы открыть панель «layer fx» (Blending Option (Параметры наложения)).
Эта панель известная как «Стиль слоя» является одним из самых мощных инструментов Фотошопа. По существу, мы можем применять к слоям различные эффекты, например «свечение», «тени», «текстуры» и.т.д.. Мы даже можем объединить несколько «Стилей» в одном слое, если захотим!
В списке слева находится список эффектов, которые мы можем применить к данному слою, а в окне справа различные настройки для каждого из эффектов.
Как бы сложно это не звучало, но применение «стилей» в Фотошопе значительно сэкономит время вашей работы.
В нашем уроке мы будем применять только эффект «Outer Glow» (Внешнее свечение).
Этот эффект мы применим только к слоям «Shadow 1» и «Shadow 2».
В окне «Layer Style» (Стиль слоя) выберите эффект «Outer Glow» (Внешнее свечение) из списка слева.
Часть 2
Теперь мы можем изменить свойства нашего слоя.
Выбрав нужный нам эффект настройте «Внешнее свечение», как показано на рисунке.
Что мы делаем в настройках? Добавляем небольшое свечение, используя серый цвет, и меняем режим наложения на «Linear Burn» (Линейный затемнитель).
Примените этот же эффект к слою «Shadow 2».
Мы скрыли слой с бликами, чтобы сосредоточиться на разнице в «стиле слоя».
Заметьте, что граница между тенями и «плоскими цветами» стала мягче. Намного лучше, м?
Часть 3
Мы почти у финиша, да! Но прежде чем закончить мы поделимся с вами еще одним секретом.
Вы не задумывались, как колористы способны изменить освещение и настроение в своих работах почти как по волшебству? Никакой магии! На самом деле это проще, чем вы можете себе представить.
Сначала создадим новый слой и назовем его «Lighting». Расположим этот слой прямо под слоем с контуром, выше слоя «Highlight 1».
Измените режим наложения этого слоя на «Color» (Цветность) и установите непрозрачность где-то на 30%.
Теперь выберите инструмент «Paint Bucket Tool» (Инструмент «Заливка» / Клавиша «G»), выберите базовый цвет по своему желанию и залейте слой цветом.
Мы использовали ярко-оранжевый цвет.
Экспериментируйте, используя разные цвета, и найдите тот оттенок, который придаст вашей работе свою изюминку.
Просто добавив еще один слой и изменив режим наложения, мы полностью изменили его цветовую гамму и общее настроение.
Финальный результат 
Рисование аниме в фотошопе
Привет) Вновь долгожданный урок. Сегодня необычный … рисуем аниме . Не скажу, что совсем лёгкий, но и, вроде как, несложный.
1.1 П ервое – это чёрно-белый скетч – наброски и контуры рисунка без теней, бликов и тому подобных штук. Скетч обычно рисую поверх фотографии карандашного рисунка на отдельном слое. Сначала обесцвечиваю Shift + Ctrl + U ( Image – Adjustmetns – Desaturate ); добавляю контраста ( Image – Adjustmetns – Brightness / Contrast … ) с параметрами 15 , 60 , чтобы линии были видно отчётливо. Подготовили фотку , далее…
1.2 П ервый шаг, как раз таки занимает время… кропотливое дело, ну опять же всё зависит от сложности рисунка. Ладно. Хватит воды. Раз-два и всё сейчас будет готово! Приступаем. Увеличиваем ( Ctrl и “+” ) и начинаем тонкой кисточкой отрисовывать линии. Ляпнул на контур рисунка, чуть провёл, зажал Shift на клаве – опять ткнул, получаются линии. Хорошо что довольно быстро получаются �� И так весь рисунок.
2. И так, когда скетч готов – полдела сделано. Второй шаг: Покраска . Просто покраска без перехода тонов, теней и других прибамбасов . Просто придаём каждой детали какой-то определённый цвет.
В чёрно-белом варианте видно, что платье сливается с цветом кожи, да и волосы смотрятся не так контрастно .
Нужно чтобы всё было хорошо выделено и заметно, но и перебарщивать не стоит. В третьем шаге подробнее…
Рекомендую каждую группу деталей одного цвета рисовать на отдельном слое. Например: платье, кожа, волосы и т.д. Обычно с помощью выделяю с помощью лассо ( Polygonal Lasso Tool ) и крашу участок в нужном слое большой кистью нужного цвета, цвет , опять же, беру пипеткой из рядом лежащих уже покрашенных участков. Чуть не забыл! Самое важное… У всех слоёв с “цветом” параметр смешивания на Multiply . Это для того чтобы краски не залезали на контур рисунка.
3. Маленький пункт, но зато очень важный. Чтобы узнать, правильно ли расставлены цвета, нужно посмотреть на рисунок в чёрно-белом варианте. Создаём новый слой поверх всех других. Красим в серый , не важно какой, главное серый и установим параметр смешивания этого слоя на Saturation . Включая и выключая прозрачность этого слоя можно быстро переводить всё изображение из Цветного в Чёрно-белое .
Очень хороший приём для регулировки цвета и выбора правильного сочетания. Так вот, суть то… Цвета должны в чёрно-белом цвете отличаться друг от друга, создавая контрастное сочетание. Приём просто МЕГА) не только при рисовании аниме . Советую всегда на промежуточных этапах и на финише применять его.
Создаваём дубль рисунка
Правым щелчком по названию документа… Появится копия. Сливаем все слои Shift+Ctrl+E .
Десатурейтим , если рис не чёрно-белый, и с Image – Adjustments – Brightness / Contrast … добиваемся нужной контрастности. Далее переносим мышью этот весь рисунок однослойный в наш оригинал и пробуем смешивание этого слоя, все возможные варианты, что понравится, то и оставляем �� Это всё для обычных рисунков кистью. Для аниме не надо ничего копировать и смешивать, просто достаточно изменить цвет нужной детали, у которой он страдает. Обычно этот фильтр это – Image – Adjustmetns – Hue / Saturation . Галочка Colorize должна быть включена, если надо изменить цвет всего слоя, имеющего оттенки разного цвета, а если слой одного цвета, то можно и не ставить.
Цвет, Яркость цвета (Насыщенность), Светлость – 3 параметра, которыми нужно изменять цвет.
4. Теперь самое интересное – наложение теней и бликов. Для теней и бликов по отдельному слою. Всё легко… Берём кисть и мажем в тех участках, там где должны быть тени. Далее размываем. Меняем цвет на более светлый, придаём насыщенности. А какой цвет, насколько светлыми должны быть тени и всё такое? Это очень хороший вопрос. Цвета мы будем брать из похожих рисунков, которые на ваш, ну а в данном случае на мой взгляд являются не плохими. Такие рисунки, на которые хотели бы вы, чтобы были похожи Ваши… Для кожи я взял вот такую фотку …
Для платья тоже следовало бы подыскать что-то подходящее, но не дошли руки �� Вообще советую всегда, когда появляется какой-либо вопрос на счёт цвета или формы, размера какой-либо детали, просто найдите в Интернете рисунок, который на ваш взгляд подходил бы идеально, либо найдите что-то подходящее, альтернативную замену. Просто берём пипеткой цвет, и чуть замазываем соответствующий участок на вашем рисунке, после размытие и т.д. Каждые штрихи определённого тона было бы не плохо размещать на разных слоях. Пусть их будет 20 – слоём с тенями, пусть бы их настряпаете быстро, но зато вы всегда сможете удалить лишнего, либо проконтролировать прозрачность и цвет участка. Так и делаю.. 10 слоёв с тенями, пусть даже однотипными… но привычка всё делать на разных слоях – это залог успеха . Позже всегда их можно склеить
Изменение цвета тени при помощи Hue / Saturation 
Создали тень… Ластиков вытрем всё что заходит за рамки места с тенью. Лишняя чернота там, где она не нужна – не к чему ��
Волосы – особая тема, весьма сложный компонент рисунка… Пусть в этом уроке будет рассмотрена основная часть, без сложных приёмов… они тут не к чему. Как только мне удастся все мысли и тонкости в рисовании волос в одну кучку сложить, так сделаю специальный урок. У думаю сделаю. Даже уверен ��
Добавлено 9 января: Вот и урок по рисованию волос.
Порой бывает сложно придумать каким будет фон к уже готовому рисунку в общем. Хотя бывает, что раз два и фон готов, как повезёт. Замечаю, что в рисовании всё таки немалую роль играет и везение) Создаём новый документ с размер примерно 2000 x 2000 . Цвета устанавливаем чёрный и белый, кнопкой D на клавиатуре. Files – Render – Fibers … с параметрами 10 и 25 .
Применяем фильтр Filter – Blur – Motion Blur
Сгибаем нашу пикчу : ) Filter – Distort – Polar Coordinates
Получается вот это. Выделяем и делаем Кроп , Image – Crop
Теперь трансформируем… Переворачиваем верх с низом и растягиваем, как на рисунке. Ок
Увеличим Контрастность . Image – Adjustmetns – Brightness/Contrast… 90 , 50
Далее переносим этот фон на наш рисунок. Этот новый слой должен быть выше всех других. Применим к нему инвертирование цветов Ctrl + “ I “. Сменим в панели слоём смешивание на Multiply . Теперь установим нужный цвет… опять же Image – Adjustmetns – Hue / Saturation … , обязательно установив галочку Colorize . Ластиком с мягкими краями стираем те участки, которые загораживают нашу девочку.
Можно налепить новый слоёв или дублей слоя с фоном изменяя метод смешивания слоя. Для того чтобы линии выглядели подсвеченными то к одному дублю нужно применить размытие Gausian Blur , в качестве смешивания пойдёт Color Burn и прозрачность слоя следует понизить, а то слишком ярко получается ��
Как рисовать аниме в фотошопе
Начиналось всё с этой картинки. Как такового построения здесь нет.. Просто почеркушка .
Затем обвёл коричневым цветом, сделал псевдо-глаза
После этого подумал.. Маловато будет! И решил добавить ноги 🙂
Затем создал 4 слоя вот в такой последовательности:
Потом выбрал 2 основных цвета для тела. Взял грубую кисть прозрачностью в 15 и начал аккуратно закрашивать тон тела(на слое с тоном кожи естественно >_<). Нужно это делать аккуратно! После того как закрасили, выделяем закрашенное (ctrl + нажатие на слой) и начинаем вводить второстепенный тон.
Затем выбираем дополнительные тона — это цвет тени и бликов. Опять же закрашиваем нужные места.
Пришло время приступить к раскраске одежды. Когда я выбрал цвета, то понял — чёт цвет контура одежды не будет вязаться к выбранному цвету.. Взял инструмент – Burn Tool 100% и начал «очернять» контур одежды 🙂
Затем по точно такой же технологии что и раскраска тона кожи — красим одежду 🙂 Ещё я тут продублировал слой с контуром.
Потом я решил оживить глаза 🙂 По-моему всё достаточно просто 🙂
Здесь я покрасил «шарики-завязки» у хвостиков и с какого-то перепугу сделал фон >_<. Впоследствии я его снёс.
Потом раскрасил юбку и добавил мелких деталей — кой где складки на одежде, кой где блики. Ну и «убил» контур на самых освещённых частях тела.
Затем добавил фон и логотип. Вот что из этого вышло.. Возможно кривовато, но думаю, принцип понятен 🙂
Как рисовать аниме глаза – Урок 1
Первый урок по созданию аниме глаз в программе photoshop. Урок рассчитан на пользователей, которые уже ознакомлены с основным набором инструментов и умеют ими пользоваться.
Нарисуем верхние и нижние ресницы черным цветом. Метод рисования можно использовать любой, как свободной рукой, так и с помощью Pen Tool (P).
Создаем новый слой под слоем с ресницами. С помощью инструмента Ellipse Tool рисуем большую окружность черного цвета.
Опять создаем новый слой над слоем с черной окружностью. С помощью инструмента Ellipse Tool рисуем немного меньшую окружность темно синего цвета. Инструментом Blur Tool (R) размываем край окружности синего цвета.
На новом слое рисуем окружность ярко голубого цвета и размываем край.
Создаем новый слой. Примерно в центре, с помощью мягкой кисти (Brush Tool (B)) рисуем маленькую окружность темно синего цвета.
На новом слое, кистью того же размера, рисуем окружность черного цвета, подняв ее немного выше.
Теперь создадим тень. Создаем новый слой поверх слоев зрачка. Черным цветом кистью или Pen Tool (P) рисуем тень, доходящую до черной окружности. Ставим прозрачность слоя на 50%. Край тени, который лежит на зрачке, размываем.
Создаем новый слой под слоем с тенью и ставим прозрачность слоя на 40%. Выбираем темно зеленый цвет (CMYK: 90;41;95;46). Мягкой кистью проходим поверх маленькой черной окружности.
Создаем новый слой и ставим прозрачность слоя на 10%. Окружностью белого цвета рисуем блик.