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

Как создать аватары разных женщин в Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:

Russian (Pусский) translation by Anastassiya Abramenko (you can also view the original English article)

Final product image
What You'll Be Creating

Давайте отпразднуем Международный женский день, посвятив ему нашу сегодняшнюю работу! Следуйте этому руководству и узнайте, как создать аватары женщин. 

Я покажу вам, как использовать и преобразовать простые геометрические формы для создания различных портретов, сделав их как можно разнообразнее! Мы применим различные эффекты деформации, Инструмент «Шейпер», панель Обработки контуров и другие инструменты и функции для создания разнообразия возрастов, национальностей, цвета лица и стиля персонажей.  

К концу этого руководства вы сможете создавать сотни аватаров, смешивая и сочетая элементы персонажей, которые мы здесь создадим.  Хотите посмотреть, как это будет выглядеть? Взгляните на этот Конструктор плоских аватаров женщин и попробуйте сами – это действительно интересно! 

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

1. Как создать женщину с афрокосами 

Шаг 1

Начнём с создания лица из скруглённого прямоугольника. Вы можете использовать либо Инструмент «Скруглённый прямоугольник», либо Инструмент «Прямоугольник» (М) для создания тёмно-коричневой фигуры 80 х 110 пикселей с Угловым радиусом 30 пикселей. 

Вы можете найти панель настроек Углов на верхней панели инструментов, сохраняя фигуру выделенной при помощи Инструмента «Прямое выделение» (А). Другой способ настроить значение Углов – либо на панели Трансформирования (Окно > Трансформирование), либо сделать это вручную, сдвинув круглые маркеры Динамических углов фигуры Инструментом «Прямое выделение» (А). 

Создайте скруглённый прямоугольник 14 х 22 пикселей для носа и поместите его в центре лица.  Чтобы убедиться, что мы поместили фигуру ровно в центре, выделите обе фигуры и ещё раз кликните на фигуре лица, чтобы сделать её Ключевым объектом. Кликните на Горизонтальном выравнивании по центру – и нос окажется точно там, где он должен быть. 

creating a face from a rounded rectangle

Шаг 2

Инструментом «Эллипс» (L) создайте тёмно-коричневый круг 13 х 13 пикселей для глаза. Выделите его нижнюю опорную точку Инструментом «Прямое выделение» (А) и удалите, нажав на клавишу Delete (или Backspace, если у вас Mac). У нас получился бодрый взгляд! 

Выделите глаз, удерживая Alt-Shift, и переместите его на противоположную сторону лица, создав копию второго глаза. 

make eyes from semi-circles

Давайте ещё немного поработаем над глазами. Инструментом «Прямоугольник» (М) создайте фигуру 5 х 2 пикселей для ресниц. Расположите её на внутреннем уголке глаза и выровняйте обе фигуры по нижнему краю. Проделайте то же самое с противоположным глазом. 

add the eyelashes with rectangles

Шаг 3

Давайте создадим другой эллипс для рта. Создайте фигуру 25 х 12 пикселей и Инструментом «Ножницы» (С) кликните на левой и правой опорных точках и разделите фигуру. 

make a mouth from the ellipse

Шаг 4

Инструментом «Опорная точка» (Shift-C) сдвиньте опорные указатели, сформировав верхнюю губу.  

Шаг 5

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

Сгруппируйте (Control-G) уши и используйте панель Выравнивания для расположения ушей по центру головы, предварительно сделав голову Ключевым объектом. 

make the ear from rounded rectangle

Шаг 6

Пора добавить афрокосы! Инструментом «Скруглённый прямоугольник» сформируйте чёрную фигуру 5 х 25 пикселей с полностью скруглёнными углами. Выровняйте косу по центру головы. 

Удерживая Alt-Shift, перетащите фигуру влево, создав копию. Сдвиньте новую косу на несколько пикселей вниз. 

make cornrows from rounded rectangles

Шаг 7

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

Теперь выделите все косички (кроме первой) и дважды кликните на Инструменте «Зеркальное отражение» (О), чтобы открыть окно с настройками.  Отразите косички по Вертикальной оси и нажмите на кнопку «Копировать». Удерживая клавишу Shift, сдвиньте их на противоположную сторону головы.  

use the reflect tool

Шаг 8

Далее создайте скруглённый прямоугольник 22 х 38 пикселей для шеи. Не забудьте изменить яркость элементов, чтобы визуально отделить одну часть тела от другой, т.к. мы работаем со сплошными цветами без теней и светлых областей.  Инструментом «Пипетка» (I) выберите тёмно-коричневый цвет ушей.

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

create the neck and body from rounded rectangles

Шаг 9

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

Теперь Сгруппируйте (Control-G) всё вместе, и наш первый аватар готов! 

add longer cornrows

Шаг 10

Создайте голубой круг 195 х 195 пикселей для основы иконки и Отправьте его на Задний план (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 пикселей) и округлой. Измените её цвет, чтобы он вписывался в общую цветовую гамму лица. 

Change the shape of the nose

Шаг 4

Инструментом «Эллипс» (L) создайте чёрный круг 10 х 10 пикселей и добавьте скруглённый прямоугольник 12 х 4 пикселей для ресниц, чтобы придать вид одной складки века.  Выделите обе фигуры и снова нажмите на глаз, чтобы сделать его Ключевым объектом. Используйте панель Выравнивания, чтобы сделать Вертикальное выравнивание по верху, объединив края фигуры.    

make the eyes from circles

Шаг 5

Давайте добавим немного помады! Создайте цветочно-розовый эллипс 15 х 12 пикселей и удалите его нижнюю опорную точку, чтобы сформировать верхнюю губу.  Выделив фигуру, дважды кликните на Инструменте «Зеркальное отражение» (О), отразите фигуру по Горизонтальной оси и нажмите «Копировать», чтобы создать нижнюю губу. Слегка увеличьте копию и сделайте цвет её Заливки светлее. 

Добавьте горизонтальную полоску между губ при помощи Инструмента «Прямоугольник» (М) и создайте уголки рта, добавив пару маленьких кружков. 

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 пикселей для резинки. 

Поместите чёрный круг 26 х 26 пикселей на резинку и Отправьте его на Задний план (Shift-Control-[).

Сгруппируйте части гульки и поверните её на 45 градусов, присоединив к голове. 

Инструментом «Зеркальное отражение» (О) отразите и скопируйте гульку и присоедините её к противоположной стороне головы. 

make hair buns

Шаг 9

Теперь измените цвет рубашки на такой же цвет, как и лицо, и скопируйте её (Control-C > Control-F). Измените цвет верхней копии на розовый. 

Создайте скруглённый прямоугольник 50 х 65 пикселей любого цвета на теле и поместите его, как показано на картинке внизу. Выделите новый прямоугольник и розовую фигуру за ним и Инструментом «Шейпер» (Shift-N) произвольно проведите по фигуре в том месте, которое мы хотим вырезать для создания ворота кофты.  

make a shirt with the shaper tool

Шаг 10

Вот как выглядит новая кофта. 

a new shirt

Шаг 11

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

Отличная работа! Давайте создадим наш третий аватар! 

finish up with the avatar

3. Как создать аватар жизнерадостной молодой девушки

Шаг 1

Давайте используем копию нашего первого персонажа и изменим его внешний вид. Во-первых, удалите элементы рта и создайте эллипс 35 х 25 пикселей с тёмно-коричневой обводкой и без заливки.  Инструментом «Ножницы» (С) кликните не обеих боковых опорных точках и разделите фигуру на две части. Откройте панель Обводки (Окно > Обводка) и установите Толщину на 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 пикселей с жёлтой Обводкой и без Заливки – это будет золотое кольцо. Присоедините его к правой стороне носа и поместите за нос, перетащив фигуру вниз на панель Слоёв

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 пикселей на правой стороне головы.  Выделите нижнюю левую и верхнюю правую опорные точки прямоугольника при помощи Инструмента «Прямое выделение» (А) и потяните маркер Динамических углов, чтобы сделать оба угла полностью скруглёнными.  

Теперь можем Отправить хвостик на Задний план (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.