() translation by (you can also view the original English article)
Завжди мріяли проілюструвати дитячу книжку, чи навчитися створювати дизайн милих мультяшних персонажів? Цей урок може бути цікавим для вас! Ми пройдемо через веселий та легкий процес створення гарного сіамського кошеня в Адобе Ілюстратор, використовуючи прості фігури, і трохи вільного малювання. Готові розпочати?
По завершенню цього уроку ви відкриєте для себе нові поради та хитрощі, які зможете застосувати у майбутніх роботах, створюючи більше персонажів, як, наприклад ці Милі мультяшні тварини з GraphicRiver.
1. Як намалювати голову кошеня.
Крок 1
Створимо Новий Документ розміром 600 x 600 px і Кольорового режиму RGB. Використаємо інструмент Прямокутник (M) щоб створити прямокутник такого ж розміру і Залллємо його світло-блакитним кольором для фону.
Крок 2
Отож почнемо з створення основи голови. Використаємо Еліпс (L) щоб створити світло-бежевий овал 285 x 215 px. Оберім опорні точки по краях форми інструментом Часткове виділення (A) і перетягнемо їх на декілька пікселів вниз, зробивши нижню частину фігури трохи пласкою. Їх можна перемістити, утримуючи клавішу Shift або перетягувати Їх за допомогою миші чи клавіші Стрілка Вниз на вашій клавіатурі.
Копіювати (Ctrl+C) форму і Вставити в місці (Ctrl+C+V). Притримуємо Alt-Shift і робимо меншу копію. Міняємо колір на блідо-сірий.
Крок 3
Давайте додамо парочку вух до нашої котячої морди. По перше, оберіть інструмент Багатокутник (він знаходиться у тому ж меню, що й Прямокутник (M), лише нижче. Зробимо один клік у будь-якому місці на нашій монтажній області (артборді), щоб відкрити меню Опцій.
Встановіть значення Сторін на 3 і створіть рівносторонній блідо-сірий трикутник для морди. Щоб вибрати та застосувати колір, якщо він не обраний на панелі Колір можна використати інструмент Піпетка (I).
Тепер давайте трансформувати форму, щоб зробити її більш схожою на вухо. Зберігаючи її виділеною перейдіть до Ефект > Викривлення > Випнутий і оберіть Вертикальна деформація значення до 40%; Горизонтальна деформація до -10%. Таким чином ми випнемо та зігнемо ліворуч нашу форму .
Застосуємо Об'єкт > Розгорнути вигляд, щоб розібрати ефект. Виберіть верхню опорну точку інструментом Часткове виділення (A) і перетягніть маркер Динамічних кутів, щоб скруглити кут у верхній частині форми. Також, якщо потрібно, можете застосувати Радіус кута у контрольній панелі.
Крок 4
Залишимо форму виділеною, і перейдемо до меню Об'єкт > Контур > Зсув контуру та оберемо Зсув зі значенням -15 px, залишивши інші параметри За замовчанням. Натисніть кнопку ОК, щоб створити трикутник меншого розміру і Залийте його рожевим рожевим кольором, щоб намалювати внутрішню частину вуха.
У верхньому куту рожевої форми використаємо Часткове виділення (A) і опції Динамічних кутів.
Крок 5
Згрупуємо (Ctrl-G) обидва елементи вуха, Обертаємо та змінюємо розмір, щоб підігнати їх під голову.
Подвійним кліком на інструменті Дзеркальне відображення (О), оберемо Вертикальну Вісь, натиснемо Копіювати, щоб зробити відзеркалену копію вуха. Додамо її на іншу сторону голови.
Крок 6
Давайте намалюємо морду нашому коту. Використаємо Еліпс (L), щоб зробити білий овал 65 x 55 px для ока. Застосуємо інструмент Часткове виділення (А) щоб скоротити праву ручку опорної точки, задля того, щоб зробити правий контур трохи кривим.
Тепер додамо світлий блакитний овал 50 x 60 px для райдужки і темно-синій еліпс 30 x 37 px щоб намалювати зіницю. Розмістіть форми як показано на скриншоті нижче, покривши праву половину ока.
Крок 7
Невеликим овалом білого кольору позначимо відблиск світла в оці.
Далі Копіювати (Ctrl + C) білий шар ока, Вставити попереду (Ctrl + F), і відправити дублікат На передній план (Shift + Ctrl +]). Виділімо разом з цією фігурою всі елементи ока, клікнемо правою кнопкою миші і в контекстному меню оберем пункт Створити відсічну маску (Ctrl + 7). Верхня фігура буде уявним контейнером, що обмежує інші фигури, внесені в нього. Усі об'єкти залишаються цілими і редагуються (включаючи сам контейнер). Ви можете знайти цей Відсічний контур на панелі Шари, розгорнути його та зміщувати, змінювати самі елементи або їх порядок.
Крок 8
Застосуємо інструмент Дзеркальне відображення (О) і, щоб Відобразити око по Вертикальній осі, оберем кнопку Копіювати. Рухайте райдужку та елементи всередині Відсічної маски, щоб очі кошеняти дивилися в один бік.
Крок 9
Тепер давайте намалюємо ніс. Створим 25 x 15 px овал світло-рожевого кольору та змінимо йому форму за допомогою інструменту Часткове виділення (A), рухаючи верхні та нижні опірні точки вниз, для того, щоб досягнути вигляду перевернутого трикутника з закругленими кутами.
Створіть інший еліпс 13 x 12 px для брови. Заллємо його світлим сірим кольором, та трохи змінимо. Обертаймо брову використовуючи Дзеркальне відображення (O), щоб додати другу брову.
Крок 10
Рухаємося далі, до малювання роту. Оберем Відрізок лінії (\) та клавішу Shift щоб створити пряму горизонтальну лінію. Застосуєм темно сірий колір Обведення з панелі Колір. На панелі Обведення (у меню Вікно > Обведення) збільште товщину обведення до 3 pt і змініть Кутовий стик на Округлені стики.
Команда Ефект > Деформувати та Трансформувати > Зигзаг. Оберемо розмір 4 px, Складки на сегменті - 3, та Пункти - Згладжувати. Змініть Складки на сегменті, якщо ваш результат відрізняється від показаного нижче.
Крок 11
Далі Об'єкт > Розгорнути вигляд, щоб розібрати ефект. Підіймемо куточки рота, використовуючи Часткове виділення (A), та повернемо опірні точки вниз, щоб зробити рот закругленим.
Крок 12
Намалюєм вуса за допомогою інструменту Еліпс (L). Створимо темно-сірий круг 40 x 3 px, виділимо опірні точки по сторонам інструментом Часткове виділення (А) та Перетворенням опорних точок (Shift-C) зробимо їх гострими.
Дублюємо (Ctrl-C > Ctrl-F) форму декілька разів, робимо копії меншими та Обертаємо їх, щоб додати більше вусів.
Крок 13
Закінчимо малювати голову кошеня, додавши смішні пасма хутра зверху, інструментом Олівець (N). Можна змінити його параметри, подвійним кліком по ньому, щоб відкрити вікно Налаштування інструменту Олівець. Далі рухайте повзунок Точність праворуч, якщо ви бажаєте більш плавну лінію, чи ліворуч, якщо у вас графічний планшет та вірна рука.
2. Як намалювати тіло кошеня інструментом Олівець.
Крок 1
Почнемо малювати тулуб з овалу. Створимо овал 160 x 210 px темного бежевого кольору. Застосуйте Часткове виділення (A), щоб виділити бокові опірні точки, та потягніть їх вниз, щоб наша форма стала схожою на яйце.
Відправимо овал На задній план (Shift-Control-[), під голову.
Крок 2
Тепер візьмем інструмент Олівець (N) щоб надати нашій руці змогу попрактикуватися в малюванні. Намалюємо передню лапу праворуч і прикріпім її до тіла, як показано нижче.
Давайте застосуємо простий Лінійний градієнт для лапи, що зробить кошеня більше схожим на сіамське. Використайте Градієнт панель (Вікна > Градієнт), щоб обрати темно-сірий колір і бежевий кольори на слайдерах. Користуючись Градієнт (G), налаштуйте його напрямок, щоб лапа добре поєднувалась з тулубом.
Дублюйте лапу і розмістіть його копію, як показано на скріншоті нижче.
Крок 3
Інструментом Олівець (N), додамо задні лапи, відправим їх На задній план (Shift-Ctrl-[). Праву до нас затемніть, щоб вона відрізнялася від кольору тіла. На ваш вибір ви можете або додати градієнт або ні, тому що пізніше ця нога буде схована за пляшкою молока. Якщо ви захочете анімувати свого персонажа або просто змінити якісь деталі, то переконаєтесь, що на всіх лапах використаний один і той же градієнт. Для цього достатньо цього скопіювати інструментом Піпетка (I), але майте на увазі, що кут нахилу при цьому не буде враховано.
Закінчуємо з частинами тіла, та створимо інструментом Олівець (N) вигнутий хвіст. Заллємо його таким же Лінійним Градієнтом.
Відмінно! Схоже, наше кошеня готове! Давайте додамо до нього останню деталь.
3. Як намалювати пляшку молока.
Крок 1
Як вам може бути відомо, у деяких котячих є непереносимість лактози, тож молоко їм навіть шкодить. В будь-якому разі, ми малюємо уявний персонаж для дитячої книги, тож ми можемо зобразити будь що, починаючи від молочного коктейлю чи зеленого смузі, чи газировки, тощо. Якби там не було, наше кошеня молоко обожнює!
Розпочнем малювати нашу пляшку з світло-блакитного прямокутника 90 x 150 px. Додамо ще один прямокутник 40 x 65 px, розмістивши його поверх першого, сформуємо горлечко пляшки.
Ви можете Вирівняти обидві фігури або по Монтажній області (Артборді) або Ключовому об'єкту, використовуючи панель Вирівняти (Вікно > Align). Виділіть обидві фігури і натисніть Горизонтальне вирівнювання, центр; щоб вирівняти по центру Артборда. Якщо ви хочете, вирівняти згідно одного з об'єктів, оберіть всі фігури і натисніть одну з них ще раз. Ви побачите більш товсте виділення навколо неї, яке покаже, що це Ключовий об'єкт для вирівнювання по ньому.
Як тільки вас задовільнить результат, оберіть обидві фігури і Об'єднайте їх на панелі Обробка контурів (Shift-Ctrl-F9), в один силует.
Крок 2
Виділімо кути пляшки інструментом Часткове виділення (A) та скруглим їх за допомогою кругових маркерів Динамічних кутів. Оберіть внутрішні кути між тілом пляшки і вузьким місцем та розгладьте їх якнайкраще. Ви можете налаштувати Радіус кута в панелі управління, якщо вам подобається круглі числа, або ви може залишити його, як є, якщо він зараз вас влаштовує.
Інструментом Curvature Tool (Shift-‘) зігніть нижній відрізок пляшки.
Крок 3
Йдемо у Об'єкт > Контур > Зсув контуру та обираємо Зсув з параметрами -5 px, щоб створити менший силует всередині. Заливаємо усе світлим блакитним кольором, щоб намалювати товщину скла по сторонам пляшки. Дублюємо (Ctrl-C > Ctrl-F) нову форму та Заливаєм копію білим кольором молока.
Крок 4
Давайте зробимо пляшку напівпорожньою! Намалюйте овал. Поверніть його і масштабуйте під розмір внутрішньої частини пляшки. Виділіть його разом з фігурою молока. Тепер візьміть Створення фігур (Shift-M), утримуючи клавішу Alt, і, як тільки ви побачите крихітний знак мінусу поруч з курсором миші, наведіть його на верхню половину форми молока. Після того, як він стане сірим, одним кліком миші Видаляємо цю частину. Чудово! Половини молока немає!
Крок 5
Сформуємо горлечко пляшки. Малюємо еліпс 60 x 20 px та Заливаємо його трохи світлішим блакитним кольором, ніж тіло пляшки. Створимо невеличкий еліпс всередині форми, щоб створити отвір. Зробіть його вручну або за допомогою функції Зсув контуру.
Крок 6
Тепер, коли пляшка закінчена, давайте згрупуємо Група (Ctrl-G) всі її елементи і помістимо її в лапи кошеняті. Ми можемо зробити це, розмістивши пляшку в потрібному місці, а потім Перемістити назад (Ctrl- [) кілька разів або перетягнути його вниз вручну в панелі Шари.
Крок 7
Додамо соломинку. Інструментом Перо (P) намалюйте вигнуту лінію. Задайте їй Обведення рожевого кольору використавши панель Колір. Потім відкрийте Обведення та оберіть товщину 4 pt (Товщина лінії).
Як і з геометричними фігурами, ми можемо використовувати функцію Динамічні кути для ламаних ліній. Просто виберіть опірну точку за допомогою Часткове виділення (A) і зробіть її злегка закругленою.
Якщо ви задоволені загальним виглядом, застосуйте Об'єкт > Розгорнути вигляд для лінії, щоб перетворити її в форму.
Крок 8
Так як нижня частина соломинки знаходиться всередині пляшки, її колір повинен відрізнятися від верхньої частини, оскільки вона тьмяніє за склом.
Давайте подивимося, як ми зможемо досягти цього ефекту. Виділіть соломинку та внутрішній овал горлечка. Візьміть Створення фігур (Shift-M) і зробіть один клік по нижній частині соломинки, коли вона стане сірою. Зверну вашу увагу, що затискати Alt або іншу клавішу не потрібно, тому що нам було необхідно розділити фігуру на дві частини.
Залийте нижню частину більш світлим рожевим кольором і використайте команду Перемістити назад (Ctrl-[) кілька разів, частково приховавши її під вузькою частиною пляшки.
Крок 9
Ось як це виглядає тепер, все разом. Не забудьте Впорядкувати форму рота відправивши її На передній план (Shift-Control-]), щоб вона накрила кінчик соломинки.
Крок 10
Давайте закінчимо нашу ілюстрацію, додавши будь-які дрібні деталі на наш смак. Наприклад, тут я обрала крапчасту групу темно-синіх еліпсів, яка стала тінню під кошеням.
Няв! Наша ілюстрація милого кошеня закінчена!
Ми це зробили! Чудова робота!
Якщо ви бажаєте оригінальний файл, щоб побачити всі деталі, або вам потрібно весь набір уявних персонажів для вашого дизайну, ви можете забрати цих Милих мультяшних тварин з сайту GraphicRiver.
Я сподіваюся, що ви скористувалися цим уроком, і дізналися деякі прості поради та прийоми, які допоможуть вам прискорити роботу, задля створення більш вигадливих ілюстрацій мульт-персонажів!
