Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Animals
Design

Рисуем пушистого котенка в Adobe Illustrator

Difficulty:IntermediateLength:MediumLanguages:

Russian (Pусский) translation by Dark Wood (you can also view the original English article)

Final product image
What You'll Be Creating

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

При рисовании меха или волос очень помогает графический планшет. Но можно работать и мышкой. Хотя, конечно, планшет экономит время.

1. Подготавливаем файл

Шаг 1

Я использовала референс с PhotoDune (показан ниже). Но это изображение более недоступно. Вы можете взять любую другую фотографию кошки или снимок своего питомца.

Cute kitten

Шаг 2

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

Prepare your layers

Шаг 3

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

Шаг 4

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

Art Brushes

2. Мех в векторе: теория

Шаг 1

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

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

Areas to render

Шаг 2

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

Fur length and direction

Шаг 3

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

Drawing strokes

Шаг 4

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

Paintbrush Tool Options

3. Рисуем пушистого котенка

Шаг 1

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

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

Forehead hair

Шаг 2

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

Around the cats fur

Шаг 3

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

Добавляю короткие штрихи вокруг глаз. Отсветы на границе склеры рисую инструментом Pen Tool (P).

Around the eyes

Шаг 4

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

Adding the inner fur

Шаг 5

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

Adding an off black background

Шаг 6

Теперь изменяю настройки слоев с шерстью следующим образом:

  • Внешний: режим смешивания Screen, непрозрачность 20%
  • Внутренний: режим смешивания Screen, непрозрачность 10%.

Шаг 7

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

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

Adding more fur

4. Добавляем другие кошачьи черты

Шаг 1

Для детализации мордочки я буду использовать градиент от прозрачного белого к непрозрачному белому. Им я покажу отблеск в глазах и кончик носа. Таким же образом я обозначаю когти. Хотя они и не видны на референсном изображении, но я нарисовала их, чтобы показать вам эффект.

Направление градиента меняю при помощи Gradient Tool (G), оставляя прозрачную часть внизу. Режим смешивания фигур изменяю на Screen и уменьшаю их непрозрачность до 20-50% (в зависимости от желаемой яркости).

Adding facial features

Шаг 2

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

Adding whiskers

Шаг 3

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

Eye shine modified

5. Дорабатываем иллюстрацию

Шаг 1

Чтобы сделать мех более "мягким", добавляю более толстые штрихи, но с меньшей прозрачностью.

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

Adding strokes

Шаг 2

Теперь при помощи кисти типа Scatter Brush добавлю вокруг котенка летающую в воздухе пыль.

Из овалов (инструмент Ellilse Tool (L)) и штрихов двойной заостренной кистью строю примерно такую композицию:

Dust brush

Шаг 3

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

Scatter Brush settings

Шаг 4

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

Adding dust

Шаг 5

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

Шаг 6

После сохранения иллюстрации я заметила, что из-за тонких штрихов основной массив шерсти не так уж сильно заметен.

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

Increasing the contrast

Мягкий, теплый маленький комочек меха

Следуя описанной методике можно всё более и более углубиться в рисование шерсти. Я нахожу это веселым и расслабляющим... особенно эти зигзагообразные штрихи!

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

Знаете ли вы, что мы в Envato Tuts+ немного "повернуты" на кошках? Посмотрите больше уроков по семейству кошачьих в этом обзоре.

Final result

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.