Многоугольный полигональный фон. Полигональная графика

. Andrew Price - владелец blenderguru.com , моделлер и создатель огромного количества видеоуроков. Andrew Price как-то создавал большую сцену и понял, что на создание текстур одного только деревянного пола ушло больше 1 часа.
В эти 60 минут вошли:
1. Поиск текстуры онлайн.
2. Проверка текстуры в сцене, если она выглядит не очень, то поиск другой текстуры.
3. Открытие текстуры в CrazyBump или Knald .
4. Настройка текстуры в течение 20 минут в одной из программ, пока она не будет выглядеть хорошо.
5. Генерирование и экспорт карт.
6. Импорт данных карт в блендер.
7. Повтор действий 4-6 раз, пока результат не будет превосходным.
Сцена Andrew содержала более 20 материалов, а это значит, что он потратил бы более 10 часов генерирования текстурных карт. Поэтому Andrew решил создать сервис Poliigon .

Что такое Poliigon?

Poliigon - библиотека более 1000 PBR текстур, сделанная CG художниками, для CG художников. Poliigon содержит уникальные текстуры, которые будет очень трудно найти на сторонних ресурсах, такие как узоры, знаки, PBR материалы и прочие.

Более 1000+ PBR материалов.

PBR - это Physically Based Rendering , который позволяет максимально точно передать текстуру реального объекта.Программы, генерирующие карты, такие как CrazyBump , использовались на протяжении годов. Но генерирование таких карт занимает вечность! Обычно 3D художники используют найденную в интернете текстуру, генерируя ее карты в других программах. На это уходит от 20 до 70 минут, что не очень хорошо. Но с сайтом Poliigon вы можете сказать до свидания CrazyBump , Knald и прочему ПО, так как сайт содержит все необходимые карты вместе с текстурами. Скачав текстуру и ее карты, вы с легкостью можете настроить их в Blender , посмотрев видеоурок в конце статьи.

Качественные текстуры

Это может прозвучать странно, но большинство текстур онлайн сильно размыты. Размытые текстуры бесполезны, так как конечный результат будет выглядеть нереалистично. Поэтому Anrew Price приложил огромные усилия, чтобы сделать текстуры невероятно точными, с самым высоким разрешением. Все текстуры, предоставленные на ресурсе, обработаны, поэтому у пользователей нет необходимости дорабатывать текстуру в Photoshop или в другом ПО, просто импортировать в Blender . Andrew Price и его команда использовала несколько методов, чтобы добиться такого результата:
Съемка с штативом
Настройка фокуса вручную
Использование ручного триггера и блокирующего стекла.
Это заняло огромное количество времени, но, как вы сами видите, текстуры получились идеально четкими.

Ultra-High разршение.

Команда сильно потрудилась, создавая текстуры с разрешением 24K ! Многие сайты до сих пор считают, что 1K и 2K текстуры - это отличное разрешение, но время летит очень быстро, поэтому текстуры Poliigon имеют High разрешение, но если оно вам не нужно, например, нужна простая текстура для игры под мобильные OS , то можно скачать нужное разрешение.

Бесшовные Blender текстуры

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

Next-Gen реализм: Оверлеи.

Andrew Price считает, что Next-Gen - это не только высококачественные текстуры, но и специальные оверлеи, позволяющие изображению выглядеть реалистично. Оверлей - специальная текстура, накладывающаяся на объект, которая содержит элементы потертости, грязи, пыли. Все объекты в реальном мире имеют потертости, поэтому каждый профессиональный 3D artist должен использовать Overlays на своих моделях. Большинство Overlays , которые можно найти онлайн, либо низкого разрешения, либо они не того формата, который используется в CG Art . Andrew и его команда создала библиотеку из 100+ таких текстур.

Повторяющиеся узоры

Если вы когда-нибудь рендерили комнату, вы, скорее всего, сталкивались с такой проблемой, как узоры. Например, нужно создать текстуру узора для подушки, дивана, скатерти и прочего. На Poliigon.com есть куча таких узоров, причем бесшовных.

Дизайн

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

Как начать пользоваться Poliigon?

Для того, чтобы опробовать Poliigon.com , вы можете начать 30-дневную триал версию, привязка карты не нужна! Триал версия не ограничивает функционал сайта! Все, что нужно для регистрации - почта и пароль. Вы можете скачивать в день 10 паков текстур, в которые входят Diffuse, Gloss, Normal map и прочие. Если вам не хватает 10 текстур, можно приобрести подписку за $17/месяц или за $170/год.

Ежемесячный конкурс - Выиграйте подписку на год

Для того, чтобы выиграть подписку на год, воспользуйтесь текстурами сайта Poliigon.com , поставьте их в свои рендеры и покажите результат на ArtStation . Постить изображение нужно в последние дни месяца, пометив в описании к своему посту: "Textures from Poliigon.com ".

Как использовать PBR текстуры?

Если вас интересует "Как использовать текстуры с сайта Poliigon.com ", то посмотрите видеоурок от Andrew Price .

Наряду с стилем Metro начал будоражить умы дизайнеров в прошлом году. В то время как стиль Windows 8 сразу же оказался в веб-дизайне, Poly тщательно поселился в полиграфической отрасли, представляющих как различные иллюстрации, которые были использованы для плакатов, обои, дизайн для футболок, так и скины для мобильных телефонов и т.д. И только через некоторое время дизайнеры стали использовать его в дизайне сайтов.

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

Разумно будет предположить, что «полигональный» стиль, пришел к нам из кубизма

Что касается дизайна сайтов, Poly прекрасно работает на основе различных текстур, особенно те, которые включают бумагу, картон и зашумленный фон. В этих случаях он обычно дополняет дизайн, добавляя в результате небольшое чувство размерности.
В коллекции ниже вы найдете более 20 потрясающих примеров использования Polygonal Арта в дизайне сайтов.

Примеры Полигонного Арта:

Dare with us 2013 ─ большая работа по реконструкции карты мира, за счет использования кучи остроугольных геометрических форм и различных оттенков из 3 основных цветов: синим для океана, зеленым и коричневым для земли.

Sanissimo ─ встречает своих пользователей удивительно реалистичной 3-ёх мерной иллюстрацией, полной бумажных элементов и полигонального арта.

Made by Vadim ─ был одним из первых веб-сайтов, в котором было реализована эта техника. Если вы внимательно посмотрите, вы заметите, что не только изображение художника, созданные при помощи светлых и темных плавных формы, но и фон, сделан так же в этом стиле.

Mokhtar SAGHAFI ─ нарушает формы традиционного фона, создавая резкие выпуклые иллюстрации, которые занимают весь левый угол

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

Send me to SouthPole ─ Передаёт ощущения Южного полюса через объемную иллюстрацию с резкими и грубыми элементами, которые сделаны в холодных тонах.

Добро пожаловать на Junkyard ! Кричит вам, яркая иллюстрация, которая имеет массивный полигональные футер.

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

Filidor Weise ─ Дизайн выполнен в космическом стиле, ─ полупрозрачное темное месиво из полигонов, которые могут быть интерпретированы как взрыв.

Android Analyze ─ завораживает своим исключительным слайд фоном, который включает в себя оригинальный зеленый градиент, который передаёт последовательный переход цвета, с помощью плавных форм.

Skyboat ─ замечательное портфолио с акцентом на атмосферу. «Pixel-like» фон в сочетании с небольшой анимацией цвета, переход выглядит довольно красиво и сложно.

Pinpoint Design ─ имеет едва заметный полигональный фон, который вызывает общий эффект тиснения.

Equilibrium ─ основан на темных иллюстрациях, которые наполнены полигонами, а так же гранж стиль, который прекрасно дополняет позолоченное название сайта.

Landing Page Design . С белым в качестве основного цвета, дизайн получает ощущение чистоты и прозрачности портфолио, используя только однин полигональный образ айсберга.

HushFlow ─ еще один пример веб-дизайна на космическую тему, который воссоздаёт атмосферу путем сочетания квадратов и треугольников.

В Letters, Inc. контактная форма в виде многогранного сердца.

Aires and Cintra Arquitetura ─ олицетворяет полигональный арт, который находит свое отражение, как в хэдере, так и в графическом представлении пунктов меню

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

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

MostWanted Wild Digital Agency инкрустирует свою главную страницу мелким темным полигональным орнаментом, который содержит слайдер. Кроме прочего, логотип выполнен в этом же стиле.

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

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

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

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

Vaux Collective имеет потрясающий сферический логотип, объем которого достигается с помощью градиента, который идет от светлого к темному, и который конечно же с острыми выпуклыми областями.

Заключение

Без сомнения Polygonal Арт является одним из самых интересных, современных и амбициозных направлений. Несмотря на то, что может быть действительно трудоемким, в конце концов он способен приносить замечательные результаты. Главное преимущество использования несомненно ─ возможность добавления на сайт глубину и принося динамику в дизайн, с помощью статических изображений.

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

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

Генератор фона в стиле Полигон — Trianglify

Очень простой и простой генератор, который позволит создать фоны в стиле Low Poly. Тут присутствует не много настроек, которых хватит для того, чтобы создать подходящий и красивый фон для Вашего сайта. Так же уже готовый полигон фон Вы сможете бесплатно скачать в формате SVG.

Генератор для создания изображений в стиле Полигон

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

Offline инструмент для создания Полигон изображений

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

DMesh — отличная программа для создания Low Poly картинок

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

Java приложение для триангуляции изображений

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

Триангуляция Делоне — много настраиваемый инструмент

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