Урок - Создание изображения в стиле Low Poly

Техника Low Poly используется для создания 3D моделей и сцен для видеоигр. Для создания таких изображений можно использовать практически любой 3D софт: Maya, Cinema 4D, Blender, 3ds Max и прочие. Но также можно использовать 2D редакторы графики, например: Adobe Photoshop или Adobe Illustrator. Последний предназначен для создания таких изображений, так как является редактором векторной графики.

Триангуляция изображения, Low Poly стиль

Триангуляция изображения - трудоемкий процесс, требующий огромного количества времени. Триангуляция - это то же, что и пикселизация, но вместо квадратов здесь используются треугольники. В этом уроке мы поэтапно создадим Хидео Кодзима (Hideo Kojima) в стиле Low Poly.

Создание изображения в стиле Low Poly - Уроки Illustrator

Этап 1: Выбор инструмента

Как говорилось выше, инструментом может послужить как Photoshop, так и Illustrator. Фотошоп в основном работает с растровой графикой. Поэтому на стыках треугольников будет виден переход, что не есть хорошо. Единственный способ сделать триангуляция без потерь качества - использовать инструмент "Прямолинейное Лассо" (L). Необходимо выделить произвольные треугольники, как показано на фото ниже, после чего использовать фильтр "Размытие по Гауссу". Горячая клавиша Ctrl + F сильно упростит процесс. Данный метод является самым быстрым, но не самым удобным. Поэтому мы будем использовать Illustrator, после чего отредактируем фото в Фотошопе.

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

Создание изображения в стиле Low Poly - Уроки Illustrator 2

Этап 2: Настройка изображения

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

Создание изображения в стиле Low Poly - Уроки Illustrator 3

Этап 3: Создание треугольников

Для создания эффекта Low Poly нам нужно будет использовать следующие инструменты: "Отрезок Линии" (), "Прямое выделение" (A), "Пипетка" (I) и комбинацию клавиш Ctrl + Y.
Создайте три новых слоя: первый для очков, второй для волос, а третий для лица и одежды. Поставьте ширину линии равной 1 pt. Обведите линиями очки. Как только вы создали треугольники и убедились, что все точки соединены, перейдите в Окна > Операции. В открывшемся окне создайте новую операцию и запишите следующие действия: Горизонтальное и Вертикальное выравнивание по центру (Находится в "Выравнивание" или Shift +F7) Нажмите дважды на созданную операцию, в "Функциональной клавише" выберите F2.

Создание изображения в стиле Low Poly - Уроки Illustrator 4

Создание изображения в стиле Low Poly - Уроки Illustrator 5

Теперь, выделив точки в одном месте (Инструмент Прямое Выделение (A)), нажмите F2. Пройдитесь по всем линиям. То же самое сделайте с лицом и волосами.

Создание изображения в стиле Low Poly - Уроки Illustrator 6

Создание изображения в стиле Low Poly - Уроки Illustrator 7

Теперь выделите все линии, нажав Ctrl A, и в обработке контуров нажмите "Разделение".

Создание изображения в стиле Low Poly - Уроки Illustrator 8

Этап 4: Заливка треугольников

На данный момент в проекте находятся разделенные треугольники, которые нужно будет закрасить. Выделив треугольник, нажмите на "Пипетку" и кликните на тот цвет, которым вы хотите закрасить треугольник. Для ускорения работы используйте горячие клавиши: A и I. Если возникают проблемы с выделением, нажмите Ctrl + Y.

Low Poly Hideo Kojima - Лоу Поли Хидео Кодзима

Этап 5: Сохранение иллюстрации

Для сохранения изображения и дальнейшей обработки в Photoshop нужно перейти  в Файл > Экспорт > Экспортировать как... Тип файла выберите PNG, разрешение Высокое (300 ppi), цвет фона: прозрачный. Обработайте получившееся фото в Photoshop: настройте цвета, создайте задний фон и сохраните в нужном формате.

Посмотрите также видеоурок по созданию Low Poly волка.

Предыдущий пост
Следующий пост