Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Portrait
Design

Как создать автопортрет в геометрическом стиле

by
Difficulty:IntermediateLength:MediumLanguages:

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

В этом уроке мы поговорим о том, как создать иллюстрированный автопортрет в геометрическом стиле. Возьмём свою фотографию за основу иллюстрации, нарисуем эскиз, а затем сделаем финальный вариант. Давайте начинать!

После выхода этого урока читатели были вдохновлены на создание автопортрета в этом стиле. Что у них получилось, смотрите в специальном выпуске Tuts+ Workshop: Created by You.

Шаг 1

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

Шаг 2

Создадим новый документ (cmd+N or ctrl+N) в Adobe Illustrator размером рабочей области 600 x 480px.

Нужно организовать слои:

  • Верхний слой назовём “Draw”. Здесь будет наша иллюстрация.
  • Под слоем "Draw" будет слой "Sketch".
  • На слое "Photo" будет находиться взятая нами фотография.
  • В самом низу слой "Background". Этот слой, размером с рабочую область (600 x 480px) залейте серым, чтобы можно было рисовать белым и светлыми цветами.

Шаг 3

Заблокируем слои  "Background" и "Photo".
На слое "Sketch" кистью Blob Brush Tool (Shift + B) сделаем набросок по фотографии. Рисуйте прямыми линиями, стараясь упростить детали. Например, волосы или очки сделаны восьмиугольником, согласно геометрическому стилю.

Шаг 4

Можно удалить слой "Photo". Не беспокойтесь, если ваш эскиз немного грязный, это просто шаблон для автопортрета.

Шаг 5

Уменьшите Opacity слоя с наброском до 30% и заблокируйте слой "Sketch".

Инструментом Pen Tool (P) начнём рисовать, переходя от тыльной части к фронтальной. Строкой в 1pt Black Stroke Weight, начинайте обводить волосы прямыми линиями.

Шаг 6

Нарисуйте половину рубашки, потом Copy (Cmd + C) и вставьте спереди (Cmd + F).

Инструментом Reflect Tool (O) отразите путь.

Объедините половинки через Pathfinder > Unite опции. Почти всё в иллюстрации делается этим путём: копирование, отражение и Unite.

Шаг 7

Теперь нарисуем воротник рубашки. Для этого понадобится Polygon Tool.

Затем поместите линии к основанию шеи.

Шаг 8

Повторите процесс для очертаний головы. Нарисуйте восьмиугольник и затем выберите верхние узлы. Растяните их клавишей со стрелкой и/или инструментом Scale Tool.

Такую же фигуру скопируйте для лица. Инструментом Pathfinder > Minus Front на другой копии подрежьте линию шеи.

Шаг 9

Чтобы добавить детали, можете использовать фигуру, которую вы уже создали. Например, чтобы добавить деталь шеи, вы можете дублировать форму лица и увеличить её. Дублируйте базовую линию шеи ещё раз и используйте Pathfinder > Intersect.

Шаг 10

Добавим ещё немного деталей инструментами Pen Tool (P) и Shape Tools. Не забудьте воспользоваться ранее созданными фигурами и продублировать их, чтобы использовать с Pathfinder.
Оставляем лицо до конца процесса рисования.

Шаг 11

Нажмите клавишу D, и ваша иллюстрация будет выглядеть так По необходимости измените фигуры.

Я думаю переделать очертания головы и моих волос спереди.

Шаг 12

Теперь мы подходим к лицу. Будем пользоваться уже знакомой нам техникой — инструментами Pathfinder, Scale Tool, Reflect Tool...
Приступим.

Возьмём шестиугольник для контура губ. Растянем его в стороны и инструментом Scale Tool изменим форму. Нарисуем треугольник и выровняем по центру.
Используйте Pathfinder> Minus Front, чтобы удалить треугольник с верхней части губы.
Затем скопируйте и вставьте перед губами, и масштабируйте форму посередине, чтобы создать выемку на губе.  Потяните узлы на верхней губе с помощью инструмента Direct Selection Tool (A).

Шаг 13

Глаза начнём рисовать с восьмиугольника. Резинкой Eraser Tool (Shift + E) удалите нижнюю часть контура.
Затем скопируйте объект и с помощью клавиш Shift + Alt переместите копию вниз.
Дублируйте основную форму и примените Minus Front в Pathfinder. Это будет тень глаза. Дублируем дальше, чтобы создать ресницы.
Чтобы добавить больше деталей, нарисуйте маленький восьмиугольник для радужной оболочки, продублируйте основную форму и трансформируйте ее, чтобы сделать нижнее веко.
Наконец, добавьте некоторые детали - и всё готово!
Поскольку глаза смотрят в одном направлении, мы можем дублировать один, переместить его и поправить.

Шаг 14

Берём октагон для носа.
Сначала измените некоторые узлы и добавьте опорные точки, чтобы получить базовую форму носа. Затем нарисуйте несколько восьмиугольников и другие простые фигуры, чтобы добавить объём и детали. Не забудьте использовать Pathfinder и Align, чтобы сохранить симметрию рисунка.

Шаг 15

Очки очень простые. Простой, слегка изменённый восьмиугольник скопируйте и вставьте спереди, масштабируйте, чтобы сформировать детали. Затем примените Minus Front с помощью Pathfinder.
В конце дублируйте и добавьте детали, чтобы закончить очки.

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

Шаг 16

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

Шаг 17

Инструментом Blend Tool (W) сначала макните в светлый, затем в тёмный цвет. Результатом будет их мягкое сочетание.

Перейдите по Object > Blend > Blend Options и поменяйте опцию на Specified Steps. Введите значение «5» и нажмите «OK».

Шаг 18

Сейчас выберите смесь и перейдите в Object> Expand. Теперь вы можете использовать цвета и добавлять их на панель Swatch, выбирая и нажимая кнопку New Color Group.

Вы можете добавить имя и сохранить палитру для будущих иллюстраций.

Это наша цветовая палитра, для глаз и деталей мы просто меняем опцию Blend на Specific Steps на 2 вместо 5.

Шаг 19

Теперь мы проведём линию вниз по центру нашей иллюстрации. Выделим волосы и заблокируем их с помощью Cmd + 2. Затем выделите линию и перейдите к Object> Path> Divide Objects Below. Обрезаем пути, которые находятся за этой линией.

Разделив все объекты, мы можем разблокировать волосы, нажав Cmd + Alt + 2 и начать раскрашивать!

Шаг 20

Я предлагаю разместить краски на холсте, рядом с вашим художеством, чтобы можно было их брать с помощью инструмента Eyedropper Tool (I). Нажмите, чтобы набрать краски и, удерживая клавишу Alt, щелкните объект, которому назначаете этот цвет.

Есть сторона светов и сторона теней. Поиграйте с красками, чтобы оживить иллюстрацию. Например, в области кожи, со стороны светов можно использовать первые 3 цвета для основной кожи, но в носу, губах и глазах от 3 до 6 цвета.
В тенях со 2 и 4 до базового цвета и от 4 до 7 для носа (то же самое касается одежды и волос).

Шаг 21

Для бороды и усов сделайте маленький прямоугольник с Rectangle Tool (M). Alt+Drag чтобы их скопировать и нажмите клавиши Cmd + D для повтора последнего действия. Сгруппируйте всё и выровняйте по центру контура лица.
Наш автопортрет почти готов.

Шаг 22

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

Заключение

Наша последняя иллюстрация! Надеюсь, урок вам понравился. Если по этому уроку вы сделаете собственный портрет, отправьте его в комментарии, чтобы мы могли увидеть результат. Saludos amigos!

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.