Урок Adobe Illustrator & Photoshop: создание Low-Poly портрета треугольниками

В этом уроке бразильский дизайнер Брено Битенкур показывает вам шаг за шагом, как создать стильный Low-Poly портрет треугольниками в Illustrator и Photoshop.

Секрет создания работ в этом стиле в выборе хорошего референсного фото - и сначала Бренло показывает как их сделать (используя себя в качестве модели). Затем он показывает, как работать в Photoshop, а затем создавать векторную версию в Illustrator.

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

Время выполнения: 4 часа

Необходимое программное обеспечение: Любая из последних версий Adobe Illustrator и Photoshop

Шаг 1

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

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

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

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

Шаг 2

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

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

Я также изменил некоторые части моих волос, которые были не очень интересными.

Шаг 3

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

Я не должен это говорить, но я часто использую Auto Contrast в Photoshop, Auto Color и Auto Levels (в меню Image), если не хочется корректировать вручную.

Шаг 4

Я хочу, чтобы цвет моего конечного арта был теплее, чем референсное фото, поэтому я добавил слой фиолетового оттенка с режимом Screen Blending.

Шаг 5

Теперь мы подошли к длительной части процесса: треугольной сетке. Там нет секретного трюка - вам нужно сделать это вручную. Почему? Потому что ваш мозг сработает лучше любого скрипта и автоматизированного процесса при определении контуров лица.

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

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

Шаг 6

Если вы сделали это, похлопайте себя по спине - вы сделали большую часть тяжелой работы (но не всю).

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

Как только вы усовершенствовали сетку, измените ее цвет на белый, чтобы она контрастировал с черным фоном и сохраните ее как jpg.

Теперь запустите Illustrator.

Шаг 7

Поместите сетку в свою монтажную панель и закрепите ее. Пришло время провести векторную сетку треугольников над текущей в контрастном цвете (я использовал ярко-фиолетовый) с помощью инструмента «Перо».

Снова это займет некоторое время, поэтому включите хороший плейлист, налейте кофе и продолжите эту работу.

Вот несколько советов, чтобы ускорить процесс.

Вам не нужно закрывать треугольники, просто используйте инструмент «Перо», чтобы выделить три точки. Это может показаться глупым, но это сэкономит вам кучу времени при сотнях треугольников, которые вы собираетесь создать.

Шаг 8

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

Шаг 9

Это была большая часть работы, но вы справились. Передохните и не забудьте сохраниться.

Шаг 10

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

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

Шаг 11

Откройте панель "Выровнять" и нажмите "Горизонтальное выравнивание по центру" в разделе "Выровнять опорные точки".

Шаг 12

Затем нажмите "Вертикальное выравнивание по центру" и все ваши точки точно в одном месте. О да!.

Шаг 13

Теперь переместите точки, чтобы исправить их положение, если это необходимо.

Затем повторите шаги 10-12 для всех ваших вершин.

Шаг 14

Скройте сетку, созданную вами в Photoshop. Снова проверьте вашу сетку на пропущенные треугольники (я всегда забывал по крайней мере по десять треугольников на портрет). Лучший способ сделать это - выбрать все ваши векторы (Cmd / Ctrl + A), и инвертировать их Fill и Stroke (Shift + X).

Если вы заметите, что один отсутствует, верните Fill и Stroke назад, как было раньше (Shift + X снова), добавьте свой треугольник и снова проверьте. Когда у вас будет полная сетка, переходите к следующему шагу.

Шаг 15

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

Шаг 16

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