30-50% off hundreds of digital assets! WordPress themes, video, music and more 30-50% Off Go to Sale
Advertisement
  1. Design & Illustration
  2. Character Design
Design

Як створити групу міжнародних друзів в Adobe Illustrator

by
Difficulty:BeginnerLength:LongLanguages:

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

Final product image
What You'll Be Creating

Ви знали, що 30-е липня - Міжнародний день друзів? В честь цього я покажу вам, як створити картинку, яка передає дружній посил.

В цьому керівництві ви дізнаєтеся, як використовувати Adobe Illustrator для створення групи міжнародних друзів: білого чоловіка, азіатки і мусульманки.  Ми використовуємо базові фігури і ефекти деформації, а також будемо рухати опорні точки для деформації фігури і досягнення потрібного результату. Після завершення цього керівництва і застосування деяких технік ви зможете створити будь-яку людину.

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

Якщо вам сподобається це керівництво, вас також можуть зацікавити ці:

1. Як створити білого чоловіка

Крок 1

Після створення нового документа з Шириною і Висотою 850 пікселів, ми почнемо створювати голову чоловіка. Візьміть Інструмент «округленими прямокутник».  Якщо ви вперше відкрили Illustrator і не можете знайти цей інструмент, подивіться на панель інструментів на лівій стороні монтажної області.  Натисніть на Інструменті «Прямокутник» (М), утримуйте дві секунди, з'явиться меню, де визнайдете «округленими прямокутник».  За допомогою цього інструменту намалюйте округлений прямокутник. Це буде голова чоловіки. Видаліть колір обведення, якщо він є, і встановіть колір заливки R = 247,G = 197, B = 156.

Потім змініть колір заливки на R = 114, G = 72, B = 51, і тепер ми створимо очі. Натисніть на Інструмент «Еліпс» (L) і намалюйте маленьке коло. Щоб створити рівнийколо, утримуйте Shift.

Тепер видаліть колір заливки і встановіть колір обведення на R = 210, G = 132, B = 76. Візьміть Інструмент «Дуга» (він захований під Інструментом «Відрізок лінії» (/)) і намалюйтедугу-брову.

Виділіть очі і брови Інструментом «Виділення» (V), утримуючи Shift. потім клікнітьна Інструменте «Дзеркальне відображення» (О) і одночасно натисніть Enter, тому що потрібно створитивідображення очі і брови.  З'явиться нове діалогове вікно. Введіть Ось вертикально, Кут 90 градусів і натисніть «Копіювати».Посуньте новий очей і брову вправо, утримуючи Shift, щоб вийшло ідеальне вирівнювання

how to create the face

Крок 2

Натисніть на Інструмент«Еліпс» (L) і намалюйте білий еліпс без обведення. Я додав чорне обведення, щоб ви могли її побачити.  Якщо у вас оновлена версія Adobe Illustrator, біля виділеного еліпса ви помітите покажчик на правій стороні. Візьміть цейпокажчик і посуньте його проти годинникової стрілки, поки не вийде половинаеліпса. Це буде рот.

how to create the mouth

Крок 3

Розмістіть рот на потрібному місці. 

Візьміть Інструмент «Піпетка» (I) і клікніть на обличчі. Ви тільки що вибрали такий же колір заливки, як особа, тому що потрібно намалювати вухо з таким же кольором заливки.Візьміть Інструмент «Еліпс» (L) і намалюйте вухо.

Після цього натисніть на Інструмент «Прямокутник» (М) і намалюйте маленький прямокутник,це буде шия. Поверніть його злегка вправо.

how to create the neck

Крок 4

За допомогою Інструменту «округленими прямокутник» намалюйте довгий, тонкий округлений прямокутник на вусі хлопця. Змініть колір заливки на R = 193, G = 120, B = 70.

Створіть ще один довгий, округлений прямокутник за головою.

Після цього додайте довгий, горизонтальний еліпс за допомогою Інструменту «Еліпс» (L) для чубчика.

Утримуючи щойно створений еліпс виділеним, перейдіть в Ефект> Деформація>Прапор. У новому діалоговому вікні введіть параметри, які бачите нижче, і натисніть ОК.

how to create the hair style

Крок 5

Тепер створимо верхню частину тіла чоловіка. Інструментом «Прямокутник» (М) намалюйте прямокутник у нього під шиєю. Встановіть колір заливки на R = 194, G = 209,B = 173.

Візьміть Інструмент «Пряма виділення» (А) і виділіть нижню ліву опорну точку новогопрямокутника і посуньте її вліво за допомогою клавіші «Стрілка вліво» на клавіатурі.

Оскільки вам потрібно створити рукав з таким же кольором заливки, натисніть на кнопку «Змінити заливку і обведення» (Shift-X) на панелі інструментів.  Потім візьміть Інструмент «Відрізок лінії» (/) і на панелі Обведення (Вікно> Обведення) відзначте галочкою округленими кінці. Збільште Товщину обведення на панелі Обведення, тому що вона повинна бути дуже товстою. Після цього намалюйте лінію, як показано нижче.

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

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

how to create the upper body

Крок 6

Давайте створимо руку. Інструментом «Піпетка» (I) виберіть колір заливки особи. Потім натиснітьна кнопку «Змінити заливку і обведення» (Shift-X), тому що потрібно перетворити колір заливки в колір обведення.

Інструментом«Еліпс» (L) намалюйте маленький еліпс. Утримуючи його виділеним, візьміть Інструмент «Ножиці» (З) і клікніть на обводке в тих місцях, які я відзначив на зображенні нижче.  Оскільки ви тільки що відрізали верхню сторону еліпса, ви можете видалити її. Вам потрібна тільки нижня частина.

how to create the hand

Крок 7

Помістіть руку під рукавом (Control-X, Control-B).

Потім клікніть на рукаві, щоб використовувати такий самий колір обведення і за допомогою Інструменту «Відрізок лінії» (/) намалюйте ще один рукав. Ця рука буде обіймати жінку, що стоїть поруч з ним.

how to create the another arm

Крок 8

Давайте додамо пояс за допомогою Інструменту «Прямокутник» (М) з кольором заливки R = 193, G = 120,B = 70. Зверніть увагу, що пояс знаходиться за светром.

За допомогою Інструменту«Округленими прямокутник» додайте округлений прямокутник (R = 250, G = 178,B = 91) за поясом.

Створіть довгий, вертикальний прямокутник з таким же помаранчевим кольором заливки.

Інструментом «Пряме виділення» (А) виділіть його ліву нижню опорну точку і посуньте її вправо. Потім виділіть праву нижню опорну точку і посуньте її вліво. Так ми звузили ногу в нижній частині. 

Потім, щоб вийшла ще одна нога, створіть копію цієї ноги на передньому плані (Control-C,Control-F) і зніміть її вправо. Штани готові!

how to create the legs

Крок 9

Тепер додамо ще одну деталь його штанів. Намалюйте жовтий прямокутник (R = 247, G = 200, B = 94) в нижній частині лівого боку штанини.  Потім, утримуючи Shift і Alt одночасно, посуньте жовтий прямокутник вправо. Клавіша Alt створить копію, а клавіша Shift зробить її абсолютно рівно.

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

Утримуючи Shift і Alt, створіть нову ногу.

continue creating legs

Крок 10

Останні об'єкти, які нам потрібно створити - взуття. Намалюйте коричневий прямокутник (R = 193, G = 120, B = 70).

Інструментом «Пряме виділення» (А) посуньте дві верхні опорні точки всередину, щоб вийшов трапецоід.

Додайте два маленьких округлених прямокутника (R = 155, G = 95, B = 55).

Створіть нову копію рота, переверніть її, змініть колір її заливки і розмістіть, як показано нижче.

Нарешті,додайте темний прямокутник (R = 155, G = 95, B = 55) для підошви. Згрупуйте весь черевик (Клік правою кнопкою> Згрупувати).

how to create the shoe

Крок 11 

Перенесіть черевик на ногу.

Створіть новий черевик і помістіть його на іншу ногу. Хлопець готовий!

how to create the another shoe

2. Як створити азіатку

Крок 1

Створіть копію обличчя чоловіка і змініть колір його заливки на R = 249, G = 208, B = 178. Потім створіть копію рота і помістіть його на обличчя жінки.

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

how to create the face

Крок 2

Намалюйте маленьке коричневе коло (R = 114, G = 72, B = 51) для першої лінзи сонячних окулярів (пам'ятаєте про те, що потрібно утримувати Shift під час створення).

Створіть копію цього кола, щоб вийшла інша лінза окулярів.

Перетворіть цей коричневий колір заливки в колір обведення (Shift-X) і за допомогою Інструменту «Дуга» намалюйте перенісся очок між двома колами.

Створіть ще дві дуги для дужок.

За допомогою тогож інструменту, взявши більш темний колір обведення (R = 91, G = 79, B = 74), намалюйте дві брови.

how to create the glasses

Крок 3

Тепер створимо волосся. Намалюйте кілька еліпсів для чубчика.

Потім додайте округлений прямокутник за головою.

Увімкніть Віджет кута (Вид> Показати віджет кута). Тепер виділіть дві нижні опорні точкиволосся ззаду за допомогою Інструменту «Пряма виділення» (А) і потягніть їх у бік.  У вас повинна вийти фігура з двома округлими верхніми кутами і двома гострими нижніми кутами.

Утримуючи задні волосся виділеними (за допомогою Інструменту «Виділення» (V)), перейдіть в Ефект>Деформація> Риба. У новому діалоговому вікні введіть параметри, які бачите нижче, і натисніть ОК.

how to create the hair style

Крок 4

Додайте білий прямокутник - це буде топік.

Давайте додамо виріз горловини під шиєю. Виділіть топік, візьміть Інструмент «Додати опорнуточку »(+) або Інструмент« Перо»і клікніть під шиєю жінки там, де вказанона зображенні нижче.  Додайте три опорні точки поруч один з одним.

Потім візьміть Інструмент «Пряма виділення» (А) і зніміть середню опорну точку вниз. Бачите тепер горловину?

Додайте прямокутник трохи довше під футболкою - це буде тіло.

Змініть колір заливки, який ми застосували для тіла та обличчя, і зробіть його кольором обведення. Візьміть Інструмент «Відрізок лінії» (/) і збільште Товщину на панелі Обведення. Потім намалюйте руку.

Додайте ще одну руку.

how to create the upper body

Крок 5

Видаліть колір обведення і встановіть колір заливки на R = 155, G = 95, B = 55. Намалюйте округлений прямокутник рюкзака позаду тіла жінки, перед волоссям.

Видаліть колір заливки і встановіть колір обведення R = 193, G = 120, B = 70. Намалюйте дві вузькі лінії для лямок рюкзака. Вони повинні бути перед усім іншим.

Нарешті, додайте ще дві смужки від рюкзака позаду рюкзака, перед волоссям.

how to create the backpack

Крок 6

Щоб створити спідницю, почніть з червоного горизонтального прямокутника (R = 242, G = 128, B = 109) для пояса.

Потім додайте великий, вертикально розташований червоний прямокутник.

Утримуючи його виділеним, перейдіть в Ефект> Деформація> Опуклість і введіть параметри, які бачите нижче.

how to create the skirt

Крок 7

Щоб створити ногу жінки, ми створимо кілька різних фігур. Поверніться до чоловіка,скопіюйте одну з його штанин і розтягніть її вертикально. Змініть колір її заливкина R = 249, G = 208, B = 178.

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

Інструментом «Пряме виділення» (А) посуньте покажчики і опорні точки еліпса для досягнення результату, показаного нижче.

Після цього додайте новий еліпс під попереднім. Згрупуйте ногу (клік правою кнопкою> Згрупувати).

how to create the leg

Крок 8

Помістіть ногу на ліву сторону тіла.

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

Виділіть всю ногу і взуття. Візьміть Інструмент «Віддзеркалення» (О) і, утримуючи Alt, клікніть біля правого боку ноги.  У новому діалоговому вікні введіть Ось вертикально, Кут 90 градусів і потім Копіювати. Азіатка готова!

how to create another leg

3. Як розташувати двох людей поруч 

Переконайтеся, що кожен персонаж згрупований окремо, щоб їх простіше було пересувати. Тепер можете розташувати їх поруч і переконатися, що вони виглядаютьдобре.  Якщо потрібно змінити положення їх рук, використовуйте Інструмент «Пряма виділення» (А) і зніміть одну опорну точку руки, тому що кожна рука - це лінія, і розташуйте її там, де потрібно.

how to place together the boy and girl

4. Як створити мусульманку

Крок 1

Як ви вже могли здогадатися, ви можете взяти копію особи попередньої жінки, змінити колір її шкіри (R = 216, G = 158, B = 104), змінити кольори очей і брів (R = 91, G = 79, B = 74), а рот залишити такого ж кольору. Зробіть нове обличчя трохи менше, бо ми зазвичай бачимо особи мусульманок безволосся.

Створіть новий рожевий округлений прямокутник (R = 252, G = 173, B = 162) позаду особи.

Додайте рожевий вертикальний еліпс за округленим прямокутником.

Додайте два горизонтальних еліпса під головою.

Видаліть колір заливки і встановіть колір обведення R = 242, G = 146, B = 136. Тепер, за допомогою Інструменту «Дуга», намалюйте кілька дуг, як показано назображенні нижче, щоб створити складки на хіджабі.

how to create the face and headwear

Крок 2

Створіть жовтий прямокутник (R = 247, G = 200, B = 94) за особою жінки. Посуньте верхню праву опорну точку вліво, щоб вона опинилася під хіджабом. Змініть жовтий колір заливки на колір обведення і намалюйте товсту лінію - це буде рука.

Намалюйте іншу руку, але в цей раз не відзначайте кнопку «округленими кінці» на панелі Обведення. Змініть колір обведення на R = 216, G = 158, B = 104 і використовуйте Інструмент «Дуга», щоб намалювати руку.

Зменшіть Товщину обведення на панелі Обведення і намалюйте великий палець.

how to create the upper body

Крок 3

Переходимо до ног. Прямокутник м'ятного кольору (такого ж кольору, як светр чоловіки) на лівій стороні буде ногою жінки.

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

Виділіть всю ногу з взуттям, утримуйте Shift і Alt і посуньте її вправо. Мусульманка готова!

how to create legs

5. З'єднуємо групу друзів

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

Виділіть великий палець мусульманки, щоб колір обведення був запомнен. Потім Інструментом«Відрізок лінії» (/) намалюйте пальці на рюкзаку жінки. Тепер усі обіймають один одного.

placing three people together

6. Як створити фон і декорації

Крок 1

Видаліть колір обведення і встановіть колір заливки на R = 254, G = 244, B = 232. Візьміть Інструмент «Прямокутник» (М) і клікніть на монтажній області. У новому діалоговому вікні введіть Ширину і Висоту 850 пікселів. Це буде наш фон.

Обріжте фон (Control-X) і помістіть його позаду всього іншого (Control-B). Фон повинен залишатися в середині монтажної області.

how to create the background

Крок 2

Візьміть темніший колір заливки і намалюйте прямокутник під друзями - це буде підлога.

how to create the place they are standing on

Крок 3

Візьміть Інструмент«Зірка» і створіть величезну зірку позаду друзів. Готово!

how to create the background star

Висновок

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

До скорого!

final
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.