Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. How-To

Як намалювати миле мультяшне кошеня у Адобе Ілюстратор

by
Difficulty:BeginnerLength:LongLanguages:

Ukrainian (українська мова) translation by Mavka (you can also view the original English article)

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

Завжди мріяли проілюструвати дитячу книжку, чи навчитися створювати дизайн милих мультяшних персонажів? Цей урок може бути цікавим для вас! Ми пройдемо через веселий та легкий процес створення гарного сіамського кошеня в Адобе Ілюстратор, використовуючи прості фігури, і трохи вільного малювання. Готові розпочати?

По завершенню цього уроку ви відкриєте для себе нові поради та хитрощі, які зможете застосувати у майбутніх роботах, створюючи більше персонажів, як, наприклад ці Милі мультяшні тварини з GraphicRiver.

cute cartoon animals from graphicrivercute cartoon animals from graphicrivercute cartoon animals from graphicriver

1. Як намалювати голову кошеня.

Крок 1

Створимо Новий Документ розміром 600 x 600 px і Кольорового режиму RGB. Використаємо інструмент Прямокутник (M) щоб створити прямокутник такого ж розміру і Залллємо його світло-блакитним кольором для фону.

create a new document create a new document create a new document

Крок 2

Отож почнемо з створення основи голови. Використаємо Еліпс (L) щоб створити світло-бежевий овал 285 x 215 px. Оберім опорні точки по краях форми інструментом Часткове виділення (A) і перетягнемо їх на декілька пікселів вниз, зробивши нижню частину фігури трохи пласкою. Їх можна перемістити, утримуючи клавішу Shift або перетягувати Їх за допомогою миші чи клавіші Стрілка Вниз на вашій клавіатурі.

Копіювати (Ctrl+C) форму і Вставити в місці (Ctrl+C+V). Притримуємо Alt-Shift і робимо меншу копію. Міняємо колір на блідо-сірий.

create a head from ellipsecreate a head from ellipsecreate a head from ellipse

Крок 3

Давайте додамо парочку вух до нашої котячої морди. По перше, оберіть інструмент Багатокутник (він знаходиться у тому ж меню, що й Прямокутник (M), лише нижче. Зробимо один клік у будь-якому місці на нашій монтажній області (артборді), щоб відкрити меню Опцій.

Встановіть значення Сторін на 3 і створіть рівносторонній блідо-сірий трикутник для морди. Щоб вибрати та застосувати колір, якщо він не обраний на панелі Колір можна використати інструмент Піпетка (I).

Тепер давайте трансформувати форму, щоб зробити її більш схожою на вухо. Зберігаючи її виділеною перейдіть до Ефект > Викривлення > Випнутий і оберіть Вертикальна деформація значення до 40%; Горизонтальна деформація до -10%. Таким чином ми випнемо та зігнемо ліворуч нашу форму .

Застосуємо Об'єкт > Розгорнути вигляд, щоб розібрати ефект. Виберіть верхню опорну точку інструментом Часткове виділення (A) і перетягніть маркер Динамічних кутів, щоб скруглити кут у верхній частині форми. Також, якщо потрібно, можете застосувати Радіус кута у контрольній панелі.

create the ear and use the warp effectcreate the ear and use the warp effectcreate the ear and use the warp effect

Крок 4

Залишимо форму виділеною, і перейдемо до меню Об'єкт > Контур > Зсув контуру та оберемо Зсув зі значенням -15 px, залишивши інші параметри За замовчанням. Натисніть кнопку ОК, щоб створити трикутник меншого розміру і Залийте його рожевим рожевим кольором, щоб намалювати внутрішню частину вуха.

У верхньому куту рожевої форми використаємо Часткове виділення (A) і опції Динамічних кутів.

use the Offset path functionuse the Offset path functionuse the Offset path function

Крок 5

Згрупуємо (Ctrl-G) обидва елементи вуха, Обертаємо та змінюємо розмір, щоб підігнати їх під голову.

Подвійним кліком на інструменті Дзеркальне відображення (О), оберемо Вертикальну Вісь, натиснемо Копіювати, щоб зробити відзеркалену копію вуха. Додамо її на іншу сторону голови.

reflect the ear and attach to the headreflect the ear and attach to the headreflect the ear and attach to the head

Крок 6

Давайте намалюємо морду нашому коту. Використаємо Еліпс (L), щоб зробити білий овал 65 x 55 px для ока. Застосуємо інструмент Часткове виділення (А) щоб скоротити праву ручку опорної точки, задля того, щоб зробити правий контур трохи кривим.

Тепер додамо світлий блакитний овал 50 x 60 px для райдужки і темно-синій еліпс 30 x 37 px щоб намалювати зіницю. Розмістіть форми як показано на скриншоті нижче, покривши праву половину ока.

make an eyeball from ellipsemake an eyeball from ellipsemake an eyeball from ellipse

Крок 7

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

Далі Копіювати (Ctrl + C) білий шар ока, Вставити попереду (Ctrl + F), і відправити дублікат На передній план (Shift + Ctrl +]). Виділімо разом з цією фігурою всі елементи ока, клікнемо правою кнопкою миші і в контекстному меню оберем пункт Створити відсічну маску (Ctrl + 7). Верхня фігура буде уявним контейнером, що обмежує інші фигури, внесені в нього. Усі об'єкти залишаються цілими і редагуються (включаючи сам контейнер). Ви можете знайти цей Відсічний контур на панелі Шари, розгорнути його та зміщувати, змінювати самі елементи або їх порядок.

create a clipping maskcreate a clipping maskcreate a clipping mask

Крок 8

Застосуємо інструмент Дзеркальне відображення (О) і, щоб Відобразити око по Вертикальній осі, оберем кнопку Копіювати. Рухайте райдужку та елементи всередині Відсічної маски, щоб очі кошеняти дивилися в один бік.

create a copy for the second eyecreate a copy for the second eyecreate a copy for the second eye

Крок 9

Тепер давайте намалюємо ніс. Створим 25 x 15 px овал світло-рожевого кольору та змінимо йому форму за допомогою інструменту Часткове виділення (A), рухаючи верхні та нижні опірні точки вниз, для того, щоб досягнути вигляду перевернутого трикутника з закругленими кутами.

Створіть інший еліпс 13 x 12 px для брови. Заллємо його світлим сірим кольором, та трохи змінимо. Обертаймо брову використовуючи Дзеркальне відображення (O), щоб додати другу брову. 

create a nose and brows from the ellipsescreate a nose and brows from the ellipsescreate a nose and brows from the ellipses

Крок 10

Рухаємося далі, до малювання роту. Оберем Відрізок лінії (\) та клавішу Shift щоб створити пряму горизонтальну лінію. Застосуєм темно сірий колір Обведення з панелі Колір. На панелі Обведення (у меню Вікно > Обведення) збільште товщину обведення до 3 pt і змініть Кутовий стик на Округлені стики.

Команда Ефект > Деформувати та Трансформувати > Зигзаг. Оберемо розмір 4 px, Складки на сегменті - 3, та Пункти - Згладжувати. Змініть Складки на сегменті, якщо ваш результат відрізняється від показаного нижче.

make a stroke and apply Zig Zag effectmake a stroke and apply Zig Zag effectmake a stroke and apply Zig Zag effect

Крок 11

Далі Об'єкт > Розгорнути вигляд, щоб розібрати ефект. Підіймемо куточки рота, використовуючи Часткове виділення (A), та повернемо опірні точки вниз, щоб зробити рот закругленим.

expand appearance and edit the shapeexpand appearance and edit the shapeexpand appearance and edit the shape

Крок 12

Намалюєм вуса за допомогою інструменту Еліпс (L). Створимо темно-сірий круг 40 x 3 px, виділимо опірні точки по сторонам інструментом Часткове виділення (А) та Перетворенням опорних точок (Shift-C) зробимо їх гострими.

Дублюємо (Ctrl-C > Ctrl-F) форму декілька разів, робимо копії меншими та Обертаємо їх, щоб додати більше вусів.

make whiskers from ellipsesmake whiskers from ellipsesmake whiskers from ellipses

Крок 13

Закінчимо малювати голову кошеня, додавши смішні пасма хутра зверху, інструментом Олівець (N). Можна змінити його параметри, подвійним кліком по ньому, щоб відкрити вікно Налаштування інструменту Олівець. Далі рухайте повзунок Точність праворуч, якщо ви бажаєте більш плавну лінію, чи ліворуч, якщо у вас графічний планшет та вірна рука.

draw a tuft of hairdraw a tuft of hairdraw a tuft of hair

2. Як намалювати тіло кошеня інструментом Олівець.

Крок 1

Почнемо малювати тулуб з овалу. Створимо овал 160 x 210 px темного бежевого кольору. Застосуйте Часткове виділення (A), щоб виділити бокові опірні точки, та потягніть їх вниз, щоб наша форма стала схожою на яйце.

Відправимо овал На задній план (Shift-Control-[), під голову.

make the body from the ellipsemake the body from the ellipsemake the body from the ellipse

Крок 2

Тепер візьмем інструмент Олівець (N) щоб надати нашій руці змогу попрактикуватися в малюванні. Намалюємо передню лапу праворуч і прикріпім її до тіла, як показано нижче.

Давайте застосуємо простий Лінійний градієнт для лапи, що зробить кошеня більше схожим на сіамське. Використайте Градієнт панель (Вікна > Градієнт), щоб обрати темно-сірий колір і бежевий кольори на слайдерах. Користуючись Градієнт (G), налаштуйте його напрямок, щоб лапа добре поєднувалась з тулубом.

Дублюйте лапу і розмістіть його копію, як показано на скріншоті нижче.

draw the pawsdraw the pawsdraw the paws

Крок 3

Інструментом Олівець (N), додамо задні лапи, відправим їх На задній план (Shift-Ctrl-[). Праву до нас затемніть, щоб вона відрізнялася від кольору тіла. На ваш вибір ви можете або додати градієнт або ні, тому що пізніше ця нога буде схована за пляшкою молока. Якщо ви захочете анімувати свого персонажа або просто змінити якісь деталі, то переконаєтесь, що на всіх лапах використаний один і той же градієнт. Для цього достатньо цього скопіювати інструментом Піпетка (I), але майте на увазі, що кут нахилу при цьому не буде враховано.

Закінчуємо з частинами тіла, та створимо інструментом Олівець (N) вигнутий хвіст. Заллємо його таким же Лінійним Градієнтом.

Відмінно! Схоже, наше кошеня готове! Давайте додамо до нього останню деталь.

add back paws and a tailadd back paws and a tailadd back paws and a tail

3. Як намалювати пляшку молока.

Крок 1

Як вам може бути відомо, у деяких котячих є непереносимість лактози, тож молоко їм навіть шкодить. В будь-якому разі, ми малюємо уявний персонаж для дитячої книги, тож ми можемо зобразити будь що, починаючи від молочного коктейлю чи зеленого смузі, чи газировки, тощо.  Якби там не було, наше кошеня молоко обожнює!

Розпочнем малювати нашу пляшку з світло-блакитного прямокутника 90 x 150 px. Додамо ще один прямокутник 40 x 65 px, розмістивши його поверх першого, сформуємо горлечко пляшки.

Ви можете Вирівняти обидві фігури або по Монтажній області (Артборді) або Ключовому об'єкту, використовуючи панель Вирівняти (Вікно > Align). Виділіть обидві фігури і натисніть Горизонтальне вирівнювання, центр; щоб вирівняти по центру Артборда. Якщо ви хочете, вирівняти згідно одного з об'єктів, оберіть всі фігури і натисніть одну з них ще раз. Ви побачите більш товсте виділення навколо неї, яке покаже, що це Ключовий об'єкт для вирівнювання по ньому.

Як тільки вас задовільнить результат, оберіть обидві фігури і Об'єднайте їх на панелі Обробка контурів (Shift-Ctrl-F9), в один силует.

create a bottle from two rectanglescreate a bottle from two rectanglescreate a bottle from two rectangles

Крок 2

Виділімо кути пляшки інструментом Часткове виділення (A) та скруглим їх за допомогою кругових маркерів Динамічних кутів. Оберіть внутрішні кути між тілом пляшки і вузьким місцем та розгладьте їх якнайкраще. Ви можете налаштувати Радіус кута в панелі управління, якщо вам подобається круглі числа, або ви може залишити його, як є, якщо він зараз вас влаштовує.

Інструментом Curvature Tool (Shift-‘) зігніть нижній відрізок пляшки.

make the bottle smooth and roundedmake the bottle smooth and roundedmake the bottle smooth and rounded

Крок 3

Йдемо у Об'єкт > Контур > Зсув контуру та обираємо Зсув з параметрами -5 px, щоб створити менший силует всередині.  Заливаємо усе світлим блакитним кольором, щоб намалювати товщину скла по сторонам пляшки. Дублюємо (Ctrl-C > Ctrl-F) нову форму та Заливаєм копію білим кольором молока.

use the offset path to add milkuse the offset path to add milkuse the offset path to add milk

Крок 4

Давайте зробимо пляшку напівпорожньою! Намалюйте овал. Поверніть його і масштабуйте під розмір внутрішньої частини пляшки. Виділіть його разом з фігурою молока. Тепер візьміть Створення фігур (Shift-M), утримуючи клавішу Alt, і, як тільки ви побачите крихітний знак мінусу поруч з курсором миші, наведіть його на верхню половину форми молока. Після того, як він стане сірим, одним кліком миші Видаляємо цю частину. Чудово! Половини молока немає!

use the shape builder tooluse the shape builder tooluse the shape builder tool

Крок 5

Сформуємо горлечко пляшки. Малюємо еліпс 60 x 20 px та Заливаємо його трохи світлішим блакитним кольором, ніж тіло пляшки. Створимо невеличкий еліпс всередині форми, щоб створити отвір. Зробіть його вручну або за допомогою функції Зсув контуру.

create the bottleneck from ellipsescreate the bottleneck from ellipsescreate the bottleneck from ellipses

Крок 6

Тепер, коли пляшка закінчена, давайте згрупуємо Група (Ctrl-G) всі її елементи і помістимо її в лапи кошеняті. Ми можемо зробити це, розмістивши пляшку в потрібному місці, а потім Перемістити назад (Ctrl- [) кілька разів або перетягнути його вниз вручну в панелі Шари.

place the bottle in kittens pawsplace the bottle in kittens pawsplace the bottle in kittens paws

Крок 7

Додамо соломинку. Інструментом Перо (P) намалюйте вигнуту лінію. Задайте їй Обведення рожевого кольору використавши панель Колір. Потім відкрийте Обведення та оберіть товщину 4 pt (Товщина лінії).

Як і з геометричними фігурами, ми можемо використовувати функцію Динамічні кути для ламаних ліній. Просто виберіть опірну точку за допомогою Часткове виділення (A) і зробіть її злегка закругленою.

Якщо ви задоволені загальним виглядом, застосуйте Об'єкт > Розгорнути вигляд для лінії, щоб перетворити її в форму.

create a straw with the pencil toolcreate a straw with the pencil toolcreate a straw with the pencil tool

Крок 8

Так як нижня частина соломинки знаходиться всередині пляшки, її колір повинен відрізнятися від верхньої частини, оскільки вона тьмяніє за склом.

Давайте подивимося, як ми зможемо досягти цього ефекту. Виділіть соломинку та внутрішній овал горлечка. Візьміть Створення фігур (Shift-M) і зробіть один клік по нижній частині соломинки, коли вона стане сірою. Зверну вашу увагу, що затискати Alt або іншу клавішу не потрібно, тому що нам було необхідно розділити фігуру на дві частини.

Залийте нижню частину більш світлим рожевим кольором і використайте команду Перемістити назад (Ctrl-[) кілька разів, частково приховавши її під вузькою частиною пляшки.

divide the straw with the shape builder tooldivide the straw with the shape builder tooldivide the straw with the shape builder tool

Крок 9

Ось як це виглядає тепер, все разом. Не забудьте Впорядкувати форму рота відправивши її На передній план (Shift-Control-]), щоб вона накрила кінчик соломинки.

Bring the mouth shape to FrontBring the mouth shape to FrontBring the mouth shape to Front

Крок 10

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

add shadow ellipsesadd shadow ellipsesadd shadow ellipses

Няв! Наша ілюстрація милого кошеня закінчена!

Ми це зробили! Чудова робота!

Якщо ви бажаєте оригінальний файл, щоб побачити всі деталі, або вам потрібно весь набір уявних персонажів для вашого дизайну, ви можете забрати цих Милих мультяшних тварин з сайту GraphicRiver.

Cute Cartoon Animals from GraphicRiverCute Cartoon Animals from GraphicRiverCute Cartoon Animals from GraphicRiver

Я сподіваюся, що ви скористувалися цим уроком, і дізналися деякі прості поради та прийоми, які допоможуть вам прискорити роботу, задля створення більш вигадливих ілюстрацій мульт-персонажів!

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