Advertisement
  1. Design & Illustration
  2. Global Influences
Design

Создаем в Adobe Illustrator набор аватарок в хиджабах и вуалях.

by
Difficulty:BeginnerLength:LongLanguages:

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

Final product image
What You'll Be Creating

Что такое "хиджаб" и зачем его носят?

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

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

Найти больше вдохновленных хиджабами дизайнов можно на GraphicRiver.

Давайте же начнем урок!

1. Начинаем проект по созданию аватарок

Шаг 1

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

У разных стилей "хиджабов" есть свои собственные названия. В этом уроке мы нарисуем восемь самых распространенных из них:

  1. Один из самых популярных хиджабов называется шейла: длинный шарф прямоугольной формы из плотной ткани, которым оборачивают голову, а концы просто кладут или прикалывают к плечам; шея и лицо остаются открытыми. Наиболее распространен в странах Персидского залива: ОАЭ, Кувейте, Бахрейне, Омане, Ираке, Катаре и Саудовской Аравии.
  2. Второй по популярности в этом регионе так и называет хиджаб. Похож на шейлу, но имеет другую форму. Основное отличие от шейлы в том, что концы шарфа не видны на плечах, а шея при этом закрыта.
  3. Никаб оставляет открытыми миру только глаза.
  4. Химар - длинная накидка с прорезью только для лица. Голова, шея и плечи закрыты. Наиболее распространена в Иране.
  5. Чадра - длинное покрывало, закрывающее всё тело целиком. К одежде никак не крепится и придерживается лишь руками носительницы. Иногда им закрывают даже губы. Носят в Иране или во время паломничества.
  6. Паранджа или бурка закрывает всё тело и имеет декоративные украшения из золота или других металлов. Распространена в ОАЭ, Омане, Катаре и регионах Южного Азербайджана. Ее носят поверх шейлы/хиджаба и одевают чаще пожилые женщины.
  7. Иранская паранджа, в отличии от обычной, покрывает не только всё тело, но и лицо, оставляя только сетку для глаз.
  8. Хиджаб амира состоит и двух частей: собственно, хиджаба, закрывающего голову, и накидки, скрывающей тело до груди.

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

В Adobe Photoshop нарисуйте набросок лица и верхней части тела, размножьте его и поверх них добавьте различные хиджабы.

Примечание: наличие графического планшета упростит эту задачу.

Сохраните эскиз в формате JPG.

hijab avatar sketches

Шаг 2

Запустите Adobe Illustrator.

Командой File> New (Ctrl+N) создайте новый документ со следующими параметрами:

Название: "Hijab_Avatars".

  • Количество артбордов: 1
  • Ширина: 680 пикселей
  • Высота: 680 пикселей
  • Единицы измерения: пиксели
  • Цветовой режим: RGB

Командой Place (Shift+Ctrl+P) добавьте в файл ваш набросок и расположите его по центру артборда.

Place sketch onto artboard hijab adobe illustrator

Теперь уменьшим интенсивность данного слоя, чтобы более комфортно рисовать поверх него.

Для этого откройте панель Layers (Window> Layers).

Дважды кликните по искомому слою и укажите там следующие настройки:

  • Название: Sketch
  • Заблокируйте слой (пункт Lock)
  • Ослабить изображение до (Dim Images to): 20%
  • Нажмите OK
layer dim sketch lock Illustration adobe Illustrator

Поверх слоя "Sketch" создайте новый, который именуйте "Body".

Командой File> Save (Ctrl+S) сохраните документ в формате AI.

2. Создаем основу для аватарок

Шаг 1

Начнем с определения границ будущей аватарки, которые в нашем случае будут представлены кругом. Удалите на панели инструментов заливку и задайте обводке черный цвет.

Активируйте инструмент Ellipse Tool (L). Кликните им в рабочей области. Укажите в появившемся окне ширину и высоту равные 680 пикселям.

create a circular background

Разместите круг по центру артборда.

Инструментом Pen Tool (P), оставив те же настройки заливки и обводки, отрисуйте только левую половину лица, шеи и тела по наброску. Правую часть мы получим простым ее отражением чуть позже.

Сейчас нарисуем инструментом Ellipse Tool (L) зрачок.

Активируйте инструмент Ellipse Tool (L) и, зажав Alt и Shift, нарисуйте небольшой круг.

После всех этих манипуляций ваша иллюстрация должна выглядеть примерно так:

trace with the pen tool

Шаг 2

Далее залейте каждый элемент цветом на свой выбор.

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

В этом деле вам помогут команды Object> Arrange> Bring to Front (Shift+Ctrl+]) - отправить на самый передний план - и Object> Arrange> Send to Back (Shift+Ctrl+[) - отправить на самый задний план.

Перемещение на один шаг вниз и вверх осуществляется операциями Object> Arrange> Send Backward (Ctrl+[) и Object> Arrange> Send Forward (Ctrl+]) соответственно.

После этого иллюстрация должна выглядеть примерно так:

fill the half side of the face

На щеках обозначьте румянец цветом #F9CDD9.

На панели Transparency (Window> Transparency) измените режим смешивания данной фигуры на Multiply.

К ней же добавьте эффект Effect> Stylize> Feather с радиусом растушевки 8 пикселей.

add blush to the cheeks

Шаг 3

Теперь нужно отразить имеющееся, чтобы завершить основу для аватарки.

Инструментом Selection Tool (V) выделите все элементы, которые нужно отразить.

Активируйте инструмент Reflect Tool (O). Установите контрольную точку по центру артборда. Зажав Shift+Alt, перетащите объекты вправо, чтобы произвести отражение.

mirror the avatar features

При необходимости отредактируйте элементы инструментом Direct Selection Tool (A).

Шаг 4

Активируйте инструмент Pen Tool (P). Удалите заливку и назначьте обводке черный цвет. Мы добавим некоторые элементы, которые сделают иллюстрацию более естественной. Сейчас она выглядит "неживой" из-за своей симметричности. Тень на шее и блеск на губах уже несколько исправят положение.

add shadows and shine

Залейте новые элементы и задайте им должный порядок.

Когда вы закончите с этим, выделите всё за исключением фонового круга и
сгруппируйте (Ctrl+G).

Сохраните файл (File> Save; Ctrl+S).

group the elements together

3. Добавляем хиджабы к основе аватарки

Шаг 1

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

Сделать это можно следующим образом. Откройте панель Artboards (Window> Artboards). Для копирования артборда вместе с контентом выберите в выпадающем меню панели пункт Duplicate Artboards.

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

Создайте еще семь артбордов (всего должно быть восемь).

create multiple avatars

Измените порядок следования монтажных областей, выполнив команду Rearrange Artboards из выпадающего меню панели Artboards со следующими настройками:

  • Представление: сетка по строкам (Grid by Row)
  • Столбцов: 4
  • Промежуток: 25 пикселей
  • Нажмите OK.
arrange the order of the artboards

Шаг 2

Набросок перенесите поверх аватарок, чтобы упростить отрисовку хиджабов.

Для этого на панели Layers разблокируйте слой "Sketch" и переместите его внутрь слоя "Body".

Измените режим смешивания эскиза на Multiply, чтобы белый цвет не перекрывал аватарки.

trace the sketches for the hijabs

Заблокируйте на панели Layers слой "Body".

Инструментом Selection Tool (V) выровняйте набросок по первой аватарке.

Затем перетащите слой "Sketch" выше слоя "Body" и измените его имя на "Hijabs".

align the sketch to the artwork

Шаг 3

Теперь можно переходить непосредственно к отрисовке хиджабов, используя инструментом Pen Tool (P) с черной обводкой без заливки.

  1. Отрисуйте контуры.
  2. Нарисуйте фигуры для последующей заливки.
trace the hijab linework

Далее:

  1. Контуры залейте черным цветом.
  2. Другим элементам назначьте заливку оттенками серого, чтобы они не сливались как с контурами, так и между особой.
  3. Упорядочите объекты, используя команды Object> Arrange> Send Backward (Ctrl+[) и Object> Arrange> Bring Forward (Ctrl+]).
fill in the hijabs

Инструментом Pen Tool (P) добавьте блики светло-серого цвета.

add grey highlights
  1. На панели Layers разблокируйте слой "Body". Инструментом Selection Tool (V) переместите эскиз так, чтобы следующий хиджаб совпадал со следующей аватаркой.
  2. Заблокируйте слой "Body" и вновь начните отрисовку по слою "Hijabs".

Шаг 4

Повторяйте данные действия, пока не будут отрисованы все аватарки.

Когда это будет сделано, слой с эскизом можно удалить.

Для этого разблокируйте слой "Body", выделите набросок и удалите его.

create all the hijab avatars

Шаг 5

Следующий этап: добавление теней от хиджабов на лица.

Создайте новый слой между "Body" и "Hijabs". Именуйте его "Cast Shadow".

Инструментом Pen Tool (P) с черной обводкой и без заливки нарисуйте затененные области.

add a cast shadow

Сделайте это для всех аватарок.

add cast shadows to all avatars

Шаг 6

Выделите все тени, измените их цвет заливки на #DFB07C.

На панели Transparency измените их режим смешивания на Multiply. Так они будут лучше сочетаться с цветом кожи.

Add shadows to their faces

Шаг 7

На большей части аватарок между лицом и шеей осталось пустое пространство. Исправим это.

Убедитесь, что работаете на слое "Body".

  1. Инструментом Ellipse Tool (L) нарисуйте овалы поверх искомых областей.
  2. Отправьте их на самый задний план (Shift+Ctrl+[).
fill in the empty spaces

Шаг 8

Добавим аватаркам другие цвета.

Металлической части паранджы придадим золотистый оттенок.

Инструментом Selection Tool (V) поочередно выделите элементы паранджы и залейте их следующими цветами:

  • Темно-желтый: #FFCE02
  • Светло-желтый: #FFDE52
add color to the burqa

Шаг 9

Круги позади аватарок зальем "женскими" цветами: розовыми, пурпурными, коралловыми и пастельными.

Просто выделяйте их поочередно инструментом Selection Tool (V) и назначайте цвет по своему выбору.

После этого отправьте круги на самый задний план (Shift+Ctrl+[).

add background colors

4. Последние штрихи и экспорт в растр

Шаг 1

Поверх слоя "Hijabs" создайте новый с именем "Avatars".

  1. Инструментом Selection Tool (V) выделите фоновые круги.
  2. Скопируйте (Ctrl+C).
  3. Вставьте на передний план (Ctrl+F).
  4. На панели Layers перетащите выделение на слой "Avatars".
Create the final avatars
  1. Заблокируйте слой "Avatars".
  2. Скройте его.

Шаг 2

Далее сгруппируем каждую аватарку.

  1. Инструментом Selecton Tool (V) выделите фоновые круги.
  2. Заблокируйте выделенное командой Object> Lock> Selection (Ctrl+2).
  3. Выделите все элементы каждой аватарки и сгруппируйте (Ctrl+G) их.
group each avatars components

После этого аватарку нужно немного увеличить, чтобы она выходила за нижнюю границу круга.

Не снимая выделение, выполните команду Object> Transform> Scale, где укажите следующее:

  • Пропорционально (Uniform): 110%
  • Воспользуйтесь превью для проверки результата.
  • Нажмите OK.
scale up the artwork

Повторите данные манипуляции для всех аватарок.

Шаг 3

Включите отображение слоя "Avatars" и разблокируйте его.

Сейчас мы сделаем из дубликатов кругов обтравочные маски для каждого аватарки.

Покажу данную процедуру, как и ранее, на примере первой из них.

  1. Выделите аватарку.
  2. Добавьте к выделению вышележащий круг.
  3. Выполните операцию Object> Clipping Mask> Make (Ctrl+7).
clip the avatars to the circles

Повторите операцию для остальных аватарок.

clip all the avatars

Шаг 4

Наконец, на панели Artboards переименуйте монтажные области согласно стилю нарисованного на ней хиджаба. Смотрите на иллюстрацию ниже.

name each artboard

Шаг 5

Выполните команду File> Export As.

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

В параметрах для формата PNG укажите разрешение Screen (72 ppi) и нажмите OK.

export the avatars

Прекрасно! Набор аватарок в хиджабах готов!

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

hijab avatars on instagram and social media

Делайте, загружайте и наслаждайтесь своими профилями!

Hijab Avatars Adobe Illustrator Tutorial by Miss Chatz
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.