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

Малюємо персонаж милого кажанчика в Адобе Ілюстратор

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called Phobia Week!.
How to Create a Flame Text Effect in Adobe Photoshop
How to Draw a Shark Step by Step

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

Final product image
What You'll Be Creating

Хіроptофобія - це страх кажанів. Ті, у кого є ця фобія, відчувають сильний страх і паніку при думці про летючих мишей або їх вигляді, і часто ладні втекти на велику відстань, аби тільки їх уникнути. У багатьох випадках страх летючих мишей виникає внаслідок неправильних уявлень про кажанів. Кажани розглядаються як потворні істоти з очима-намистинками та великими шкірястими крилами, але вони безпечні для людини.

Отож саме тому ми сьогодні збираємося намалювати симпатичного і абсолютно дружнього кажана у векторі, тому давайте покращимо навички створення персонажів. Час розпочати!

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

1. Створимо Новий документ

Запустіть Ілюстратор і перейдіть до Файл > Створити, щоб відкрити пустий документ. Введіть ім'я для файлу, налаштуйте розміри а потім виберіть Пікселі як Одиниці і  Колірний режим як RGB. Переконайтеся, що немає галочки вирівняти нові об'єкти по піксельній сітці.

Потім перейдіть в меню Редагування > Параметри > Загальні і встановіть Приріст клавіатурою на 1 рх, та перейдіть до Одиниць виміру, щоб переконатися, що вони встановлені, як на наступному малюнку. Я завжди працюю з цими налаштуваннями, і вони допоможуть вам протягом усього процесу малювання.

how to open new illustrator document

2. Малюємо форму голови

Крок 1

Візьміть інструмент Еліпс (L) і намалюйте два еліпси, як показано на зображенні нижче. У синього розмір 132 x 67 px, а в рожевого 82 x75 px (1). Я настійно рекомендую використовувати ці параметри, оскільки це зумовлено тим, що наступні налаштування та ефекти таким чином будуть працювати найкраще.

Поки обидві форми виділено, натисніть Об'єднати в панелі Обробка контурів, щоб отримати один об’єкт (2). Тепер, за допомогою інструмента Додати опорну точку (+), додайте кілька додаткових точок вздовж шляху, а потім, скориставшись Частковим виділенням (A) перемістіть деякі з цих точок або їх ручки, щоб трохи спотворити форму (3).

how to draw the head of the bat

Крок 2

Виберіть сірий колір заливки для форми личка, після чого перейдіть до Ефект> Стилізувати> Внутрішнє свічення та застосуйте показані налаштування.

how to color the head of the bat

Крок 3

Візьміть Перо (P) і намалюйте вигнутий шлях у нижній частині обличчя, і надайте йому Обведення 5 pt (1). Потім перейдіть до Ефект> Розмиття> Гаусове розмиття і застосуйте Радіус 5 px.

Виділіть форму обличчя, а потім Скопіюйте та Вставте у місці (Shift-Control-V), щоб зробити його копію. Видаліть всі існуючі ефекти. Тепер виділіть цю копію разом з вигнутим шляхом та перейдіть до пункту Об’єкт> Відсічна маска> Зробити (Control-7) (2). Ви можете побачити кінцевий результат на зображенні нижче (3).

how to add shading on the bats face

Крок 4

Давайте додамо трохи деталей до обличчя. Візьміть Перо (P) і намалюйте два короткі шляхи по бокам голови та два шляхи в нижній частині голови, щоб визначити "підборіддя". Обведіть ці чотири шляхи за допомогою Black Blend Art Brush 100 x 3 (інформація нижче) та зменште Щільність обведення до 0,5 pt. Встановіть Непрозорість на 20%. 

У мене є цілий урок, присвячений корисності Blend Art Brushes. Я весь час користуюся ними у своїх малюнках. Ви можете знайти більше інформації про про пензль Black Blend Art Brush 100 x 3, в уроці How to Create a Set of Multi-Use, Blend Brushes in Adobe Ілюстратор.

how to add details on the face of the bat

3. Малюємо очі кажана

Крок 1

Застосуйте інструмент Еліпс (L), щоб намалювати форму очей та залийте їх лінійним градієнтом. Скористайтеся Зворотнім градієнтом для лівого ока (1).

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

Далі, намалюйте подібний шлях під кожним оком та знову обведіть їх за допомогою чорного пензлю (3).

Забарвлення пензлю встановлено на Відтінки. Тому, якщо ви виберете будь-який колір в панелі Зразки, він також змінить свій колір, тож тепер ми скористаємося різними відтінками сірого кольору. Ви можете побачити кінцевий результат на зображенні нижче (4).

how to draw the eyes of the bat

Крок 2

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

how to draw the lids of the bat

Крок 3

Користуючись Пером (P), намалюйте два короткі шляхи на кожному оці для вій. Надайте їм 1 pt чорного Обведення та оберіть Профіль ширини 4 на панелі Обведення.

how to draw the eyelashes of the bat

Крок 4

Намалюйте дві маленькі еліпси всередині очей і наповніть їх дуже темним відтінком сірого кольору.

how to draw the iris shape of the bats eye

Крок 5

Застосуйте інструмент Олівець (N) або інструмент Перо (P), щоб намалювати п'ять випадкових доріжок, починаючи з центру ока (1), та обведіть їх за допомогою пензлю Chalk Art Brush з меню Бібліотеки пензлів > Художній> Художній_КрейдаВугольОлівець. Зменште Щільність обведення до 0,25 pt; потім перейдіть до Ефект> Стилізувати> Розтушування та застосуйте Радіус 5 px (2).

Виберіть правий менший еліпс, а потім Скопіюйте та Вставте в місці (Shift-Control-V), щоб зробити його копію. Видаліть існуючий колір заливки. Тепер оберіть цю копію разом з п'ятьма шляхами правого ока та перейдіть до Об'єкт> Відсічна маска> Зробити (Control-7) (3). Повторіть те ж саме для лівого ока (4).

how to create the iris texture for the bats eye

Крок 6

Виділіть два менші еліпси, а потім Скопіюйте та Вставте в місці (Shift-Control-V), щоб отримати дві копії попереду. Заповніть їх радіальним градієнтом від білого до чорного, а потім встановіть Режим змішування на Множення (білий стане прозорим).

how to add shading around bats eyes

Крок 7

Намалюйте два маленькі еліпси, залиті чорним, як зіниці (1). Щоб додати яскравий блиск, намалюйте два кола різних розмірів на верхній частині кожної зіниці та залийте їх радіальним градієнтом від білого до чорного (2). Встановіть Режим змішування на Екран (чорний стане прозорим) для всіх чотирьох кіл (3).

На цьому етапі, очі кажана закінчено, і ви можете Згрупувати (Control-G) всі форми, які складають кожне око.

how to draw the pupils on the bats eyes

4. Малюємо ніс та щоки кажана

Крок 1

Візьміть Перо (P) та намалюйте форму серця, для носу, залиту легким відтінком фіолетового кольору. Поки форма залишається виділеною, перейдіть до Ефект> Стилізувати> Тінь та застосуйте цей ефект двічі.

how to draw the nose shape of the bat

Крок 2

Скористайтеся Пером (P), щоб намалювати шлях у нижній частині носа та надайте йому 2 pt фіолетового Обведення(1). Далі перейдіть до Ефект> Розмиття> Гаусове розмиття та застосуйте Радіус 2 px.

Виділіть форму носа та Скопіюйте і Вставте в місці (Shift-Control-V), щоб зробити його копію. Видаліть всі існуючі ефекти.  Тепер оберіть цю копію разом з фіолетовим шляхом та перейдіть в меню Об’єкт> Відсічна маска> Зробити (Control-7) (2). Ви можете побачити результат на зображенні нижче (3).

how to add shading on the bats nose

Крок 3

Настав час створити ніздрі. За допомогою Пера (P), намалюйте форму ніздрі, як показано нижче, та залийте фіолетовим кольором. Намалюйте схожу, але меншу форму в центрі але чорного кольору. Тепер оберіть обидві форми і перейдіть до пункту Об'єкт> Перехід> Параметри переходу. Після цього виберіть Задано кроків 10, після чого поверніться до Об'єкт> Перехід> Зробити (Alt-Control-B). 

Повторіть те ж саме для лівої ніздрі або дзеркально відобразіть наявну.

how to create the nostrils of the bat

Крок 4

Щоб підсвітити ніс, намалюйте два шляхи вздовж верхнього краю. Обведіть їх за допомогою Black Blend Art Brush, але встановіть для неї білий колір обведення, і пензель стане білим. Встановіть для цих двох шляхів Режим змішування Перекриття та Непрозорість 75%.

На цьому етапі ніс готовий, і ви можете Згрупувати (Control-G) всі форми.

how to highlight the nose of the bat

Крок 5

Щоб створити рожеві щоки, візьміть інструмент Еліпс (L) та намалюйте дві овали по сторонам носа. Наповніть їх світло-фіолетовим кольором та нанесіть Гаусове розмиття 6 px.

how to create the rosy cheeks of the bat

5. Малюємо рот летючої миші

Крок 1

Застосуйте інструмент Перо (P), щоб створити трохи вигнутий шлях для роту. Обведіть його Black Blend Art Brush та збільште Щільність обведення до 2 pt.

Все ще користуючись Пером (P), намалюйте фігуру, як показано на малюнку нижче, щоб перекрити верхню половину Blend-пензлю, та залийте її тим же синім кольором, що й обличчя.

how to draw the mouth of the bat

Крок 2

Намалюйте форму правого зуба (1), а потім аналогічну, але меншу форму, залиту білим по центру (2). Виберіть обидві форми та застосуйте Перехід, використовуючи Зазначено кроків 10 (3). Повторіть те ж саме для лівого зуба або відобразіть той, що вже є.

Намалюйте форму правого зуба (1), а потім аналогічну, але меншу форму, залиту білим по центру (2).

how to draw the teeth of the bat

Крок 3

Поки зуби обрано, перейдіть до Ефект> Стилізувати> Тінь та застосуйте параметри, показані нижче.

how to add shadow to the bats teeth

6. Малюємо вуха кажана

Крок 1

За допомогою Пера (P), намалюйте форму вух, і не хвилюйтеся, якщо вони не ідентичні (1). Продовжуйте використовувати чорні шляхи, як показано на зображенні нижче (2).

Оберіть праве вухо, а потім Скопіюйте та Вставте попереду (Control-F), щоб отримати копію та вилучити колір заливки. Тепер оберіть цю копію разом із чорним шляхом та натисніть Поділити в панелі Обробка контурів (3). У результаті ви отримаєте дві форми, і вам потрібно Розгрупувати (Shift-Control-G) їх. Видаліть фігуру знизу та залиште лише блакитну форму. Повторіть те ж саме для лівого вуха (4).

how to draw the ear shapes of the bat

Крок 2

Залийте форму вуха відтінком фіолетового кольору; потім перейдіть до Ефект> Стилізувати> Внутрішнє свічення і застосуйте показані налаштування (1).

Знову оберіть форму вуха, а потім Скопіюйте та Вставте позаду (Control-B), щоб зробити копію. Залийте її сірим та перемістіть її на 1 px праворуч, натиснувши клавішу Стрілка вправо на клавіатурі один раз. Зробіть те ж саме для лівого вуха (2).

how to color the bigger part of the bats ear

Крок 3

Тепер виберіть невелику частину вуха та замініть синій колір на показаний лінійний градієнт. Відобразіть дзеркально градієнт для лівого вуха. Потім перейдіть до Ефект> Стилізувати> Тінь та застосуйте цей ефект двічі.

how to color the smaller part of the bats ear

Крок 4

За допомогою Пера (P), намалюйте два шляхи для основи вух, наслідуючи формі голови. Надайте їм 1 pt чорного Обведення та оберіть Профіль Ширини 2 в панелі Обведення; потім застосуйте Гауссове розмиття 2 px. Встановіть для обох Режим змішування на Розсіяне світло.

how the add shadow at the base of the bats ears

Крок 5

Скопіюйте та Вставте в місце (Shift-Control-V) фіолетову форму вуха, щоб зробити копію та вилучте всі наявні ефекти.  Тепер оберіть цю копію разом з меншою сірою формою вуха, а також шлях біля вуха, а потім перейдіть до меню Об'єкт> Відсічна маска> Зробити (Control-7). Повторіть те ж саме для лівого вуха. Відправте отриману групу позаду голови.

how to mask the bats ears

Крок 6

Скористайтеся Пером (P), щоб намалювати два шляхи в кожному вусі; надайте їм 1 pt чорного обведення та знов застосуйте Black Blend Art Brush. Встановіть їх на Режим змішування Перекриття та 20% Непрозорості.

how to add details in bats ears

Крок 7

Давайте додамо кілька основних відблисків. Намалюйте два шляхи по краю сірої форми вух. Надайте їм 1 pt білого Обведення та знов використайте Black Blend Art Brush. Далі Режим змішування Перекриття та зменште Непрозорість до 75%.

На цьому етапі вуха створено, і ви можете Згрупувати (Control-G) всі форми, які складають кожне вухо. Тримайте їх позаду голови.

how to highlight the bats ears

7. Малюємо крила кажана

Крок 1

Візьміть інструмент Прямокутник (M) і намалюйте прямокутник розміром близько 168 x 111 px, та скористайтеся його розміром, щоб намалювати крило, інакше ваше крило не буде пропорційно голові летучої миші.  Застосуйте Перо (P) для створення чотирьох шляхів всередині нього, як показано на зображенні нижче. У червоного Обведення 8 pt, а три оранжеві шляхи мають товщину 4 pt (1).

Поки чотири шляхи лишаються вибраними, перейдіть до пункту Об'єкт>Розгорнути та Згрупуйте(Shift-Control-G), якщо це необхідно. Скористайтеся Частковим виділенням (A) для зміщення деяких опорних точок, щоб зробити ці форми тоншими знизу та трохи ширшими у верхній частині (2).  Червона форма буде рукою, а оранжеві - другим, третім і четвертим пальцем.

Далі на кінці (3) намалюйте чотири краплі. Оберіть форму руки разом із блакитною краплею у верхній частині і натисніть Об'єднати на панелі Обробка контурів, щоб об'єднати їх у єдину форму. Повторіть те ж саме з кожним пальцем окремо (4).

how to draw the arm and fingers of the bat

Крок 2

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

how to color the arm and fingers of the bat

Крок 3

Поки рука і пальці залишаться обраними, додайте третій атрибут Заливки у нижній частині панелі Вигляд та у цей раз чорний колір. Перейдіть до Ефект> Деформувати та трансформувати> Деформувати та застосуйте показані налаштування.

how to color the arm and fingers of the bats wing

Крок 4

За допомогою Пера (P), зробіть довгий шлях на правій стороні руки та три коротких шляхи у верхній частині пальців. Надайте їм 1 pt чорного Обведення та оберіть Профіль ширини 4 у панелі Обведення; потім застосуйте Гаусове розмиття 1,5px для трьох коротких шляхів та Гаусове розмиття 2 px для довгого шляху. Тримайте руку з тінями попереду усього іншого.

how to add shading on arm and fingers of the bat

Крок 5

Давайте додамо кілька основних відблисків. Скористайтеся Пером (P), щоб намалювати шлях на руці та кожному пальці. Виберіть білий як колір обведення та скористайтеся Black Blend Art Brush. Щільність обведення для трьох шляхів на пальцях має бути 1 pt, але збільште для шляху на руці збільште її до 2 pt. Встановіть їх всі в Режим змішування Перекриття.

how to add highlights on arm and fingers of the bat

Крок 6

Тепер зосередьтеся на кінці пальця. Намалюйте форму коготю (1), а потім намалюйте аналогічну, але меншу форму посередині (2). Виділіть обидві форми, та перейдіть в меню Об'єкт> Перехід> Параметри переходу та оберіть Задано кроків 12. Поверніться до Об'єкта> Перехід> Зробити (Alt-Control-B) (3).

how to draw the claw of the bat

Крок 7

Намалюйте шлях вздовж пазура та обведіть його 0,75 pt білого Обведення, скориставшись Black Blend Art Brush. Знизьте Непрозорість до 66% - це відблиск (1). Продовжіть чорну форму за кігтем як тінь (2).

how to highlight the claw of the bat

Крок 8

Згрупуйте (Control-G) - всі форми, які складають пазур, розмножте та розташуйте по іншим пальцям. Для рук вам потрібен більший пазур (який насправді називають великим пальцем), тому за допомогою тої ж техніки намалюйте більший).

Візьміть Перо (P) і намалюйте короткий вигнутий шлях біля кожного пазура, як показано на малюнку. Надайте їм 2 pt білого обведення та застосуйте Black Blend Art Brush (2). Встановіть Режим змішування на Перекриття для всіх з них, і ви побачите результат на зображенні нижче (3).

how to add the other claws of the bat

Крок 9

Знову візьміть Перо (P) та намалюйте форму мембрани, як показано на малюнку; потім Скоп//іюйте та Вставте позаду (Control-B), щоб отримати його копію. Залийте копію сірим та перемістіть її на 1-2 /px вниз за допомогою клавіші Стрілка вниз на клавіатурі.

how to draw the membrane of the bats wing

Крок 10

Виділіть руку та три пальці, а потім Скопіюйте та Вставте позаду (Control-B), щоб зробити їх копії. Збережіть існуючі вигляди та просто застосуйте ефект Тінь (1).

Виберіть мембрану, а потім Скопіюйте та Вставте у місці (Shift-Control-V), щоб зробити копію попереду всього. Видаліть колір заливки (2). Тепер виділіть цю копію разом з копіями рук і пальців разом з застосованою тінню, та перейдіть до Об'єкт> Відсічна маска> Зробити (Control-7). Перемістіть отриману групу позаду оригінальної руки та пальців, але перед мембраною (3).

how to create shadow on the membrane of the bats wing

Крок 11

Давайте додамо кілька основних відблисків. Застосуйте Перо (P), щоб намалювати три шляхи по кривих у нижній частині мембрани. Надайте їм 1 pt білого обведення та знов застосуйте Black Blend Art Brush. Встановіть їх усі в Режим змішування Перекриття.

how to add highlights on the membrane of the bats wing

Крок 12

На цьому етапі крило готово, і ви можете Згрупувати (Control-G) всі форми. Поверніть голову летючої миші та встановіть крило, як показано на наступному зображенні. Зробіть копію крила, поверніть її та розташуйте за головою. Оберіть тільки форму мембрани та застосуйте трохи темніший відтінок фіолетового кольору. Кажан починає збиратися разом.

how to position the head and the wings of the bat

8. Створюємо тіло та хутро летючої миші

Крок 1

Намалюйте фігуру, подібну як на наступному зображенні, залийте її сірим, та надішліть її позаду голови та крил.

how to draw the body of the bat

Крок 2

Візьміть інструмент Олівець (N) та намалюйте кілька шляхів, що покривають нижню частину форми тіла. Виберіть сірий колір обведення, збільште Щільність обведення до 22 pt та застосуйте Профіль ширини 4 на панелі Обведення. Згрупуйте (Control-G) всі ці шляхи.

how to create the light pieces of fur on the bats body

Крок 3

Скопіюйте та Вставте попереду (Control-F) групу шляхів з попереднього кроку, зменште Щільність обведення до 15 pt, виберіть темніший відтінок сірого та Профіль ширини 4.

Знову Скопіюйте та Вставте попереду (Control-F) групу шляхів, зменште Щільність обведення до 10 pt, оберіть трохи темніший відтінок сірого та Профіль ширини 4.

how to create the darker pieces of fur on the bats body

Крок 4

За допомогою тої ж техніки, створіть трохи хутра у верхній частині форми тіла.

Нарешті намалюйте фігуру зі зигзагоподібними сторонами, як показано на зображенні нижче, та залийте її показаним лінійним градієнтом, з Кутом 90 градусів.  На цьому етапі тіло і хутро закінчені, і ви можете Згрупувати (Control-G) всі форми. Все має бути позаду.

how to create more fur on the bats body

Крок 5

Тепер ви можете додати три шматочки хутра на голову, використовуючи ту саму методику, описану раніше, і милий персонаж кажана готовий.

how to add pieces of fur on the head of the bat

Мої вітання! Ви закінчили!

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

bat character final image
Advertisement
Advertisement
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.