Low Poly иллюстрирование. Уроки по созданию Low Poly портрета
Совсем недавно в рунет пришла мода на Low Poly стилизацию портретов, фото животных и других изображений. На этой почве в сети появилось и появляется до сих пор множество уроков по созданию таких изображений. Арт в стиле Low Poly (полигональный портрет) помогает сгладить неприятные мелочи на фото и акцентировать внимание на цветовой гамме, а также профиле лица.
Что такое Low Poly?
Данный термин впервые появился в английском языке в мире 3D моделирования. Low – низкий, Poly (Polygon)- полигон: то есть низкий полигон, а в программах по работе с 3D под этим термином подразумеваются низкополигональные модели, используемые в целях экономии ресурсов комьютера. Чуть позже кто-то адаптировал данную идею для 2D изображений, получилось довольно не дурно, и идея начала распространяться…
Как сделать Low Poly портрет. Способы создания полигонального портрета
- В растровом режиме (через Adobe Photoshop)
- В векторном режиме (через Adobe Illustrator)
- В векторном режиме онлайн
- В векторном и растровом режиме через приложение DMesh
Основное отличие растровых изображений от векторных заключается в том, что векторные изображения не изменяются в качестве при изменении их размера, а растровые наоборот сильно теряют в качестве. При создании векторного портрета или другого изображения в Low Poly стиле вы сможете его напечатать даже на огромном рекламном баннере.
Создание Low Poly портрета в Adobe Photoshop (видеоурок на русском)
Вот такие результаты получились у нас:
Создание Low Poly изображения в Adobe Illustrator (видеоурок на русском)
Создание Low Poly портрета онлайн
[reklama]Сразу хочу предупредить, что таким способом получится создать лишь подобие полигонального портрета, так как все делается в полуавтоматическом режиме. Дело в том, что компьютер в отличие от человеческого глаза не может точно распознавать черты человеческого лица, тени, свет и прочее, в связи с чем расставляет полигоны (части Low Poly портрета) в хаотическом порядке.
Делается все это через сайт следующий сайт breatharian.eu/triangulator
Заходим на него и перетаскиваем мышкой изображение, которое хотим сделать в Low Poly стиле
Выполняем действия изображенные ниже. Можно расставить точки самому или рандомно. Рекомендуем первый вариант. Также можно сбросить результат, если получилось не очень красиво. Сохраняется картинка в формате SVG, который потом можно перекодировать в другие форматы.
В итоге при работе онлайн получаются такие примерно такие изображения:
Программа для создания Low Poly портрета
Есть еще и четвертый вариант создания полигонального портрета – с помощью приложения Dmesh. Данный способ похож на предыдущий (создание Low Poly портрета онлайн). Он немного сложнее, так как придется скачать специальную программу, но зато результат получится намного лучше! Скачать это приложение можно здесь. На сайте есть как бесплатная версия, так и платная с расширенным функционалом. Причем присутствуют версии для Windows, для iMac и для iOS. Ниже представлен видеоролик по работе с программой.
Вот такой результат получается при работе в приложении:
Какой способ для создания Low Poly портрета использовать, решать только вам.
17 уроков по созданию Low Poly иллюстраций
Собрали почти 2 десятка уроков по созданию иллюстраций в небезызвестном стиле Low Poly.
Этот стиль характерен высокой трудоемкостью, т.к. каждый элемент иллюстрации уникален и создается индивидуально.
В уроках представлены как пошаговые объяснения процесса создания иллюстраций в этом стиле, так и технические особенности триангуляции исходных изображений.
Low Poly Portrait in Photoshop
Low Poly Eagle
Low Poly. Портрет / Джоффри Баратеон
Adobe Illustrator. Техника Low Poly
Урок по низкополигональной графике
Anwalker’s art hall PS lessons
ID Low Poly Illustrator: 1 of 3 – Wolf Paint
ID Low Poly Illustrator: 2 of 3 – Wolf Paint Animation
ID Low Poly Illustrator: 3 of 3 – The Fox
Geometry and Low Poly Art Photoshop Action Tutorial
Adobe Illustrator LowPoly Tutorial
Как делать триангуляцию объекта
Polygon Portre Tasarımı – Mr.Robot
Low Poly Bristle Back Dota 2 #1
Low Poly Bristle Back Dota 2 #2
Tutorial Low Poly Triangulation – Photoshop Tutorial
Vector Polygonal Portrait Tutorial
Что такое Low Poly? Уроки по Low Poly иллюстрированию
Термин Low Poly (от английского low — низко и polygon — полигон) подразумевает использование трехмерной модели с небольшим числом полигонов. Само понятие low-poly давным давно зародилось в 3D-моделировании, где низкополигональные модели использовались для экономии ресурсов. Относительно недавно пришла мода на лоу-поли стилизацию портретов, фотографий животных и других изображений. Как говорится, все новое — хорошо забытое старое. С каждым днем в сети появляется все больше уроков по стилизации портретов low-poly и созданию креативных «логотипов-оригами» (кстати, любые векторные изображения или фото можно скачать с Shutterstock почти бесплатно, я уже писал об этом статью).
Урок по созданию портрета Low Poly (на англ.)
На самом деле найти уроки по low poly в сети было очень просто. Однако большая часть из них, конечно же, для программ 3D-моделирования. Меня, конечно же, интересовали уроки по созданию портретов лоу-поли, поэтому я остановился на уроке, описывающем создания портрета с помощью программ Adobe Photoshop и Adobe Illustrator. Не вижу смысла переводить урок и снимать свою версию, поэтому выложу тот, на примере которого учился я сам. В уроке будет все понятно даже тем, кто использует русскоязычные версии редакторов.
Урок по созданию портрета Low Poly (на русском)
Для тех, кому урок на английском языке не покорился, у меня припасен подарок. Понятный урок по созданию low poly портрета с приятной озвучкой на русском языке. У автора этого видео (MrGRAFERON) мною было найдено еще много интересных уроков. Этот урок отличает от предыдущего не только то, что он сделан на русском языке, но и то, что все работы ведутся только в программе Adobe Photoshop, без использования иллюстратора.
Урок по созданию логотипа-оригами
Как я уже говорил, в тренд вошли логотипы в стиле «оригами», использующие семантику low-poly моделей. Как и в прошлом видео, все графические работы ведутся только в Фотошопе. Не забудьте почитать о том, какие бывают виды логотипов.
Примеры изображений
Работы по тегам #lowpoly в инстаграмме:
А вот такие работы получились у меня:
С использованием Adobe Photoshop и Adobe Illustrator (лоуполил животных по первому уроку)
Работы, выполненные с помощью программы Dmesh (хорошая программа, экономит десятки часов, есть возможность сохранить работу в векторном формате, однако работать в ней нужно строго в ручном режиме, автоматическая расстановка вершин работает крайне невалидно)
Сравнение портретов Low Poly. Художник или программа?
Портрет Low Poly – 100% ручная работа, выполненная на графическом планшете нашими художниками, не верите? Тогда это статья для Вас.
Это первое на что мы обращаем внимание, приложение просто, без разбору разбивает фотографию на мелкие и не понятные треугольники. Очень трудно разглядеть, где и что находится, и получить такое в подарок, вряд ли кто-то бы хотел. В работе художника, напротив, детализация только там, где она действительно нужна, все четко, понятно и в меру.
При работе художник, ведет линию и создает полигон ориентируясь на свои знания анатомии, и смотря на фотографию. Мы видим тут и четкие по форме брови, скулы, нос и другие части лица. В приложении форма абсолютна нарушена, за счет чего даже теряется не только эстетическая составляющая портрета, но и логическая.
3. Объём и глубина
Очень важно, при создании такого портрета учесть объем малых и больших масс. Разбивать на мелкие и более крупные детали. Приложение просто дробит на кусочки и лишь там, где очень светлое место, делает что-то покрупнее. Наш же художник понимает, где нужно дать большой объём, потому что даже после окончания всей работы, когда все разбито на полигоны, он смотрит, где можно объединить близкие по цвету участки в крупные полигоны. Так создается глубина изображения и интерес к портрету.
Приложение тут совершенно не работает. Оно просто пропускает через фильтр Вашу фотографию. А художник, творит. Он видит, в каком цвете лучше подать портрет, оставить, или поменять фон, как сочетаются цвета, а также подбирает формы, оставляя некоторые полигоны не только треугольными. Ведет линии так, чтобы портрет смотрелся как можно выигрышнее.
Урок Adobe Illustrator & Photoshop: создание Low-Poly портрета треугольниками
В этом уроке бразильский дизайнер Брено Битенкур показывает вам шаг за шагом, как создать стильный Low-Poly портрет треугольниками в Illustrator и Photoshop.Вам не нужно быть экспертом в Illustrator или Photoshop, чтобы следовать этому руководству, если у вас хороший взгляд и много терпения.
Время выполнения: 4 часа
Необходимое программное обеспечение: Любая из последних версий Adobe Illustrator и Photoshop
Шаг 1
Сначала вам понадобится хорошая референсная фотографий. Для этого урока я решил создать автопортрет, поэтому я попросил небольшую помощь у своего друга, который сделал снимок.Важные советы: здесь нужно использовать перспективу, чтобы показать глубину, иметь хорошую дисперсию света и тени и попытаться обеспечить, чтобы ваша модель имела некоторые аксессуары, которые будут контрастировать с мягкостью кожи и одежды (такие как очки, украшения или накрахмаленный воротник).
На этих фотографиях вам нужно выбрать лучшие фрагменты, которые будут объединены в одно изображение, которое станет основным референсом. Как вы можете видеть на этом скриншоте, я выбрал лицо из одного фото, очков из другого и других деталей из других снимков. Будьте придирчивы на этом этапе, это того стоит.
Шаг 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) и снимите цвет с середины каждого треугольника, затем заполните его.Крутой низкополигональный портрет (Low Poly Portait) | Уроки Фотошопа (Photoshop)
Урок по созданию портрета в модном Low Poly стиле. Урок очень подробный: сначала я рассказываю про суть стиля Low Poly (низкополигональный), затем показываю весь путь по созданию портрета.
[info_box]Скажу сразу — урок не простой, требует внимания и терпения, но результат на мой взгляд того стоит. План действия такой — смотрите урок, пробуете сами. Если не получается с первого раза — пробуете ещё. После этого вы наверняка сможете делать подобные портреты)[/info_box]0:00 — Вступление
3:30 — Сайты и сервисы для создания Low Poly
10:09 — Объяснение принципа создания Low Poly
15:38 — Приступаем к созданию портрета
46:42 — Постобработка
Ссылки из видео:
http://dmesh.thedofl.com/ — программа для создания Low Poly изображений
http://snorpey.github.io/triangulation/ — плохой сервис генерации Low Poly
http://labs.vieron.net/delaunay-triangulations/ — хороший сервис 🙂
Я обещал показать несколько вариантов пост обработки и шаги создания каждого из трех портретов. Собственно вот они.
1 портрет:
Вот оригинал:
Далее начинаем постепенно «наращивать полигоны» поверх фото.
Теперь немного свето- и цвето- коррекции:
А теперь более модный вариант, на любителя 🙂
2 портрет:
Берем фотку:
Меняем фон:
Обмазываем полигонами))
С помощью маски вставляем в волосы несколько изображений с космосом и меняем им режим наложения:
Проводим пост обработку:
Ещё вариант:
Портрет, который мы делали в уроке. Собственно, вы всё видели сами. Покажу только 3 разных варианта пост обработки:
На этом всё. Надеюсь, вам понравилось)
Создание изображения в стиле Low Poly
Техника Low Poly используется для создания 3D моделей и сцен для видеоигр. Для создания таких изображений можно использовать практически любой 3D софт: Maya, Cinema 4D, Blender, 3ds Max и прочие. Но также можно использовать 2D редакторы графики, например: Adobe Photoshop или Adobe Illustrator. Последний предназначен для создания таких изображений, так как является редактором векторной графики.
Триангуляция изображения — трудоемкий процесс, требующий огромного количества времени. Триангуляция — это то же, что и пикселизация, но вместо квадратов здесь используются треугольники. В этом уроке мы поэтапно создадим Хидео Кодзима (Hideo Kojima) в стиле Low Poly.
Этап 1: Выбор инструмента
Как говорилось выше, инструментом может послужить как Photoshop, так и Illustrator. Фотошоп в основном работает с растровой графикой. Поэтому на стыках треугольников будет виден переход, что не есть хорошо. Единственный способ сделать триангуляция без потерь качества — использовать инструмент «Прямолинейное Лассо» (L). Необходимо выделить произвольные треугольники, как показано на фото ниже, после чего использовать фильтр «Размытие по Гауссу«. Горячая клавиша Ctrl + F сильно упростит процесс. Данный метод является самым быстрым, но не самым удобным. Поэтому мы будем использовать Illustrator, после чего отредактируем фото в Фотошопе.
Если ни один из этих редакторов не установлен на компьютере, то скачайте простую программу триангуляции фото по ссылке. Откройте Index.html и кликайте по изображению.
Этап 2: Настройка изображения
Загрузите изображение Кодзимы выше, откройте Illustrator и создайте проект. Перетащите фото в проект, после чего выберите инструмент «Монтажная область» (Shift+O). В стилях нажмите на «Подогнать по границам иллюстрации«.
Этап 3: Создание треугольников
Для создания эффекта Low Poly нам нужно будет использовать следующие инструменты: «Отрезок Линии» (), «Прямое выделение» (A), «Пипетка» (I) и комбинацию клавиш Ctrl + Y.
Создайте три новых слоя: первый для очков, второй для волос, а третий для лица и одежды. Поставьте ширину линии равной 1 pt. Обведите линиями очки. Как только вы создали треугольники и убедились, что все точки соединены, перейдите в Окна > Операции. В открывшемся окне создайте новую операцию и запишите следующие действия: Горизонтальное и Вертикальное выравнивание по центру (Находится в «Выравнивание» или Shift +F7) Нажмите дважды на созданную операцию, в «Функциональной клавише» выберите F2.
Теперь, выделив точки в одном месте (Инструмент Прямое Выделение (A)), нажмите F2. Пройдитесь по всем линиям. То же самое сделайте с лицом и волосами.
Теперь выделите все линии, нажав Ctrl A, и в обработке контуров нажмите «Разделение«.
Этап 4: Заливка треугольников
На данный момент в проекте находятся разделенные треугольники, которые нужно будет закрасить. Выделив треугольник, нажмите на «Пипетку» и кликните на тот цвет, которым вы хотите закрасить треугольник. Для ускорения работы используйте горячие клавиши: A и I. Если возникают проблемы с выделением, нажмите Ctrl + Y.
Этап 5: Сохранение иллюстрации
Для сохранения изображения и дальнейшей обработки в Photoshop нужно перейти в Файл > Экспорт > Экспортировать как… Тип файла выберите PNG, разрешение Высокое (300 ppi), цвет фона: прозрачный. Обработайте получившееся фото в Photoshop: настройте цвета, создайте задний фон и сохраните в нужном формате.
Посмотрите также видеоурок по созданию Low Poly волка.
Low Poly иллюстрирование. Уроки по созданию Low Poly портрета
Совсем недавно в рунет пришла мода на Low Poly стилизация портретов, фото животных и других изображений. На этой почве в сети появилось и появляется до сих пор множество уроков по созданию таких изображений. Арт в стиле Low Poly (полигональный портрет) помогает сгладить неприятные мелочи на фото и акцентировать внимание на цветовой гамме, а также профиле лица.
Что такое Low Poly?
Данный впервые впервые появился на английском языке в мире 3D моделирования.Низкий — низкий, Poly (Polygon) — полигон: то есть низкий полигон, а в программах по работе с 3D под этим термином подразумеваются низкополигональные модели, используемые в целях экономии ресурсов комьютера. Чуть позже кто-то адаптировал идею для 2D-изображений, получилось довольно не дурно, и идея начала распространяться…
Как сделать низкополигональный портрет. Способы создания полигонального портрета
- В растровом режиме (через Adobe Photoshop )
- В векторном режиме (через Adobe Illustrator )
- В векторном режиме онлайн
- В векторном и растровом режиме через приложение DMesh
Основное отличие растровых изображений от векторных заключается в том, что изображения не изменяются в качестве при изменении их размера, а растровые наоборот сильно теряют в качестве.При создании портрета или другого изображения в Low Poly в стиле вы сможете его напечатать даже на огромном рекламном баннере.
Создание низкополигонального портрета в Adobe Photoshop (видеоурок на русском)
Вот такие результаты получены у нас:
Создание низкополигонального изображения в Adobe Illustrator (видеоурок на русском)
Создание низкополигонального изображения портрета онлайн
[reklama]Сразу хочу предупредить, таким способом получится только подобие полигонального портрета, так как все делается в полуавтоматическом режиме.Дело в том, что компьютер в отличие от человеческих глаз не может точно распознавать черты человеческого лица, тени, свет и прочее, в связи с чем расставляет полигоны (части низкополигонального портрета) в хаотическом порядке.
Делается все это через сайт следующий сайт Breatharian.eu/triangulator
Заходим на него и перетаскиваем мышкой изображение, которое хотим сделать в стиле Low Poly
Выполняем действия, изображенные ниже.Можно расставить точки самому или рандомно. Рекомендуем первый вариант. Также можно сбросить результат, если получилось не очень красиво. Сохраняется изображение в формате SVG, который потом можно перекодировать в другие форматы.
В итоге при работе онлайн получаются такие изображения:
Программа для создания Low Poly портрета
Есть еще и четвертый вариант создания полигонального портрета — с помощью приложения Dmesh .Данный способ похож на предыдущий (создание Low Poly портрета онлайн). Он немного сложнее, так как придется скачать специальную программу, но зато результат будет намного лучше! Скачать это приложение можно здесь. На сайте есть как бесплатная версия, так и платная с расширенным функционалом. Причем присутствуют версии для Windows , для iMac и для iOS . Ниже представлен видеоролик по работе с программой.
Вот такой результат получается при работе в приложении:
Какой способ для создания Low Poly портрета использовать, решать только вам.
.17 уроков по созданию Low Poly иллюстраций
Собрали почти 2 десятка уроков по созданию иллюстраций в небезызвестном стиле Low Poly.
Этот стиль характерен высокой трудоемкости, т.к. каждая иллюстрация уникален и создается индивидуально.
В уроках как пошаговые объяснения процесса создания иллюстраций в этом стиле, так и технические особенности триангуляции исходных изображений.
