Уроки: Vue

Осенние цвета - Fall colors


Здравствуйте!

Я, Сергей Слипчук, представляю Вашему вниманию очередной перевод урока по моделированию и визуализации в Vue 7.

Урок расположен здесь - урок № 136.

 

В этом уроке мы научимся:

  • Создавать узлы в редакторе функций (материалы);
  • Поймем как работают узлы текстур (материалы).

В этом коротком уроке мы создадим дерево и при помощи материла раскрасим его в осенние цвета.

Создаем одиночное дерево. Кликаем ПКМ на иконку создания дерева:

В открывшемся окне, с коллекциями растений, выбираем коллекцию "Trees"(деревья). В этой коллекции выбираем дерево (я выбрал "Summer Cherry Tree"(Вишневое дерево летом)) и нажимаем "ОК". Дерево загрузится в нашу сцену. Переместим, наше дерево чуть дальше от камеры, а саму камеру выставим так, чтобы в кадре была вся крона нашего дерева.

Нажимаем Ctrl+F9 (открытие окна настройки Рендера). и выставляем значения для наших предварительных просмотров.

Нажимаем "ОК".

Жмем клавишу F9 - и смотрим на получившееся дерево.

Закрываем окно рендера.

Теперь переместим наше солнце в окне "Top view" так, чтобы оно было слева и сзади нашей камеры, а в окне "Side view" солнце должно быть выше камеры:

Как и при создании и редактировании материалов в Экосистеме, мы используем прямое редактирование материалов входящих в состав объекта "Дерево".
Переходим в закладку "Materials":

...и дважды кликаем ЛКМ на материал "Leaf_Cherry"(листья вишни). Откроется окно редактирования материала.
Ниже материалов, входящих в папку "Plant Materials"(материал растений для одиночных растений) расположены папки для материалов Экосистем (материалы для групповых систем).

В открывшемся окне редактирования материала листьев обращаем внимание на то, что бы название открывшегося окна было "Advanced material editor".
Если название открывшегося окна "Basic material editor" - тогда кликаем ЛКМ на кнопку (1) и переключаемся в расширенный режим редактирования материала.

В открывшемся окне, расширенного режима редактирования материала, кликаем ПКМ на изображение (2) и выбираем "Edit Function", откроется окно редактирования функций.

В этом окне мы видим два узла.
Один - это цветную картинку наших листьев, второй - альфа канал.
Теперь мы займемся модификацией цветной картинки, а альфа канал не будем трогать, так как он создает прозрачность.
Кликаем ПКМ на соединение (1) между узлом нашей текстуры и каналом "Color". Выделенное соединение позволит нам добавлять именно в это соединение дополнительные фильтры и модификаторы.
Кликаем ЛКМ на кнопку "Add Combiner Node"(добавить комбинационный узел) (2), мы добавляем в наше соединение узел "Blender".

Узел "Blender" устанавливается в середину соединения. Если Вы, перед вставкой узла "Blender", не выделили соединение, а просто кликнули на пустое поле и вставили узел, не расстраивайтесь... Просто еще раз выделите соединение и удалите его, а затем создайте последовательное соединение между каналами "Color" - "Blender" - "Projected Texture Map" создавая соединения от "Color" к "Blender" и к "Projected Texture Map".
При последнем соединении "Blender" к "Projected Texture Map" программа предложит выбрать тип подключения - выбираем "Color output".

Далее кликаем ЛКМ на пустом поле, слева от нашей "Projected Texture Map" (1), кликаем на кнопку "Add Color Node" (2) и в выделенное поле вставляем узел "Color Map".

и соединяем вставленный узел с имеющимся узлом "Blender".

Теперь изменим цвет узла "Color Map".
Кликаем ПКМ на "Color map"(Карта цвета)(1) и выбираем "Edit Color Map".
В открывшемся окне видим цветную градацию от зеленого к белому.
С правой стороны активируем контрольную точку "Position - 1.0" и изменяем цвет для "Current color" с белого на красный (RGB = 240,44,5), кликаем "ОК".
Создаем дополнительную точку в позиции 0,16 и меняем цвет на желтый (RGB = 244,187,4), кликаем "ОК".
Перемещаем левую точку (зеленый цвет) в положение -0,30, среднюю точку (желтый цвет) в положение 0,24... кликаем "ОК".

Далее создаем узел "Distance to Object Center".
Кликаем ПКМ на пустом поле, над узлом "Color map"(1), кликаем на кнопку "Add Input Node"(добавить входящий узел)(2), кликаем на узел "Distance to Object Center" (3).

Создаем еще один узел - фильтр.
Этот узел необходим нам для соединения двух узлов, которые имеют разные параметры ("Color map" имеет параметры от -1,0 до +1,0, а "Distance to Object Center" не имеет значений).
Кликаем на пустое поле между узлом "Distance to Object Center" и узлом "Color map"(1).
Кликаем по иконке "Add Filter Node"(2) и соединяем получившиеся узлы.

В разделе "Filter Node" изменяем значение "Filter"(1) на значение "Map"(2).

Далее в этом же узле изменим значения:
Раздел "Output range", значение "Lower value" уменьшаем до -1, а значение "Upper value" оставим +1.
Это изменение связано с тем, что в нашем узле "Color map" цвет распределен от зеленого к красному (левая точка -1, правая точка +1).
Теперь изменяем значения в разделе "Input range".(в этом разделе выставляются значения, которые позволяют изменять цвет готового материала в зависимости от высоты/размера объекта).
"Upper value" - впечатываем значение 150 (так как максимальное значение по линейке равно 10).
"Lower value" - впечатываем значение 120.
т.е. наши "Upper value" 150/+1 - это значения для красного цвета, а "Lower value" 120/-1 это значения для зеленого цвета. Остальные цвета расположены между этими значениями.
Кликаем "ОК".
Теперь мы должны отредактировать цветопередачу полученных узлов, так как мы всего лишь произвели модификацию, а не текстурирование.
В разделе "Color production" кликаем ПКМ в предпросмотровом окне и выбираем "Edit Function".
Выделяем узел "Blender"(этот узел распределяет, сколько и какого материала используется в наложении текстуры) и изменяем значение для "Ratio". (Если мы полностью уменьшим это значение, то мы полностью отключим наши добавленные цвета, выходящие из узла "Color map", а если мы установим максимальное значение, то в текстурировании мы будем полностью использовать цвета из наших дополнительных узлов).
Устанавливаем значение "Ratio" приблизительно равное 0,8 (это позволит использовать в текстурировании и карту листьев, а также позволит изменять у них цвет).
Кликаем "ОК", и далее, подтверждая изменения в материале листа - кликаем "ОК" и закрываем окно редактирования материала.
В окне предпросмотра мы видим, что наше дерево не совсем того цвета какой мы назначили... это cвязано с размером дерева.
Выделяем дерево и используя контрольные точки, немного увеличиваем наше дерево, а результаты нашего увеличения мы смотрим в окне препросмотра.
Мы видим, что для достижения хорошего результата мы должны сильно увеличить наше дерево...
Нажимаем F9.

Обратите внимание, если мы делаем наше дерево маленьким, оно будет полностью зеленым, если делаем его слишком большим - будет почти полностью красно-желтым.
Созданные нами узлы начинают раскрашивать нашу крону от центра вверх (от 120 единиц до 150 единиц).

Чтобы достичь лучшего результата, мы возвращаемся к редактированию нашего материала листьев дерева, открываем "Edit Function" и кликаем по узлу "Map"(узел Filter) и уменьшаем значения для раздела "Input range" на 30 единиц:
"Upper value" - изменяем на 110.
"Lower value" - изменяем на 80.
Кликаем "ОК" и закрываем редактор материала.
Теперь наше дерево имеет более красную крону и мы сможем его уменьшить.
Уменьшая и увеличивая дерево (регулярно смотрим в окне предпросмотра на результат изменений и расположения нашего дерева), добиваемся хорошо раскрашенной кроны, затем перемещаем наше дерево чуть дальше от камеры (для лучшего обзора) получаем результат:

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

Финальная визуализация:

Данный урок подготовлен "Geekatplay studio".

Перевод и адаптацию урока осуществил Слипчук Сергей Валентинович (e-mail: slipserdp@gmail.com)

11181 Автор:
Актуальность: 460
Качество: 717
Суммарный балл: 1177
Голосов: 28 оценки

Отзывы посетителей:

аватар
 
Сергей, спасибо и за этот урок!
аватар
 
Sergey Slipchuk 132 0
Стараюсь... перевожу!

Еще несколько переведенных уроков на подходе!

С уважением,
Сергей.
аватар
 
GeorgeThreeD 22 0
Нормик, спасибо!
аватар
  vip
Wasteland 351 0
ok)
аватар
 
redCrocodile 21 0
спасибо.
Зарегистрируйтесь, чтобы добавить комментарий.
Эту страницу просмотрели: * уникальных посетителей