We want to learn about your experience with Tuts+. Take part to earn $50! Help us out to earn $50! Get Started
  1. Design & Illustration
  2. Vector

Рисуем кавайных зверят в Adobe Illustrator

by
Read Time:11 minsLanguages:
This post is part of a series called Easy Character Design.
How to Create a Hanging Monkey Illustration in Adobe Illustrator
How to Create a Collage Illustration in Adobe Illustrator

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

Рисовать кавайных животных всегда весело. А еще интереснее делать это, проявив воображение и творческий подход. В этом уроке мы играючи нарисуем нескольких разных зверят в кавайном стиле, основой для элементов которых послужит одна фигура. В процессе вы узнаете как использовать эффекты группы Warp и панель Pathfinder и перемещать опорные точки. Также вы поработаете с инструментами Line Segment Tool и Reflect Tool.

Найти подходящих кавайных животных можно среди сотен вариантов, доступных на Envato Market.

1. Рисуем кролика

Шаг 1

Запустите Adobe Illustrator и создайте новый документ с размерами 850x850 пикселей по ширине и высоте соответственно. И первое, что мы нарисуем здесь, это голова кролика. Инструментом Ellipse Tool (L) создайте овал. Назначьте его обводке и заливке указанные ниже цвета. Инструментом Direct Selection Tool (A) выделите боковые опорные точки и сместите их вниз клавишей стрелка вниз на клавиатуре.

Увеличьте длину направляющих верхней опорной точки, чтобы эта часть головы стала более сглаженной.

creating the bunny headcreating the bunny headcreating the bunny head

Шаг 2

Теперь добавим характерные кавайные глаза. Инструментом Ellipse Tool (L) нарисуйте круг темного цвета. Внутри него, в верхней правой части, добавьте маленький белый кружок. Выделите оба элемента глаза и, зажав Shift и Alt, переместите его на правую сторону. Так вы сделали копию первого глаза строго по прямой линии.

creating the bunny eyescreating the bunny eyescreating the bunny eyes

Шаг 3

Носом станет небольшой овал того же цвета, что и глаза. Его боковые точки сделайте острыми при помощи инструмента Convert Anchor Point Tool (Shift+C).

creating the bunny nosecreating the bunny nosecreating the bunny nose

Шаг 4

Няшный ротик нарисуем при помощи инструмента Arс Tool.

Удалите на панели инструментов заливку и назначьте обводке тот же темный цвет, что и для остальных элементов на голове. На панели Stroke задайте для кончиков тип Round Cap. Нарисуйте одну половинку рта. Инструментом Direct Selection Tool (A) выделите одну из боковых опорных точек и отредактируйте положение ее направляющих так, чтобы усилить кривизну дуги. "Присоедините" контур одним концом к носу.

Не снимая с дуги выделения, кликните правой кнопкой мыши и выберите там пункт Transform> Reflect, где укажите вертикальную ось, угол 90° и по окончании нажмите на кнопку Copy. Расположите полученную копию слева от оригинала. Сделать это можно стрелкой влево на клавиатуре.

creating the bunny mouthcreating the bunny mouthcreating the bunny mouth

Шаг 5

Добавим нашему кролику тело. Инструментом Ellipse Tool (L) нарисуйте овал. Примените к нему эффект Effect> Warp> Fish, настройки которого показаны ниже. Разберите эффект командой Object> Expand Appearance. (Вы не находите, что такая форма тела делает кролика похожим на тюленя? Сделайте копию кролика, добавьте ласты и вуа-ля - у вас получился кавайный тюлень!)

creating the bunny bodycreating the bunny bodycreating the bunny body

Шаг 6

Но вернемся к кролику. Добавим ему передние лапы, которые в начале своей карьеры также будут представлены овалами. Инструментом Direct Selection Tool (A) придайте фигуре показанный ниже вид, сместив правую опорную точку клавишей стрелка вправо.

Отрежем часть фигуры. Инструментом Scissors Tool (C) кликните по точкам, отмеченным ниже красными кругами. Выделите отрезанную часть инструментом Selection Tool (V) и удалите ее.

Добавьте очередной эллипс, на этот раз вытянутый по горизонтали. Выделите боковые опорные точки инструментом Direct Selection Tool (A) и сместите стрелкой вниз. Продублируйте фигуру (Ctrl+C, Ctrl+F) и инструментом Selection Tool (V) сделайте эту копию уже.

creating the bunny forelegcreating the bunny forelegcreating the bunny foreleg

Шаг 7

Выделите все элементы первой лапы, кликните правой кнопкой> Transform> Reflect, в этом окне укажите вертикальную ось, угол 90°; по окончании нажмите кнопку Copy. Сместите полученную копию клавишей стрелка вправо.

creating the bunny second forelegcreating the bunny second forelegcreating the bunny second foreleg

Шаг 8

Переходим к задним лапам. Очередной эллипс. Очередное смещением инструментом Direct Selection Tool (A) боковых опорных точек вниз. Стопу скопируйте с одной из передних лап и немного увеличьте ее. Основу лапы немного поверните влево.

creating the bunny hind legcreating the bunny hind legcreating the bunny hind leg

Шаг 9

"Прикрепите" лапу с телу кролика. Порядок расположения должен быть выше тела, но ниже передней лапы. Давайте сделаем правую переднюю лапу. Выделите все элементы левой, активируйте инструмент Reflect Tool (O), удерживая Alt, кликните им по вертикальному центру тела. В появившемся диалоговом окне укажите вертикальную ось, угол 90° и нажмите по окончании кнопку Copy. Переместите полученную копию на правую сторону.

creating the bunny second hind legcreating the bunny second hind legcreating the bunny second hind leg

Шаг 10

Добавим уши. В их основе также будут лежать два овала (белый и оранжевый). Верхнюю точку при помощи инструмента Direct Selection Tool (A) и стрелки вниз опустите практически до середины фигуры. Затем добавьте еще один белый овал, которому инструментом Direct Selection Tool (A) придайте показанную ниже форму. Два первых эллипса поверните немного вправо.

Завершим ухо, вырезав инструментом Scissors Tool (C) небольшой отрезок у третьего овала (нужные места отмечены красными кругами). Вырезанную часть удалите. Одно ухо готово.

creating the bunny earcreating the bunny earcreating the bunny ear

Шаг 11

Перенесите его к голове. Чтобы ухо оказалось ниже головы, вырежьте его и вставьте на задний план (Ctrl+X, Ctrl+B) или просто нажмите сочетание Shift+Ctrl+[. Отразим ухо уже знакомыми действиями: правый клик> Transform> Reflect. В появившемся диалоговом окне укажите вертикальную ось, угол 90° и нажмите по окончании кнопку Copy. Переместите копию на другую сторону. И на этом наш симпатичный кролик готов!

creating the bunny second earcreating the bunny second earcreating the bunny second ear

2. Рисуем лису

Шаг 1

Скопируйте тело (вместе с лапами) кролика и измените их цвета на показанные ниже.

transforming the bunny body into fox bodytransforming the bunny body into fox bodytransforming the bunny body into fox body

Шаг 2

Голова лисы тоже начнется с овала. Инструментом Convert Anchor Point Tool (Shift+C) заострите боковые опорные точки, просто кликнув по ним. Их же несколько раз сместите стрелкой вниз.

creating the fox headcreating the fox headcreating the fox head

Шаг 3

Голова лисы будет двухцветной. Давайте сделаем это. Продублируйте ее (Ctrl+C, Ctrl+F). Нарисуйте еще один большой овал белого цвета, чтобы он перекрывал нижнюю часть головы до боковых точек. Выделите копию головы вместе с этим белым овалом и нажмите кнопку Intersect на панели Pathfinder. На панели Stroke задайте метод выравнивания обводки Align Stroke to Outside.

creating the fox head 2creating the fox head 2creating the fox head 2

Шаг 4

Совместите голову и тело. Мордашку мы не будем рисовать заново, а возьмем у кролика. Скопируйте все искомые элементы и расположите на голове лисы.

placing the fox head and taking the bunny face as the fox faceplacing the fox head and taking the bunny face as the fox faceplacing the fox head and taking the bunny face as the fox face

Шаг 5

Добавим манишку из меха, нарисовав еще один овал белого цвета и опустив его ниже головы. Цвет можно скопировать инструментом Eyedropper Tool (I). Просто, не снимая выделения с манишки, кликните Eyedropper Tool (I) по фигуре искомого цвета.

Нижнюю опорную точку той же фигуры заострите при помощи инструмента Convert Anchor Point Tool (Shift+C).

creating the fox furry chestcreating the fox furry chestcreating the fox furry chest

Шаг 6

Добавим ухо. Придайте при помощи инструмента Direct Selection Tool (A) очередному эллипсу показанную ниже форму. Полученную фигуру продублируйте, копию уменьшите и залейте более темным оттенком.

creating the fox earcreating the fox earcreating the fox ear

Шаг 7

Другое ухо сделаем уже знакомым образом при помощи Reflect Tool (O). Не забудьте расположить его на правой стороне головы.

Центруем все элементы. Сгруппируйте (правый клик> Group; Ctrl+G) все элементы соответствующих частей тела: ушей, глаз, нос, рот, каждая пара лап. Затем просто выделите все эти группы и нажмите кнопку Horizontal Align Center на панели Align.

creating the fox another earcreating the fox another earcreating the fox another ear

Шаг 8

Лисичке, конечно же, нужен хвост. Он как всегда начнется с овала. Сделайте его боковые точки острыми. Затем скопируйте (Ctrl+C, Ctrl+F).

Инструментом Pencil Tool (N) нарисуйте фигуру белого цвета, как показано ниже. Зажмите Alt, чтобы закрыть контур по окончании рисования. Если у нарисованной фигуры есть обводка, то удалите ее. Удерживая Shift, выделите ее вместе с копией хвоста. Нажмите кнопку Intersect на панели Pathfidner (Window> Pathfinder). На панели Stroke укажите выравнивание Align to Outside. На этом хвост готов.

creating the fox tailcreating the fox tailcreating the fox tail

Разместите его позади лисички и отправьте на самый задний план, нажав Ctrl+X и Ctrl+B. Превращение кролика в лису завершено!

placing the fox tailplacing the fox tailplacing the fox tail

3. Рисуем лягушку

Шаг 1

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

transforming the bunny body into the frog bodytransforming the bunny body into the frog bodytransforming the bunny body into the frog body

Шаг 2

Добавьте два круга для основания глаз. Выделите их вместе с фигурой головы, удерживая Shift, и объедините командой Unite с панели Pathfinder (Window> Pathfinder). Глаза и рот скопируйте с одного из предыдущих персонажей. И на этом лягушка готова.

creating the frog head and taking the bunny face as a frog facecreating the frog head and taking the bunny face as a frog facecreating the frog head and taking the bunny face as a frog face

4. Собираем зверят вместе

Расположите всех персонажей рядом друг с другом и посмотрите что получилось. Ну разве они не няшки?

placing all kawaii characters together placing all kawaii characters together placing all kawaii characters together

5. Добавляем вторичные элементы

Шаг 1

Давайте дадим кролику морковку. Возьмите копию какого-то элемента тела кролика, например, пальца с лапы. Измените цвет заливки на оранжевый и придайте фигуре вытянутую форму. Позади этого объекта нарисуйте вытянутый вертикально овал зеленого цвета. Сделайте две его копии, каждую из которых немного поверните в противоположные стороны, после чего разместите все три фигуры в верхней части морковки. Добавьте инструментом Line Segment Tool (\) несколько линий с коричневой обводкой и без заливки.

creating the carrotcreating the carrotcreating the carrot

Шаг 2

Лисичке вручим пару грибов. Скопируйте основную фигуру морковки, измените ее цвет и переверните узкой частью вверх. Уже ее копию сделайте шляпкой гриба. Измените цвет шляпки на коричневый (тот же, что у пальцев лисички). Продублируйте готовый гриб, расположите рядом, уменьшите в размерах и немного поверните.

creating the mushroomcreating the mushroomcreating the mushroom

Шаг 3

А лягушке достанутся водяные лилии. Сделайте копию хвоста лисы и удалите у нее белую часть. Измените цвет на розовый и сделайте две копии фигуры, повернув каждую из них влево. Отразите эти повернутые овалы, кликнув правой кнопкой> Transform> Reflect, укажите там вертикальную ось, угол 90° и нажмите по окончании кнопку Copy. Разместите новые лепестки симметрично с правой стороны.

creating the water lily creating the water lily creating the water lily

Шаг 4

Расположите элементы рядом с соответствующим персонажем.

placing carrots mushrooms and water lilyplacing carrots mushrooms and water lilyplacing carrots mushrooms and water lily

6. Завершаем иллюстрацию

Шаг 1

Добавим фон. Нарисуйте квадрат со стороной 850 пикселей, залейте его указанными ниже цветом и отправьте на самый задний план (Shift+Ctrl+]).

creating the background creating the background creating the background

Шаг 2

Инструментом Line Segment Tool (\) нарисуйте горизонтальную линию под каждым персонажем. Чтобы линия была прямой, удерживайте в процессе Shift.

creating the background 2creating the background 2creating the background 2

Части второстепенных элементов немного торчат под линией. Давайте скроем их. Для этого просто нарисуйте под каждой линией не очень высокий прямоугольник с нее длиной и заливкой цвета фона. (Зеленая обводка на изображении ниже указывает местоположение этих фигур.)

creating the background 3creating the background 3creating the background 3

Шаг 3

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

creating the background 4creating the background 4creating the background 4

Заключение

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

One subscription.
Unlimited Downloads.
Get unlimited downloads