Уроки: Vue

Неоновая надпись - Neon sign

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

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


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


В этом уроке мы будем настраивать "Неоновая надпись" - "Neon sign".

Мы рассмотрим:

  • Создание неоновых текстов;
  • Советы и рекомендации;
  • Как придать естественность сцене.

Мы продолжим рассматривать сияние и самосвечение объектов.

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

Первое, что мы сделаем, это создадим текст «по умолчанию»(в нашем случае это текст «Vue 7»).
Кликнем в левом, боковом меню по иконке «Т»(1) и в открывшемся окне подтвердим ввод текста - кликнув «ОК».
Располагаем надпись так, чтобы она полностью помещалась в кадр (Main camera view). Опускаем надпись на уровень грунта - кликнув ЛКМ по иконке «Drop object»(2).

pic1

Отредактируем вид из камеры так, чтобы камера смотрела на наш текст не много снизу (см.скриншот)

pic2

Создаем стену сзади текста.
Создаем простой куб(1) и перемещая средние узловые точки растягиваем его и придаем форму прямоугольника имитирующего стену(2).
Если куб создан, но не расположен на поверхности, как текст, а выше поверхности - используем клик по иконке "Drop object"(см. пример выше).

pic3

Этот куб, в роли стены, нам понадобится для визуализации и отражения свечения нашего текста.
Нижнюю сторону "стены" желательно опустить ниже уровня грунта.

Теперь загружаем атмосферу, которую сохранили в уроке "Сияющий объект" - "Glow object" - название этого файла атмосферы "pblack.atm".
Если этот урок Вы пропустили - можете взять этот файл здесь и сохранить его в имеющуюся на Вашем компьютере папку "Atmosphere".
Нажимаем "F5"(или кликнем ЛКМ по иконке загрузки/сохранения атмосферы)(1) и в открывшемся окне "Please select an atmosphere for your scene" кликнем ЛКМ по иконке "Brows files"(2).

pic4

В открывшемся окне выбора атмосферных настроек выбираем файл "pblack.atm" и загружаем его в нашу сцену.
Мы загрузили в нашу с цену настройки для абсолютно черной сцены.
Откроем окно настроек визуализации "Render Options" - в главном меню "Render -> Render Options" или нажимаем клавиши "Ctrl+F9" или кликнем ПКМ по иконке "Render"(1).
В открывшемся окне настроек визуализации изменяем "Render destination"(2), "Pictures size and resolution "(3). Кликнем "ОК".

pic5

Если Вы сейчас нажмете клавишу "F9" и визуализируете сцену - будет абсолютно черный кадр.
Если Вы все-таки нажали "F9" и дождались окончания визуализации, а также убедились в том, что сцена абсолютно черная - закройте окно визуализации.

Теперь мы начнем работать с освещением.
Первое, что мы сделаем, это конвертируем текст в источник света.
1) Выделяем текст и кликнем по тексту ЛКМ.
2) В контекстном меню выбираем "Conver to Area Light".

pic6

Наш текст конвертирован в источник света и теперь начал освещать нашу сцену.
Этот результат можно увидеть в окне предварительного просмотра вида из камеры.

В настройках визуализации "Render Options" изменим "Preset render quality" с "Preview" на "Final". Закроем окно настроек и нажмем "F9".
Первая визуализация неонового текста.

pic7

Мы видим, что текст светится, но не имеет объема, а также качество освещения очень плохое.
Закроем окно визуализации.

Теперь мы придадим объем нашему тексту и создадим более качественное освещение вокруг текста.

Сделаем откат на два шага.(Отменим конвертацию текста в "Area Light" и отменим загрузку черной атмосферы).
Повторно загрузим с в сцену атмосферные настройки из файла "pblack.atm".
Назначим объекту "Text" новый материал. Кликнем ЛКМ по иконке "Load material..."(1).
В открывшемся окне выбора материалов, в коллекции "Base"(2), выбираем материал "Flat white"(чисто белый)(3) и назначаем его объекту "Text" - кликнем "ОК"(4).

pic8

Теперь кликнем ПКМ по назначенному материалу и выбираем "Edit material"(1).
(В окне редактора материала мы будем использовать две закладки опций "Translucency" и "Effects".
В закладке "Effects"(2) увеличиваем значения параметров:
- "Diffuse" до 71%(3);
- "Ambient" до 70%(4);
- "Luminous" до 11%(5).

pic9

Теперь переходим в закладку "Translucency"(1) и активируем "Enable subsurface scattering"(активировать подповерхностное рассеивание)(2) .
Увеличиваем значения:
- "Balance"(3) до 90%;
- "Refraction index"(4) до 1,26.

В разделе "Overall effect quality" увеличиваем значение параметра "Quality boost"(5) до +2,7.
В разделе "Absorption" увеличиваем значение параметра "Anisotropy"(6) до 0,65 и изменяем цвет для "Scattering filter color"(7) на оранжевый (RGB 250,126,3).

pic10

Закрываем окно редактирования материала.
Чтобы добиться освещения от нашего светящегося материала текста открываем редактор атмосферы "F4" и в закладке "Light" устанавливаем значение "Light model" в позицию "Global radiosity".
Если у Вас уже установлено значение "Global radiosity", это значит, что Вы загрузили мой файл настроек атмосферы с уже установленным значением.
Закрываем редактор атмосферы.

Открываем настройки визуализации "Render Options" и изменяем значение в разделе "Preset render quality""Preview" на "Final").
Устанавливаем размер изображения 640х480. Кликнем "ОК".
Визуализируем сцену - нажимаем "F9".

pic11

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

В окне "Side view" увеличим ширину объекта "Text"(растягивая объект влево и вправо за левые и правые, средние, контрольные точки).
Откроем редактирование материала объекта "Text" и в закладке "Translucency" увеличим значение параметра "Quality boost" до 2,9.
Значение параметра "Anisotropy" увеличим до 0,82.
В закладке "Effects" уменьшим значение параметра "Luminous" до 7%.
Уменьшаем значения параметров:
- "Diffuse" до 69%;
- "Ambient" до 60%;
Закрываем окно редактора материала.

Откроем настройки визуализции "Render Options" и изменяем значение в разделе "Preset render quality" (если изменим с "Final" на "Ultra" - будет долгая визуализация, но более высокое качество, с установками по умолчанию).
По этой причине, я не менял предустановки качества визуализации и оставил их "Final".
Визуализируем сцену - нажимаем "F9".

pic12

После окончания визуализации видим, что получились реалистичные тени на объекте "Text", а также освещение заднего объекта получилось естественное.
Изменяя значения параметров "Diffuse", "Ambient", "Luminous", можно изменять собственную освещенность объекта "Text".

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

Благодарю за прочтение данного урока.

Данный урок подготовлен "Geekatplay studio" (http://geekatplay.com/).

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

10309 Автор:
Актуальность: 433
Качество: 482
Суммарный балл: 915
Голосов: 16 оценки
Зарегистрируйтесь, чтобы добавить комментарий.
Эту страницу просмотрели: * уникальных посетителей