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

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

by
Difficulty:BeginnerLength:LongLanguages:

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

Final product image
What You'll Be Creating

Хотели когда-нибудь создавать иллюстрации для детской книги или просто рисовать персонажей в мультяшном стиле? Тогда этот урок для вас! Мы нарисуем симпатичного сиамского котенка в Adobe Illustrator, используя простые фигуры, эффекты группы Warp и инструмент Pencil Tool, которым немного порисуем от руки. Вы готовы?

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

cute cartoon animals from graphicriver

1. Рисуем голову котенка

Шаг 1

Создайте новый документ размерами 600x600 пикселей в цветовом пространстве RGB. Инструментом Rectangle Tool (M) нарисуйте прямоугольник такого же размера и залейте его светло-голубым цветом. Это будет фон.

create a new document

Шаг 2

Теперь нарисуем голову. Инструментом Ellipse Tool (L) создайте овал бежевого цвета с размерами 285x215 пикселей. Инструментом Direct Selection Tool (A) выделите боковые опорные точки и сместите их на несколько пикселей вниз, делая нижнюю часть чуть более плоской. Делать перемещение можно мышкой, удерживая Shift, либо кнопкой стрелка вниз на клавиатуре.

Скопируйте (Ctrl+C) фигуру и вставьте на то же место (Shift+Ctrl+V). Удерживая Alt и Shift уменьшите дубликат, а цвет его заливки измените на серый.

create a head from ellipse

Шаг 3

Добавим уши. Сначала активируйте инструмент Polygon Tool (находится в одной группе с Rectangle Tool (M)) и кликните им в любом месте рабочей области. Откроется меню настроек.

Задайте там количество сторон равное 3. Полученный треугольник залейте тем же серым цветом, что уже использовался на мордочке. Быстро применить цвет можно кликнув инструментом Eyedropper Tool (I) по искомому объекту, не указывая его на панели Colors.

Давайте исказим этот треугольник, добавив к нему эффект Effect> Warp> Bulge с вертикальным изгибом 40% и горизонтальным искажением в -10%. Таким образом мы больше деформируем нашу фигуру в левую сторону.

Командой Object> Expand Appearance разберите эффект. Выделите верхнюю точку инструментом Direct Selection Tool (A) и потяните вниз маркер виджета Live Corners, чтобы закруглить этот угол. Также при необходимости можно указать точное значение в поле Corner Radius на контрольной панели.

create the ear and use the warp effect

Шаг 4

Не снимая выделения с фигуры, выполните операцию Object> Path> Offset Path со смещением -15 пикселей. Оставьте у нее параметры по умолчанию и нажатием OK подтвердите применение. Полученную фигуру внутренней части уха залейте розовым цветом.

При помощи инструмента Direct Selection Tool (A) и функции Live Corners закруглите верхнюю точку и розовой фигуры.

use the Offset path function

Шаг 5

Сгруппируйте (Ctrl+G) оба элемента уха. Поверните, масштабируйте его и расположите с левой стороны головы.

Дважды кликните по инструменту Reflect Tool (O). В появившемся окне укажите вертикальную ось и по окончании нажмите кнопку Copy. Полученную отраженную копию уха расположите на противоположной стороне головы.

reflect the ear and attach to the head

Шаг 6

Давайте добавим нашему персонажу лицо. Инструментом Ellipse Tool (L) нарисуйте белый овал размерами 65x55 пикселей, который станет глазницей. Инструментом Direct Selection Tool (A) укоротите правую направляющую верхней опорной точки и верхнюю направляющую правой точки.

Добавьте овальную радужную оболочку глаза светло-голубого цвета размерами 50x60 пикселей и зрачок 30x37 пикселей более темного оттенка внутри него.

make an eyeball from ellipse

Шаг 7

Небольшим эллипсом белого цвета обозначьте блик света в глазу.

Теперь давайте скроем часть радужки, выходящую за границы глазницы. Скопируйте (Ctrl+C) фигуру глазницы, вставьте на передний план (Ctrl+F) и отправьте дубликат на самый передний план (Shift+Ctrl+]). Выделите вместе с этой фигурой все элементы глаза, щелкните правой кнопкой мыши и в появившемся контекстном меню выберите пункт Make Clipping Mask (Ctrl+7). Верхняя фигура послужит эдаким контейнером, ограничивающим прочие, внесенные в его группу. При том все объекты остаются целыми и редактируемыми (включая сам контейнер). Вы можете найти группу с обтравкой в панели слоев, развернуть ее и сместить, изменить сами элементы или их порядок.

create a clipping mask

Шаг 8

Инструментом Reflect Tool (O) отразите глаз по вертикали и нажмите там по окончании кнопку Copy. У полученной копии внутри обтравочной маски сместите зрачок вместе со всеми элементами вправо, чтобы оба глаза котенка смотрели в одну сторону.

create a copy for the second eye

Шаг 9

Давайте добавим нос. Нарисуйте овал светло-розового цвета размерами 25x15 пикселей. Инструментом Direct Selection Tool (A) придайте ему вид треугольника с закругленными углами, направленного вниз.

Эллипсом с заливкой светло-розового цвета и размерами 13x12 пикселей нарисуйте бровь. Деформируйте ее, поверните, расположите в надлежащем месте и при помощи инструмента Rotate Tool (O) получите отраженный второй экземпляр.

create a nose and brows from the ellipses

Шаг 10

Продолжаем добавлением рта. Начинается он с линии, проведенной инструментом Line Segment Tool (\) с зажатым Shift. Назначьте этой линии обводку темно-серого цвета с панели Color. На панели Stroke (Window> Stroke) увеличьте толщину обводки до 3 pt и измените тип кончиков на Round Cap.

Добавьте к ней же эффект Effect> Distort & Transform> Zig Zag, со следующими параметрами: размер (Size) - 4 пикселя, рёбер на сегмент (Ridges per segment) - 3, режим Points - сглаженный (Smooth). Если у вас результат отличается от показанного ниже, то измените количество рёбер на сегмент.

make a stroke and apply Zig Zag effect

Шаг 11

Разберите эффект командой Object> Expand Appearance. Уголки рта мы поднимем. Инструментом Direct Selection Tool (A) измените положение направляющих оконечных точек на диагональное.

expand appearance and edit the shape

Шаг 12

Инструментом Ellipse Tool (L) добавим усы. Создайте темно-серый овал размерами 40x3 пикселей. Его левую опорную точку выделите инструментом Direct Selection Tool (A) и затем кликните по кнопку Convert selected anchor points to corner на контрольной панели, чтобы заострить кончик.

Продублируйте (Ctrl+C, Ctrl+F) фигуру несколько раз. Масштабируя и вращая копии, добавьте больше усов.

make whiskers from ellipses

Шаг 13

Завершим голову котенка, добавив смешной хохолок сверху. Дважды щелкните по иконке инструмента Pencil Tool (N), чтобы открыть его параметры. Смещая ползунок Fidelity вправо или влево, вы можете контролировать плавность рисуемых контуров. Левая сторона рекомендуется обладателям графического планшета и твердой руки.

draw a tuft of hair

2. Рисуем тело котенка при помощи Pencil Tool

Шаг 1

Тело тоже начнется с овала. Создайте фигуру темно-бежевого цвета размерами 160x210 пикселей. Инструментом Direct Selection Tool (A) опустите боковые опорные точки немного вниз, придавая объекту яйцевидную форму.

Отправьте эту же фигуру на самый задний план (Shift+Ctrl+[), чтобы голова оказалась выше нее.

make the body from the ellipse

Шаг 2

Теперь вооружитесь инструментом Pencil Tool (N) и немного потренируйтесь в рисовании от руки. Собственно, нарисуйте рядом с телом переднюю правую (для нас левую) лапу.

Давайте при помощи линейного градиента придадим лапе вид, соответствующий окраске сиамских кошек. Откройте панель Gradient (Window> Gradient). Левому маркеру назначьте темно-серый цвет, правому - бежевый. Инструментом Gradient Tool (G) можно изменять направление градиента.

Сделайте копию лапы на указанное ниже место.

draw the paws

Шаг 5

Инструментом Pencil Tool (N) добавьте задние лапы, отправьте на самый задний план (Shift+Ctrl+[). Правую для нас из них затемните тем же градиентом. Левую затемнять необязательно, потому что она будет скрыта бутылкой молока, которую мы добавим чуть позже. Если вы захотите анимировать своего персонажа или просто изменить какие-то детали, то убедитесь, что на всех лапах использован один и тот же градиент. Для этого достаточно скопировать оформление инструментом Eyedropper Tool (I), но заметьте, что угол при этом не будет учтен.

Завершим тело добавлением хвоста. Нарисуйте его также инструментом Pencil Tool (N) и залейте тем же линейным градиентом.

Великолепно! Сам котенок готов! Давайте добавим другие элементы иллюстрации.

add back paws and a tail

3. Рисуем бутылку молока

Шаг 1

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

Первой фигурой бутылки станет светло-голубой прямоугольник размерами 90x150 пикселей. В его верхней части добавьте прямоугольник 40x65 пикселей - горлышко бутылки.

Для выравнивания фигур по артборду или ключевому объекту лучше воспользоваться панелью Align (Window> Align). В первом случае выделите их и в режиме Align to Artboard нажмите кнопку Horizontal Align Center. В другом случае же выделите их и кликните по нужной фигуре еще раз, чтобы сделать ее ключевой; режим изменится на Key Object автоматически.

Когда нужный результат тем или иным образом будет достигнут, объедините оба прямоугольника в одну фигуру, нажав кнопку Unite на панели Pathfinder.

create a bottle from two rectangles

Шаг 2

При помощи инструмента Direct Selection Tool (A) и маркеров Live Corners закруглите показанные ниже углы. Не забывайте, что вы можете задать точное значение в поле Corner Radius на контрольной панели.

Инструментом Curvature Tool (Shift+‘) изогните нижний отрезок бутылки.

make the bottle smooth and rounded

Шаг 3

Примените к бутылке команду Object> Path> Offset Path со смещением -5 пикселей. Залейте полученную фигуру светло-голубым, обозначив стеклянную часть бутылки. Продублируйте (Ctrl+C, Ctrl+F) ее, залейте новый объект, который будет изображать молоко, белым цветом.

use the offset path to add milk

Шаг 4

Давайте наполовину опустошим бутылку. Нарисуйте овал. Поверните его и масштабируйте под размер внутренней части бутылки. Выделите этот эллипс вместе с фигурой молока. Инструментом Shape Builder Tool (Shift+M), удерживая Alt, наведите курсор на верхнюю половину фигуры молока. Рядом появится знак минуса. Это значит что подсвеченная серой сеткой часть будет удалена. Кликните по ней один раз и половины молока как не бывало!

use the shape builder tool

Шаг 5

Давайте облагородим горлышко бутылки. Нарисуйте там овал размерами 60x20 пикселей. Залейте его чуть более светлым оттенком голубого, чем основная часть. Вручную или при помощи команды Offset Path добавьте внутри него эллипс меньших размеров.

create the bottleneck from ellipses

Шаг 6

На этом бутылка закончена. Сгруппируйте (Ctrl+G) все ее элементы и "дайте" котенку в лапы. Заметьте, что правые для нас лапы должны быть выше бутылки. Организовать должный порядок можно опустив группу ниже несколько раз сокращением Ctrl+[ или перетащив вручную в панели слоев.

place the bottle in kittens paws

Шаг 7

Добавим соломинку. Инструментом Pen Tool (P) нарисуйте изогнутую линию. Задайте ей обводку розового цвета (панель Colors) и толщиной 4 pt (панель Stroke).

Функцию Live Corners можно применять и к контурам. Выделите инструментом Direct Selection Tool (A) угловую опорную точку и немного закруглите ее.

Преобразуйте обводку линии в самостоятельную фигуру командой Object> Expand.

create a straw with the pencil tool

Шаг 8

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

Выделите соломинку вместе с внутренней фигурой горлышка бутылки. Активируйте инструмент Shape Builder Tool (Shift+M) и просто щелкните по нижней половине соломинки. Обращу ваше внимание, что зажимать Alt или иную клавишу не нужно, потому что нам необходимо было разделить фигуру на две части.

Залейте нижнюю часть соломинки более светлым оттенком розового и сочетанием Ctrl+[ опустите ниже бутылки.

divide the straw with the shape builder tool

Шаг 9

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

Bring the mouth shape to Front

Шаг 10

Завершим иллюстрацию, добавив тень темно-голубого цвета под котенком и некоторые другие детали.

add shadow ellipses

Мяу! Наш симпатичный котенок готов!

Мы сделали это! Отличная работа!

Вы можете рассмотреть всё подробнее в прилагаемом к уроку исходном файле. А если вам нужен весь набор симпатичных зверей в мультяшном стиле, то он доступен на GraphicRiver.

Cute Cartoon Animals from GraphicRiver

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

Cute Kitten Character Adobe Illustrator Tutorial
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.