Cyber Monday Sale Save up to 40% off unlimited courses, tutorials and creative assets. Cyber Monday Sale! Save Now
Advertisement
  1. Design & Illustration
  2. Illustration

Как создать Геометрический, Векторный WPAP Портрет в Adobe Illustrator

by
Difficulty:IntermediateLength:MediumLanguages:

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

Tuts+ имеет честь представить вам векторный урок от настоящей легенды, Wedha Abdul Rasyid.

Wedha, родом из Индонезии, в начале 1990-ых создавал свои работы традиционными методами, а затем, в начале 2000-х, перешел на компьютерную графику. Вектор был очевидным выбором для такого яркого геометрического стиля.

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

Ниже представлен урок по созданию WPAP (Wedha's Pop Art Portrait) портрета в Adobe Illustrator самим мастером WPAP!

1. Введение в Процесс WPAP

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

Имея это в виду, творческий процесс WPAP основан из двух частей; разбиение изображения на грани и процесс окрашивания. Я делаю эти два процесса одновременно при создании нового портрета.

Разбиение на Грани

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

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

Процесс Окрашивания

В окрашивании для выразительности я использую только однотонные цвета вместо градиентов. Хотя цвета выглядят так, как будто сливаются друг с другом, нужно постараться сделать изображение объемным.

Специалисты классифицируют цвета в группы. Есть группы горячих, теплых и холодных цветов. Думайте о цвете с точки зрения темных и светлых тонов, игнорируя их фактический оттенок. Думайте о цветах света, средних тонов и теней. Контраст этих групп помогает нам получить объемную композицию. Если вы выбрали цвет из правильной группы, то вы получите ожидаемый результат. Очень важно поэкспереминтировать с цветом.

2. Подготовка Вашего Документа

Шаг 1

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

Выберите фото с равномерным освещением, без избытка теней и света. Также убедитесь, чтобы фотография была в фокусе. Для этого урока я буду создавать портрет моей любимой внучки, Ola.

Шаг 2

Откройте Adobe Illustrator и создайте Новый документ (File > New). Установите размер и другие настройки так, как показано на рисунке внизу.

Шаг 3

Перейдите в меню File > Place и поместите ваше исходное фото в рабочее поле программы. Закрепите слой с фото и затем Создайте Новый Слой над ним. Здесь мы и будем делать наши грани.

3. Создание Первых Форм

Шаг 1

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

С помощью Rectangle Tool (M) я обвожу размытый на фото блик в радужной зоне глаза. Эта форма будет только залита цветом, без обводки. Все грани будут в этом стиле.

Шаг 2

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

Шаг 3

Конечно, блик, нарисованный вами ранее, теперь будет скрыт под новым слоем. Чтобы сделать его видимым пока радужная оболочка и веко будут выделены, вам надо будет перейти в Object > Arrange > Send to Back. На этом этапе белок глаза имеет четкие грани, так что вы с легкостью создадите грань нужной формы. Дальше будет сложней.

4. Создание Более Сложных Форм

Шаг 1

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

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

Создайте свою форму с прямыми границами по углу века, перекрывающую грань глаза так, чтобы между ними не оставалось никаких зазоров. Так же, как и ранее, распределите формы по местам, воспользовавшись Object > Arrange > Send to Back.

Шаг 2

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

Шаг 3

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

Шаг 4

Мы по-прежнему будем находить нечеткие и невидимые границы для каждой формы. Лучший способ преодоления этой проблемы - это многочисленный опыт создания портретов в этом стиле.

Процесс один и тот же:

  • Нарисовать плоскость с помощью Pen Tool (P), используя только прямые линии.
  • Залить ее подходящим цветом, учитывая при этом воздействие света.
  • Выделение плоскости и ее реорганизация Object > Arrange > Send to Back.

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

Шаг 5

Затем я работаю над формами для второго глаза и носа. Затем я соединяю эти части гранями и добавляю белые грани для особо освещенных мест.

Шаг 6

Я использую более крупные формы для менее детальных областей, таких как щеки и шея.

Шаг 7

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

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

5. Игра С Цветом

Так выглядит моя окончательная работа после нескольких исправлений. Самой сложной частью процесса WPAP является правильный выбор цвета. Если вы впервые работаете с таким стилем, то это может быть большой проблемой для вас.

Шаг 1

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

Шаг 2

Мы можем попробовать поиграть с цветом для создания контраста. Используйте Illustrator's Recolor Artwork для эксперимента с разными цветовыми комбинациями.

Отличная Работа, Wedha!

Мы бы хотели поблагодарить Wedha за его замечательный урок и рассказ о его уникальном стиле создания портретов. Он является отличным примером того, как традиционное направление в искусстве переносится в векторный формат и имеет большое влияние на наши векторные сообщества. Мы в крайней степени вдохновлены!

Вы создавали портрет в таком стиле? Если да, то поделитесь с нами вашим созданием!

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.