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+ немного "повернуты" на кошках? Посмотрите больше уроков по семейству кошачьих в этом обзоре.
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Update me weeklyEnvato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!
Translate this post