Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. International Women's Day
Design

Створимо аватари різних жінок в  Адобе Ілюстратор

by
Difficulty:IntermediateLength:LongLanguages:

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

Final product image
What You'll Be Creating

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

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

До кінця цього уроку ви зможете створювати сотні аватарів, змішуючи і поєднуючи елементи персонажів,які ми тут створимо. Хочете побачити, як це працює? Погляньте на цей Конструктор флет аватарів жінок і спробуйте самі - це дійсно цікаво!

Крім цього, ви зможете застосувати ці техніки при створенні інших видів плоских аватарів, змінювати зовнішність персонажів і протестувати різні стилі плоских портретів. Наприклад, подивіться на ці аватари професій на GraphicRiver. Чи відчуваєте натхнення? Давайте почнемо!

1. Створимо жінку з афрокосичками

Крок 1

Почнемо зі створення обличчя з заокругленого прямокутника. Ви можете використати або Інструмент Заокруглений прямокутник, або Прямокутник для створення темно-коричневої фігури 80 х 110 px з Радіусом Кута 30 px.

Ви можете знайти панель налаштувань Кутів на верхній панелі інструментів, зберігаючи фігуру виділеної за допомогою Часткового виділення (А). Інший спосіб налаштувати значення Кутів - або в панелі Трансформувати (Вікно> Трансформувати), або зробити це вручну, зсунувши круглі маркери Динамічних кутів фігури Частковим виділенням (А).

Створіть округлений прямокутник 14 х 22 px для носа і розмістіть його в центрі обличчя. Щоб переконатися, що ми помістили фігуру рівно в центрі, виділіть обидві фігури і ще раз клікніть на фігурі обличчя, щоб зробити її Ключовим об'єктом. Натисніть на Горизонтальному вирівнюванні по центру - і ніс виявиться точно там, де він повинен бути.

creating a face from a rounded rectangle

Крок 2

Інструментом Еліпс (L) створіть темно-коричневе коло 13 х 13 px для ока. Виділіть його нижню опорну точку Частковим виділенням (А) і видаліть, натиснувши на клавішу Delete (Або Backspace, якщо у вас Mac). У нас вийшов бадьорий погляд!

Виділіть око, утримуючи Alt-Shift, і перемістіть його на протилежну сторону особи, створивши копію другого ока.

make eyes from semi-circles

Давайте ще трохи попрацюємо над очима. Інструментом Прямокутник (М) створіть фігуру 5 х 2 px для вій. Розмістіть її на внутрішньому куточку ока і вирівняйте обидві фігури по нижньому краю.

add the eyelashes with rectangles

Крок 3

Виконайте те ж саме з протилежним оком. створимо інший еліпсдля рота. Створіть фігуру 25 х 12 px і Інструментом Ножиці (С) клікніть на лівій і правій опорних точках і розділіть фігуру.

make a mouth from the ellipse

Крок 4

Інструментом Опорна точка (Shift-C) посуньте опорні покажчики, сформувавши верхню губу.

Крок 5

Створіть темно-коричневий заокруглений прямокутник 12 х 25 px для вуха і Відправте його позаду (Shift-Control-[), за голову.

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

make the ear from rounded rectangle

Крок 6

Пора додати афрокоси! Інструментом Прямокутник з округленими кутами сформуйте чорну фігуру 5 х 25 px з повністю округленими кутами. Вирівняйте косу по центру голови.

Утримуючи Alt-Shift, перетягніть фігуру вліво, створивши копію.

make cornrows from rounded rectangles

Крок 7

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

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

use the reflect tool

Крок 8

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

Створіть яскраво-зелений прямокутник 85 х 105 px для тіла. Зробіть кути досить округленими (близько 37 pt) для формування плечей.

create the neck and body from rounded rectangles

Крок 9

Ми також можемо подовжити косички, додавши ще кілька округлених прямокутників 5 х 55 px, розмістивши їх на задній стороні голови (Shift-Control-[).

Тепер Згрупуйте (Control-G) все разом, і наш перший аватар готовий!

add longer cornrows

Крок 10

Створіть блакитне коло 195 х 195 px для основи іконки і Надішліть його позаду (Shift-Control-[). Вирівняйте персонажа і основу іконки, натиснувши Вирівняти по центру по горизонталі. Зараз дізнаємося, як помістити персонажа всередину кола, як в контейнер.

Скопіюйте коло і Вставте його попереду (Control-C> Control-F). Надішліть його На передній план (Shift-Control-]), розмістивши копію поверх всього іншого. На зображенні нижче ви можете побачити копію у вигляді кола з чорним Обведенням і без Заливки.

Виділіть все, клацніть правою кнопкою миші і Створіть відсічну маску. Наша перша іконка готова. Перейдемо до наступної!

make a clipping mask

2. Створимо жінку з гульками

Крок 1

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

recolor the character

Крок 2

Зробіть обличчя більш округлим, збільшивши значення Радіусу Кутів. Ми також можемо зробити це, зсунувши круглі маркери динамічних кутів Частковим виділенням (А).

Тепер виділіть нижню опорну точку Частковим виділенням (А) і зробіть підборіддя загостреним, перетворивши виділені опорні точки в кутові в панелі управління угорі. Змініть фігуру щелепи, зсунувши обидві бічні опорні точки вниз.

change the shape of the face

Крок 3

Змініть фігуру носа, зробивши її більш вузькою (11 х 22 px) і округлою. Змініть її колір, щоб він вписувався в загальну колірну гамму обличчя.

Change the shape of the nose

Крок 4

Інструментом Еліпс (L) створіть чорне коло 10 х 10 px і додайте заокруглений прямокутник 12 х 4 px для вій, щоб надати вигляд однієї складки повіки. Виділіть обидві фігури і знову натисніть на око, щоб зробити його Ключовим об'єктом. Використовуйте панель Вирівняти, щоб зробити Вертикальне вирівнюванні угорі, об'єднавши краю фігури.

make the eyes from circles

Крок 5

Давайте додамо трохи помади! Створіть квітково-рожевий еліпс 15 х 12 px і видаліть його нижню опорну точку, щоб сформувати верхню губу. Виділивши фігуру, двічі клікніть на Дзеркальному відображенні (О), відобразіть фігуру по Горизонтальній осі та натисніть Копіювати, щоб створити нижню губу. Злегка збільште копію і зробіть колір її заливки світлішим.

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

make lips from circles

Крок 6

Тепер створимо стильну зачіску. Скопіюйте (Control-C> Control-F) фігуру голови і змініть колір копії на чорний. Виділивши фігуру, двічі клікніть на інструменті Масштаб (S) і встановіть значення Пропорційного масштабу на 105%, потім натисніть ОК, злегка збільшивши фігуру.

Тепер візьміть Гумку (Shift-E) і, утримуючи Alt, видаліть нижню частину фігури, залишивши тільки прямий чубчик.

make a haircut from face shape copy

Крок 7

Інструментом Шейпер (Shift-N) створіть маленький трикутник в центрі чола. Намалюйте силует трикутника від руки, і він автоматично перетворюється в реальну векторну фігуру.

Тепер виділіть трикутник і волосся і довільно проведіть Інструментом Шейпер (Shift-N) поверх трикутника, щоб вирізати його. Як можна помітити, чорне обведення від трикутника може залишитися на волоссі. У цьому випадку просто виділіть його та встановіть колір Обведення на панелі Кольори.

make a triangle and cut it out

Крок 8

Давайте додамо гульки! Інструментом Прямокутник з заокругленими кутами створіть бузкову фігуру 20 х 7 px для гумки.

Розмістіть чорне коло 26 х 26 px на гумці і Надішліть його на Задній план (Shift-Control-[).

Згрупуйте частини гульки і поверніть її на 45 градусів, приєднавши до голови.

Інструментом Дзеркальне відображення (О) відобразіть і скопіюйте гульку і приєднайте її до протилежної сторони голови.

make hair buns

Крок 9

Тепер змініть колір сорочки на такий ж колір, як і обличчя, і Скопіюйте її (Control-C> Control-F). Змініть колір верхньої копії на рожевий.

Створіть заокруглений прямокутник 50 х 65 px будь-якого кольору на тілі і розмістіть його, як показано на зображенні внизу. Виділіть новий прямокутник і рожеву фігуру за ним і Шейпер (Shift-N) довільно проведіть по фігурі в тому місці, яке ми хочемо вирізати для створення ворота кофти.

make a shirt with the shaper tool

Крок 10

Ось як виглядає нова кофта!

a new shirt

Крок 11

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

Давайте створимо наш третій аватар!

finish up with the avatar

3. Створимо аватар життєрадісної молодої дівчини

Крок 1

Давайте використаємо копію нашого першого персонажа і змінимо її зовнішній вигляд. По-перше, видаліть елементи рота і створіть еліпс 35 х 25 px з темно-коричневим обведенням і без заливки. Інструментом Ножиці (С) клікніть на обох бічних опорних точках і розділіть фігуру на дві частини. Відкрийте панель Обведення (Вікно> Обведення) і встановіть Щільність на 3, Кути - на Заокруглені кути.

make the mouth from the ellipse

Крок 2

Замініть очі на кола і додайте вії, створивши маленький округлений прямокутник і повернувши його на 45 градусів.

make the eyes from the circles

Крок 3

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

Виконайте те ж саме з протилежної бровою, повернувши її на -30 градусів.

Зробіть колір шкіри світліше і додайте бінді на лоб інструментом Еліпс (L).

За допомогою функції Динамічні кути зробіть обличчя більш округлим.

rotate the eyebrows and reshape the head

Крок 4

Як щодо ще декількох аксесуарів? Створіть еліпс 9 х 9 px з жовтим Обведенням і без Заливки - це буде золоте кільце. Приєднайте його до правого боку носа і помістіть за ніс, перетягнувши фігуру вниз на панель Шарів.

make a nose ring from circle

Крок 5

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

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

Тепер, коли підборіддя розташоване занадто низько, виділіть обидві копії і інструментом Шейпер (Shift-N) проведіть по нижній частині обличчя, щоб видалити її.

Готово - у нас вийшле прилизане волосся. Давайте додамо деталі до зачіски.

make the head from the face shape

Крок 6

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

make a hair part from rectangle

Крок 7

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

make the parting narrower if needed

Крок 8

Тепер додамо низький хвостик до зачіски. Ось швидкий і простий спосіб зробити його з прямокутника. Створіть фігуру 30 х 84 px на правій стороні голови. Виділіть нижню ліву і верхню праву опорні точки прямокутника за допомогою Часткового виділення (А) і потягніть маркер динамічних кутів, щоб зробити обидва кута повністю округленими.

Тепер можемо Надіслати хвіст На задній план (Shift-Control-[) і розташувати його, як потрібно.

make a ponytail from rectangle

Крок 9

Давайте також змінимо плаття нашого персонажа. Скопіюйте (Control-C) і Вставте на те ж місце (Shift-Control-V) фігуру тіла. Змініть колір копій на колір шкіри.

Тепер візьміть Інструмент Шейпер (Shift-N) і намалюйте перевернутий трикутник на тілі для V-подібною шиї. Коли ваш рукотворний трикутник перетвориться в векторну фігуру, виділіть його з верхньої фігурою тіла і використовуйте тіло як Ключовий об'єкт для Горизонтального вирівнювання по центру обох фігур.

make a dress with v-neck 1

Крок 10

Виділивши обидві фігури, Інструментом Шейпер (Shift-N) проведіть по трикутнику, щоб вирізати його.

Тепер можемо змінити колір верхньої копії на яскраво-оранжевий для сукні.

make a dress with v-neck 2

Крок 11

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

Наш модний аватар молодої дівчини готовий!

Ще кілька слів перед завершенням...

fill the circle with green color

Крок 12

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

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

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

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

vary the face shapes made from rectangle

Крок 13

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

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

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

create wrinkles with the arc tool

Вітаю! Наші плоскі аватари жінок готові!

Відмінна робота! Наші аватари закінчені!

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

Flat Women Avatars

Постарайтеся намалювати якомога більше різних плоских портретів!

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

Flat Women Avatars
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.