Advertisement
  1. Design & Illustration
  2. Animals

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

Scroll to top
Read Time: 5 min

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

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

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

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

Шаг 1

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

Cute kittenCute kittenCute kitten

Шаг 2

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

Prepare your layersPrepare your layersPrepare 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 BrushesArt BrushesArt Brushes

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

Шаг 1

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

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

Areas to renderAreas to renderAreas to render

Шаг 2

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

Fur length and directionFur length and directionFur length and direction

Шаг 3

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

Drawing strokesDrawing strokesDrawing strokes

Шаг 4

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

Paintbrush Tool OptionsPaintbrush Tool OptionsPaintbrush Tool Options

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

Шаг 1

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

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

Forehead hairForehead hairForehead hair

Шаг 2

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

Around the cats furAround the cats furAround the cats fur

Шаг 3

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

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

Around the eyesAround the eyesAround the eyes

Шаг 4

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

Adding the inner furAdding the inner furAdding the inner fur

Шаг 5

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

Adding an off black backgroundAdding an off black backgroundAdding an off black background

Шаг 6

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

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

Шаг 7

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

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

Adding more furAdding more furAdding more fur

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

Шаг 1

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

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

Adding facial featuresAdding facial featuresAdding facial features

Шаг 2

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

Adding whiskersAdding whiskersAdding whiskers

Шаг 3

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

Eye shine modifiedEye shine modifiedEye shine modified

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

Шаг 1

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

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

Adding strokesAdding strokesAdding strokes

Шаг 2

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

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

Dust brushDust brushDust brush

Шаг 3

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

Scatter Brush settingsScatter Brush settingsScatter Brush settings

Шаг 4

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

Adding dustAdding dustAdding dust

Шаг 5

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

Шаг 6

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

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

Increasing the contrastIncreasing the contrastIncreasing the contrast

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

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

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

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

Final resultFinal resultFinal result

Advertisement
Did you find this post useful?
Want a weekly email summary?
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.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads