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

Как создать набор аватаров с Людьми Икс в Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called X-Men Week.
Colossus: How to Turn Skin to Metal in Adobe Photoshop

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

Final product image
What You'll Be Creating

Вы ждёте новый фильм "Люди Икс: Апокалипсис" так же, как жду его я? Давайте готовиться к нему вместе с моим руководством по созданию плоских безликих аватаров Людей Икс! Мы узнаем несколько полезных приёмов и научимся простым техникам, используя базовые фигуры, панель Обработки контуров, Инструмент "Создание фигур" и обтравочные маски.

Люди Икс - мои любимые герои во вселенной Марвел, поэтому я всегда с нетерпение жду выхода новых фильмов. Однако, это руководство может пригодиться не только фанатам Людей Икс! Вы всегда сможете применить следующие техники в создании аватаров супергероев, плоских портретов людей и любых других плоских аватаров! Вы даже можете использовать своё собственное фото или другой образец с Envato Market для создания похожего аватара для вашего профиля в соцсети. Давайте приступим!

1. Создаём аватар с Росомахой

Шаг 1

Давайте создадим лицо Росомахи, начав с его подбородка. Возьмите Инструмент "Прямоугольник" (М) и создайте розовато-бежевую фигуру 100 х 60 пикселей. Выделив фигуру, перейдите в Объект > Контур > Добавить опорные точки для добавления точки в середине каждой стороны.

create face from the rectangle 1

Шаг 2

Давайте сформируем подбородок. Выделите нижнюю левую опорную точку Инструментом "Прямое выделение" (А) и нажмите Enter, чтобы открыть окно Перемещения. Установите Горизонтальное значение на 20 пикселей и Вертикальное - на 0 пикселей. Нажмите Ок, чтобы сдвинуть нашу точку на 20 пикселей вправо.

Повторите то же самое для нижней правой опорной точки, но в этот раз установите Горизонтальное значение на -20 пикселей, чтобы сдвинуть точку в противоположном направлении.

create face from the rectangle 2

Шаг 3

Теперь давайте сделаем форму подбородка более скруглённым и гладким при помощи функции Динамических углов. Выделите все опорные точки, кроме двух верхних, Инструментом "Прямое выделение" (А) и сдвиньте маркеры Динамических углов вверх, сделав углы слегка скруглёнными.

Если вы работаете в более ранних версиях Adobe Illustrator, в которых нет такой функции, можете вместо неё применит Эффект > Стилизация > Скруглённые углы. Но имейте в виду, что это сделает скруглёнными все углы. В этом случае используйте Инструмент "Ластик" (Shift-E), удерживая клавишу Alt, чтобы сделать верх фигуры снова прямой и плоской.

make the chin rounded using live corners

Шаг 4

Теперь давайте оформим верхнюю часть лица. Создайте прямоугольник 100 х 75 пикселей. Перейдите в Объект > Контур > Добавить опорные точки.

shape the upper part of the face

Шаг 5

Давайте слегка изменим линию волос. Выделите верхнюю центральную опорную точку Инструментом "Прямое выделение" (А) и сдвиньте её вниз на 10 пикселей. Возьмите Инструмент "Опорная точка" (Shift-C) и перетащите опорные указатели выбранной точки вверх, как показано на картинке ниже. Таким образом мы сформируем линию волос в форме чайки.

adjust the hairline

Шаг 6

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

make the hairline more flowing

Шаг 7

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

Выделите обе части лица Инструментом "Выделение" (V) и снова кликните на верхней фигуре, чтобы сделать её Ключевым объектом. Он будет обозначен толстым выделение вокруг фигуры. Теперь перейдите на панель Выравнивания и кликните на Выравнивание центров по горизонтали. Таким образом мы выровняем подбородок по отношению к верхней фигуре.

align the shapes to the center

Шаг 8

Сдвиньте верхнюю часть лица вниз, присоединив её к подбородку.

attach the parts of the face

Шаг 9

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

make the face narrower

Шаг 10

Теперь давайте нарисуем знаменитую причёску Росомахи! Возьмите Инструмент "Карандаш" (N) и нарисуйте левую часть волос. Соедините крайние опорные точки либо "Карандашом" (N), либо "Пером" (Р), чтобы сделать правый край фигуры прямым и квадратным.

draw hair with pencil tool

Шаг 11

Заполните фигуру тёмно-серым цветом. Отразите копию на другую сторону для второй половины причёски. Дважды кликните на Инструменте "Зеркальное отражение" (О), чтобы открыть окно с настройками, и выберите Вертикальную ось. Нажмите "Копировать" и присоедините правую часть причёски.

form the hairdo

Шаг 12

Теперь добавим уши. Возьмите Инструмент "Эллипс" (L) и создайте овал 15 х 30 пикселей. Присоедините фигуру к лицу. слегка её повернув. Добавьте второе ухо при помощи Инструмента "Зеркальное отражение" (О).

add the ears with ellipse tool

Шаг 13

Теперь сформируем бороду Росомахи! Сначала Скопируйте фигуру лица и Вставьте её на Передний план (Control-C > Control-F). Инструментом "Пипетка" (I) выберите цвет волос и примените его к созданной копии.

Возьмите Инструмент "Эллипс" (L) и создайте фигуру 125 х 130 пикселей, поместив её поверх верхней части лица. Теперь видно, как борода начала проявляться в нижней части лица.

form the beard 1

Шаг 14

Добавьте ещё один эллипс поменьше (60 х 45 пикселей), частично покрытый подбородком.

form the beard 2

Шаг 15

Выделите оба эллипса и Объедините их на панели Обработки контуров, создав единую фигуру.

Unite the shapes in Pathfinder

Шаг 16

Теперь вырежем эллипсы, оставив только тёмно-серые части бороды. Выделите тёмно-серую фигуру и объединённые эллипсы и примените функцию "Вычитание переднего" на панели Обработки контуров, чтобы вырезать фигуры.

use minus front to cut out the beard

Шаг 17

Давайте добавим пару пучков волос на голове Росомахи. Создайте эллипс 60 х 5 пикселей. Выделите его боковые опорные точки Инструментом "Прямое выделение" (А) и сделайте кончики фигуры заострёнными при помощи функции "Преобразовать выделенные опорные точки в угол" на верхней панели управления.

Выделив фигуру, перейдите в Эффект > Деформация > Дуга. Установите значение Горизонтального сгиба на 30% и перейдите в Объект > Разобрать оформление, чтобы применить эффект.

form a hair lock from ellipse

Шаг 18

Присоедините созданный пучок волос к линии волос и добавьте копию поменьше возле него.

Attach the created hair lock to the hairline

Шаг 19

Давайте добавим шею. Создайте прямоугольник 60 х 70 пикселей с более тёмным цветом кожи. Поместите шею за голову, Переместив её на Задний план  (Shift-Control-[). Настройте длину шеи, сдвигая её вниз и вверх, спрятав ненужную часть за головой.

Добавьте ещё один прямоугольник 75 х 25 пикселей для воротника и заполните его тёмным серовато-синим цветом.

add neck and collar from rectangles

Шаг 20

Давайте сформируем торс. Создайте прямоугольник 160 х 110 пикселей более светлого серовато-синего цвета и поместите его аккурат под воротником. Выровняйте все фигуры по центру, если необходимо.

Выделите нижнюю левую опорную точку Инструментом "Прямое выделение" (А) и нажмите Enter, чтобы открыть окно Перемещения. Сдвиньте точку дальше влево, установив значение Горизонтального положения на -20 пикселей.

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

form a torso from rectangle

Шаг 21

Используйте функцию "Динамические углы" (или эффект Скруглённых углов), чтобы сделать плечи округлыми.

Давайте добавим круглую эмблему Людей Икс на воротник. Создайте круг 28 х 28 пикселей инструментом "Эллипс" (L) с темно-серой Заливкой и жирной жёлтой Обводкой  (задайте Толщину Обводки 5 на верхней панели управления).

Примените Инструмент "Отрезок линии" (\) для формирования двух жёлтых обводок толщиной 5 для знака Х в центре.

make the X-Men round emblem

Шаг 22

Давайте добавим основу нашему аватару. Создайте жёлтый квадрат 300 х 300 пикселей и Отправьте его на Задний план (Shift-Control-[), за персонажа. Сгруппируйте (Control-G) все части Росомахи и сделайте так, чтобы он вписался в квадрат. Вы можете оставить нижнюю часть туловища за пределами квадрата, как показано на скриншоте ниже.

Скопируйте квадрат и Отправьте на передний план (Shift - Control-]) поверх всех других объектов.

Наконец, выделите всё (Ctrl-A), нажмите правой кнопкой мыши и Создайте обтравочную маску, скрывая ненужные части вне квадрата. Прекрасно!

make the base from square

Наш первый аватар Людей Икс готов! Давайте перейдём к следующему.

wolverine avatar

2. Рисуем аватар Мистик

Шаг 1

Нашим вторым персонажем будет восхитительная Мистик.

Давайте начнём формировать её лицо с подбородка, как мы делали ранее. Возьмите подбородок Росомахи с нашего первого аватара и измените его, делая углы более округлыми с помощью функции "Динамические углы". Выделите нижнюю среднюю опорную точку (кончик подбородка) и сделайте его заострённым, Преобразовав его в угол в верхнем меню Конвертирования

form the chin

Шаг 2

Теперь давайте сформируем верхнюю часть лица. Сделать прямоугольник 100 x 60 пикселей и Выровняйте его по отношению к фигуре подбородка. Используйте Инструмент "Прямое выделения" (A) для выделения обоих верхних опорных точек и сделайте верхнюю часть фигуры полностью скруглённой.

Используйте Инструмент "Опорная точка" (Shift-C) для формирования сердцевидной линии волос, распололжив опорные указатели, как показано на рисунке ниже.

form the hairline

Шаг 3

Прикрепите верхнюю часть лица к нижней части и измените цвет кожи на синий.

Давайте добавим фигуру прически! Создайте красный прямоугольник 100 x 80 пикселей и поместите его за лицом в верхней части головы. Сделайте верх прямоугольника полностью скруглённым.

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

recolor the skin and add hair

Шаг 4

Добавьте уши и шею. Сформируйте трапецию для туловища и на этот раз Объедините туловище и шею на панели Обработки контуров.

add ears neck and torso

Шаг 5

Используйте Инструмент "Прямое выделение" (A) для выделения опорной точки в нижней части шеи. Сделать их скруглёнными при помощи функции "Динамические углы".  Сделайте плечи такими же округлыми, образуя плавный, нежный силуэт.

make the silhouette rounded

Шаг 6

При помощи Инструмента "Эллипс" (L), создайте эллипс 5 x 10 пикселей немного темнее цвета лица.  Добавьте ещё немного пятен на лице, меняя их размер и положение.

add elliptical spots

Шаг 7

Завершите создание аватара Мистик, добавив немного пятен на теле и поместив персонаж в квадратную маску с тёмно-синим фоном.

Mystique avatar

3. Изображаем аватар Магнето

Шаг 1

Давайте создадим голову и шлем для Магнето. Скопируйте основу тела Росомахи и измените верхнюю часть головы, заменив лицо Росомахи и волосы прямоугольником 100 x 75 пикселей. Сделайте верх головы полностью округлым, используя функцию "Динамические углы".

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

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

make Magnetos helmet from rectangle

Шаг 2

Теперь сформируем лицевые части шлема. Если вы помните из фильмов, у Магнето был большой вырез для глаз, носа и рта.

Создайте маленький эллипс и поместите его в районе глаз слева, как показано на рисунке ниже. Используйте Инструмент "Зеркальное отражение" (O) для создания второго эллипса. Добавьте вертикальную полоску, сочетая её с отверстиями для глаз. Наконец, выделите созданные эллипсы и полоску и Объедините их на панели Обработки контуров.

make the elements of the helmet 1

Шаг 3

Измените цвет Заливки шлема на тёмно-фиолетовый и цвет центральной фигуры - на любой контрастный цвет, например, жёлтый. Сохраняя жёлтую фигуру выделенной, перейдите в Объект > Контур > Параллельный контур и установите значение Пареллели на 5 пикселей, создав большую фигуру.

make the elements of the helmet 2

Шаг 4

Выделите шлем и маленькую жёлтую фигуру. Используйте функцию "Вычитание переднего" на панели Обработки контуров, чтобы вырезать фигуру.

Теперь у нас есть тёмная жёлтая фигура и шлем с отверстием в центре.

Use the Minus Front function

Шаг 5

Выделив обе фигуры, возьмите Инструмент "Создание фигур" (Shift-M), удерживая клавишу Alt, и нажмите на середину тёмно-жёлтой фигуры, которую нам нужно удалить. Прекрасно! Теперь мы можем видеть лицо.

use the Shape Builder Tool

Шаг 6

Измените тёмно-жёлтый цвет на светло-фиолетовый, чтобы он гармонировал со шлемом. И давайте также добавим тонкую полоску в 5 пикселей в нижней части шлема. Снова используйте Инструмент "Создание фигур" (Shift-M) для удаления ненужных частей полоски за пределами шлема.

complete the helmet

Шаг 7

Давайте немного поработаем над костюмом Магнето.  Сделать его темнее, изменив цвет Заливки на тёмный серовато-фиолетовый. Добавьте тонкую линию аккурат в центре костюма, для изображения стилизованной застёжки-молнии. 

И давайте затемним плечи. Возьмите Инструмент "Отрезок линии" (\) и нарисуйте две диагональные линии через плечи. Выделите линии и туловище и Инструментом "Создание фигур" (Shift-M) нажмите на тех частях плеч, которые нам нужно отрезать. Отлично — теперь плечевые части отделены от остальной части туловища, и мы можем сделать их темнее.

Не забудьте удалить части линии, которые нам не нужны.

add details to the suite

Шаг 8

Создайте светло-фиолетовую основу аватара и примените Обтравочную маску для формирования композиции.

Наконец, используйте функцию Конвертирования, чтобы сделать внешние углы отверстий для глаз немного заострёнными. Отредактируйте фигуры при помощи Инструмента "Прямое выделение" (A).

make the eyes pointed

Прекрасно! Аватар Магнето готов. У нас остался последний аватар!

The Magnetos avatar is ready

4. Рисуем аватар Роуг

Шаг 1

Наш финальный аватар будет прекрасной молодой Роуг. 

Давайте скопируем весь силуэт Мистик и используем его как базу для аватара Роуг, изменив цвет кожи и удалив пятна на теле. 

duplicate Mystiques body

Шаг 2

Выделите центральную точку линии волос Инструментом "Прямое выделение" (A) и переместите её слегка вправо, изменив форму волос.

Теперь Инструментом "Карандаш" (N) создайте слегка изогнутую линию для пряди волос. 

change the hair

Шаг 3

Давайте изменим чёлку. Измените цвет Обводки на бледно-серый. Перейдите на панель Обводки (Окно > Обводка) и установите Толщину на 16, сделав чёлку намного шире.

Установите Прописную и Угол на среднее положение, чтобы сделать кончики линии скруглёнными.

Наконец, измените Профиль на Профиль ширины 5 (один из стандартных профилей в выпадающем меню) и используйте кнопку "Отражение по горизонтали", чтобы изменить направление линии обводки. Отличная работа!

Добавьте светло-бежевую вертикальную линию поверх тёмных волос для разграничения.  Установите Толщину обводки на 1.5 и Профиль на Профиль ширины 1.

make a bang from a stroke

Шаг 4

Добавьте еще одну прядь на противоположной стороне лица и примените такие же настройки, как в предыдущем шаге. Вы можете использовать "Пипетку" (I), чтобы захватить цвет предыдущей пряди и применить его к новой, снизив Толщину до 12.

Скопируйте воротник с аватара Росомахи аватар и поместите его на шею Роуг.

add a second lock the the hair

Шаг 5

Давайте оденем нашего персонажа.  Выберите фигуру тела и используйте Инструмент «Нож», чтобы разделить фигуру на две части. Заполните туловище с тёмно-серым цветом, изображающим костюм Людей Икс.

add a dark suite

Шаг 6

Добавьте застёжку-молнию и логотип Людей Икс.

add details to the suit

Шаг 7

Завершите создание аватара, добавив зелёную квадратную базу и поместив объекты в Обтравочную маску.

Avatar of Rogue

Восхитительно! Наши аватары Людей Икс закончены!

Мы проделали отличную работу! Вы можете продолжить дорабатывать аватары и добавлять мелкие детали по вашему вкусу. Более того, вы можете использовать эти простые техники для создания всей команды Людей Икс, включая хороших парней и злодеев!

Веселитесь!

X-men flat avatars are finished
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.