Мы продолжаем делиться своими секретами по созданию качественных материалов. Первый урок был посвящен простым матовым материалам. В прошлый раз вы узнали о приемах создании материалов меди и хромированной стали. Настало время поработать над стеклом и кожей.
Работа с эффектом Френеля
Известно, что не все материалы равномерно отражают окружающее пространство и это зависит от угла зрения. К ним относятся: кожа, дерево, пластик, резина и другие.
![](/media/img_article/389/img_15.png?v=9d901a6b6b1acc1b2d7e73058bbf63d8)
Материал кожи с эффектом Френеля
Наиболее простым примером может служить материал кожи из нашей библиотеки. Рассмотрим его создание.
![](/media/img_article/389/img_16.png?v=49725fdc0d3a73f7d33f0decaf30b2cd)
Упрощенное ядро материала кожи
Для удобства изучим состав ядра в упрощенном виде. Если вы изучали предыдущий урок, то увидите несомненное сходство ядра с материалом меди.
Здесь есть карта нормалей (1) для имитации неровностей кожи, где альфа-канал текстуры содержит черно-белую базовую текстуру. В дальнейшем она окрашивается в нужный цвет с помощью ноды ColorMix (4). Таким образом, мы экономим трафик пользователей.
Главная особенность данного материала в том, что используется нода Fresnel (3), которая позволяет получить маску смешивания из кубической карты отражения (2) и базового цвета материала (4).
Для регулирования бликовой части используется карта Specular, которая создана на основе черно-белой маски.
Посмотрите видео создания ядра материала кожи.
Прозрачность и отражение
![](/media/img_article/389/img_17.png?v=d443bed715a85c54988bea5c9aeff2ec)
Материал стекла из библиотеки Blend4Web
Давайте усложним задачу и создадим более интересный материал, где будут использоваться прозрачность, отражение и эффект Френеля.
Начнем с простого стекла небольшой толщины. В некоторых случаях лучше обойтись без преломления, так как это достаточно ресурсоемкая операция для бюджетных мобильных устройств.
![](/media/img_article/389/img_19.png?v=852274e5eed42cecc3b0dfe406d0a8b6)
Упрощенное ядро материала стекла
В основе материала стекла находится кубическая карта отражения (1), которая слегка подкрашивается в зеленый цвет (4). Для воссоздания реалистичных бликов здесь используется простая текстура Matcap (2). Эффект Френеля подается на вход ноды Material и таким образом обеспечивается неоднородная прозрачность, которая зависит от угла зрения.
Предлагаем посмотреть еще одно видео, где демонстрируется создание прозрачного материала. Кстати, здесь вы еще найдете важные подробности о некоторых удобных настройках вьюпорта Blender.
Прозрачность и преломление
![](/media/img_article/389/img_20.png?v=f42136c4718f17a44a96ca0333acaff6)
Материал рифлёного стекла из библиотеки Blend4Web
Давайте рассмотрим способ создания рифлёного стекла, где используется прозрачность с преломлением. Для создания эффекта преломления требуется специальная нода, которая была разработана нашей командой.
![](/media/img_article/389/img_21.png?v=5ffe3dab4dd8085e00ba6995e4f3272a)
B4W_Refraction - специальная нода Blend4Web
Все, что от вас требуется — это подключить ко входу ноды B4W_Refraction нормали геометрии или карту Normal Map. Степень преломления указывается числовым значением. К сожалению, действие этой ноды видно только во вьюпорте Blend4Web.
![](/media/img_article/389/img_22.png?v=acfc72c9d470330f4d9de4e58da2b7a6)
Материал с прозрачностью использующий ноду Refraction
На рисунке выше, вы видите работу ноды Refraction в чистом виде. Чтобы получить более значимый результат требуется подключить карту нормалей.
![](/media/img_article/389/img_23.png?v=4d961fe21a54bc11b70eee31e1c3906b)
Материал с прозрачностью использующий карту нормалей
Теперь, благодаря карте нормалей, видно, как изменяются контуры объектов внутри шара. Для полного воссоздания эффекта стекла не хватает отражений с эффектом Френеля.
![](/media/img_article/389/img_24.png?v=94e2889bc68c6072d0c155c4f994977b)
Материал с прозрачностью использующий карту нормалей и отражение с эффектом Френеля
Стекло выглядит уже лучше, так как присутствует отражение и это подчеркивает неровность поверхности. Но, если подмешать цвет к результату преломления, то мы получим уже цветное стекло.
На рисунке ниже показан окончательный вариант ядра материала. Цвет был создан при помощи ноды ColorMix и пары математических узлов для регулирования маски Френеля.
![](/media/img_article/389/img_25.png?v=8f22efd387aa64f92060dcc1c229014c)
Материал с добавлением цвета к прозрачности
В следующий раз мы поговорим о создании многослойных материалов.