Рисуем пушистого котенка в Adobe Illustrator
Russian (Pусский) translation by Dark Wood (you can also view the original English article)



В вами вновь поклонница кошек и любительница вектора, с очередным уроком, в котором есть кошачьи. На этот раз я вам покажу пошаговый процесс рисования пушистого котенка в контровом освещении. Работа ведется в Adobe Illustrator с применением кистей и градиентов. Я расскажу вам основные принципы рисования меха. И вы сможете повторить их в любой тематической иллюстрации.
При рисовании меха или волос очень помогает графический планшет. Но можно работать и мышкой. Хотя, конечно, планшет экономит время.
1. Подготавливаем файл
Шаг 1
Я использовала референс с PhotoDune (показан ниже). Но это изображение более недоступно. Вы можете взять любую другую фотографию кошки или снимок своего питомца.



Шаг 2
Создаю новый документ и командой File> Place добавляю туда референс. Поверх артборда я инструментом Rectangle (M) рисую прямоугольник чуть большего размера с темной заливкой, у которого уменьшаю непрозрачность до 50%. Затем создаю новый слой.



Шаг 3
Теперь нужно создать несколько кистей типа Art Brush. Все они основаны на кругах (инструмент Ellipse (L)). При помощи инструментов Free Transform Tool (E) и Convert Anchor Point to Corner (Shift+C) я придаю им нужную форму и делаю нужные углы острыми соответственно.



Шаг 4
Добавляю кисти на панель Brushes. Задаю искомый тип Art Brush. В настройках самих кистей задаю метод окрашивания (Colorization Method) Оттенки (Tints). Благодаря этому цвет кистей будет зависить от цвета обводки.



2. Мех в векторе: теория
Шаг 1
Сначала я оцениваю области, в которых буду рисовать мех. В данном случае это внешние края ключевых фигур: тела, головы, ног, хвоста, а также некоторые черты мордочки. Благодаря последнему уже набросок перестает быть безликим нечто.
Как я уже говорила в начале, рисунок будет выполнен в имитации контрового освещения. И меня не интересуют те области, которые не будут видны. При самостоятельной работе в данном стиле, подумайте какие районы будут ярче других и как их детализировать не нарушая стилистику. На изображении ниже вы можете видеть, что я не пометила ничего в промежутке от подбородка до низа живота, потому что весь он будет в густой тени.



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



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



Шаг 4
Я рисую мех инструментом Paintbrush Tool (B). Он позволяет делать контуры с регулируемой плавностью. Сделать это можно дважды кликнув по его иконке на панели инструментов.



3. Рисуем пушистого котенка
Шаг 1
В моей иллюстрации мех должен быть отрисован разными способами. Здесь есть районы с одинаковой длиной шерстинок. Но есть и такие, как соединение уха с головой, где она различается. Там я буду работать кистью с одним острым кончиком. Это придаст голове объема. Найдите на своем референсе области, которые должны быть отрисованы одиночной или двойной заостренной кистью.
Остальную шерсть я отрисую двойной заостренной кистью зигзагообразными движениям.



Шаг 2
Согласно задумке рисую только по внешним краям.



Шаг 3
Создаю новый слой для шерсти внутренних областей. В будущем это позволит легко регулировать ее непрозрачность.
Добавляю короткие штрихи вокруг глаз. Отсветы на границе склеры рисую инструментом Pen Tool (P).



Шаг 4
Не нужно рисовать во внутренних областях много шерсти - это отвлечет от основной идеи иллюстрации.



Шаг 5
Фон у моей иллюстрации будет темным. Но не чисто черным, потому что полупрозрачные белые штрихи на нем выглядят просто скучно и не стильно. Потому я задаю темный цвет с красноватым оттенком (#0a0402
).



Шаг 6
Теперь изменяю настройки слоев с шерстью следующим образом:
- Внешний: режим смешивания Screen, непрозрачность 20%
- Внутренний: режим смешивания Screen, непрозрачность 10%.



Шаг 7
Теперь, когда основная шесть нарисована, я детализирую ее как в тех же областях, так и за их пределами, тем самым придавая иллюстрации больше глубины. Делаю я это на слое "Inner fur", потому что будут использоваться те же настройки.
На изображении ниже видно, что я добавляю шерстинки острой стороной внутрь, усиливая тем самым освещенную часть. Затем легкими штрихами прохожусь внутри, обозначая границы пальцев на лапах.



4. Добавляем другие кошачьи черты
Шаг 1
Для детализации мордочки я буду использовать градиент от прозрачного белого к непрозрачному белому. Им я покажу отблеск в глазах и кончик носа. Таким же образом я обозначаю когти. Хотя они и не видны на референсном изображении, но я нарисовала их, чтобы показать вам эффект.
Направление градиента меняю при помощи Gradient Tool (G), оставляя прозрачную часть внизу. Режим смешивания фигур изменяю на Screen и уменьшаю их непрозрачность до 20-50% (в зависимости от желаемой яркости).



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



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



5. Дорабатываем иллюстрацию
Шаг 1
Чтобы сделать мех более "мягким", добавляю более толстые штрихи, но с меньшей прозрачностью.
Сделала я это двойной заостренной кистью с толщиной обводки 3 pt (предыдущие имели толщину 1 pt), режимом смешивания Screen и непрозрачностью 3%.



Шаг 2
Теперь при помощи кисти типа Scatter Brush добавлю вокруг котенка летающую в воздухе пыль.
Из овалов (инструмент Ellilse Tool (L)) и штрихов двойной заостренной кистью строю примерно такую композицию:



Шаг 3
И создаю на панели Brushes кисть типа Scatter Brush со случайной генерацией размера и вращения входящих в нее элементов.



Шаг 4
Контуру, который ближе к котенку (красного цвета ниже), я задала толщину обводки 0,5 pt; дальнему (зеленый) - 1 pt. Обоим назначила режим смешивания Screen и 10% непрозрачность.



Шаг 5
Заполняю промежутки ближе к шерсти некоторым количеством штрихов с толщиной 0,5 pt.



Шаг 6
После сохранения иллюстрации я заметила, что из-за тонких штрихов основной массив шерсти не так уж сильно заметен.
Для усиления контраста (и как возможность манипуляции оттенком) я нарисовала поверх иллюстрации прямоугольник (инструмент Rectangle (M)) темно-бежевого/коричневого цвета (#998675
). Его режим смешивания я изменила на Color Dodge. "Поиграв" с цветом заливки, можно получить результат на свой вкус.



Мягкий, теплый маленький комочек меха
Следуя описанной методике можно всё более и более углубиться в рисование шерсти. Я нахожу это веселым и расслабляющим... особенно эти зигзагообразные штрихи!
Я буду рада видеть ваши варианты в комментариях. А вы получите возможность появиться в наше обзоре созданных сообществом иллюстраций.
Знаете ли вы, что мы в Envato Tuts+ немного "повернуты" на кошках? Посмотрите больше уроков по семейству кошачьих в этом обзоре.
