Анимация света - Animation light
Я, Сергей Слипчук, представляю Вашему вниманию перевод урока базовым основам Vue 7.
урок расположен ЗДЕСЬ (урок № 19).
В этом уроке мы рассмотрим "Анимация света" - "Animationg light".
В этом уроке мы:
- Создадим "Диско-Шар";
- Будем анимировать позицию и направление источников света;
- Будем анимировать цвет и мощность источников света.
Создаем "Шар-Диско".
Создаем стандартную сферу (нажимаем "Shift+S").
Размещаем сферу перед камерой как показано на скриншоте:
Теперь добавим в сцену первый источник света "Quadratic Spot Light"(нажимаем
"Ctrl+Shift+X").
Изменяем направление луча (поворачиваем источник света) и устанавливаем его рядом со сферой.
Уменьшаем значение параметра "Spread" до 15,00(1).
Включаем "Volumetric light"(2).
Открываем настройки визуализации "Render Options"(нажимаем "Ctrl+F9").
Устанавливаем "Render destination"->"Render to screen", "Picture size and resolution"->640x480.
Кликнем ЛКМ по кнопке "Render".
Первая визуализация сцены.
На изображении мы получили шар и один луч от источника света.
Закроем окно визуализации.
Для источника света увеличим значение параметра "Falloff" до 25.(Объемный свет стал более мягким.)
Кликнем ЛКМ по кнопке "Show timeline" 
программы, линейке временного интервала кликнем ЛКМ по стрелкам "Show/Hide properties"(1) и "Show/Hide splines"(2).
Выделяем источник света "Quadratic spot" и кликнем ЛКМ по иконке "Ключевой кадр"(3)(создание/добавление ключевого интервала) и выбираем "Add Keyframe To All Properties".
Объект "Quadratic spot" добавлен в окно управления анимацией.
Если теперь мы кликнем по "+", возле источника света, откроется дерево параметров, которые можно анимировать.
Ползунок проигрывателя анимации перемещаем в положение 6-0(шесть секунд).
Кликнем ЛКМ по иконке "ключевой кадр" и выбираем "Add Keyframe To All Properties".
В окне "Properties", ниже временного интервала, создалась анимация для объекта "Quadratic spot" продолжительностью 6 секунд.
Выбираем в окне "Properties" - "Power"(1).
Перетягиваем правый индикатор анимации в положение 0-0(2). В окне навигатора программы выделяем источник света "Quadratic spot"(3) и изменяем для него значение параметра "Power"(4) на 35.
В нижнем окне анимации появилась кривая линия, которая отображает график изменения параметра "Power" во времени.(для 0 сек.=35, для 6 сек.=100.)
У нас выделено "Power"(1), в правой части окна временного интервала, для каждого параметра имеются "Time Splines"(графики времени). Дважды кликнем по "Time Splines"(2) для "Power".
Откроется окно "Please select filter"(3)(выбора фильтров).
В коллекции "Time Splines" выбираем "Random"(4)(произвольно). Кликнем "ОК"(5).
Если теперь подвигать ползунок проигрывателя анимации, то мы видим, что для этого источника света, произвольно меняются значения параметра "Power" в пределах от 35 до 100.
Установим ползунок в положение "0-0".
Изменим цвет для источника света на красный цвет (RGB 255,46,46).
Передвинем ползунок в положение "1-0" и изменим цвет на зеленый (RGB 91,255,71).
В положении "2-0" - синий цвет (RGB 63,105,254).
В положении "3-0" - фиолетовый (RGB 239,93,255).
"4-0" - синий (RGB 67,95,249).
"5-0" - красный (RGB 252,88,37).
"6-0" - фиолетовый (RGB 79,50,173).
Мы создали анимацию изменения цвета для первого источника света "Quadratic spot".
Выделяем "Quadratic spot".
В верхней части она навигатора переходим в закладку "Animation".
В разделе "Link to" выбираем, в выпадающем меню, "Sphere".
Мы присоединили к сфере объект "Quadratic spot", который будет совершать такие же движения, которые мы в последующем зададим сфере.
Выделяем объект "Sphere".
Добавляем этот объект к анимации - кликнем по иконке "Ключевой кадр" и выбираем "Add Keyframe To All Properties".
В закладке "Animation"(1) кликнем по иконке "Animation toolbox..."(2). В открывшемся окне "Animation Toolbox", включаем раздел "Spin"(3), в разделе "Revolution axis" выбираем "Z"(4), а для параметра "Overall revolution speed"(5) устанавливаем значение 360,00/s (количество оборотов в секунду).
Кликнем "ОК".
Если теперь мы подвигаем ползунок проигрывателя, то увидим, что в кадре вращается сфера и закрепленный на нее источник света.
Создаем еще один источник света.
Переставим ползунок проигрывателя в положение "0-0".
Выделяем источник света "Quadratic spot". В окне "Top view", удерживая клавишу "Alt", перетаскиваем источник света в сторону.
Мы создали копию "Quadratic spot1". Поместим его в стороне от первого источника света. В закладке "Animation", в разделе "Link to" выбираем, в выпадающем меню, "Sphere". Второй источник света присоединен к сфере.
Создадим еще один источник света "Quadratic spot".
Нажимаем на клавиатуре "Ctrl+Shift+X". Устанавливаем в окне "Top view" третий светильник с обратной стороны сферы, наклоняем его.
Уменьшаем значение параметра "Spread" до 20.
Включаем "Volume light".
Добавляем ключевой кадр для этого светильника.
Установим ползунок в положение "0-0" и изменим цвет на синий (RGB 70,55,196).
Передвинем ползунок в положение "2-0" и изменим цвет на зеленый (RGB 42,183,78).
В положение "4-0" - красный (RGB 255,0,0).
"6-0" - желтый (RGB 218,255,0).
В этом положении (6 секунд) изменяем яркость "Power" до 69.
В положении "5-0" яркость равна 30.
"3-0" - яркость 70.
Между "0-0" и "1-0" - яркость 75.
"1-0" - яркость 105.
Благодаря тому, что у нас в анимации включена опция "Auto-Keyframig"(автоматическое создание ключевых кадров), мы можем без лишних усилий создавать анимацию любых настроек объектов, источников света и прочего.
Устанавливаем ползунок проигрывателя в начало (положение "0-0") и присоединяем этот источник света к сфере так же, как и предыдущие источники света.
Выделяем объект "Sphere" и присвоем другой материал.
Кликнем по иконке "Load material..."
В открывшемся окне, в коллекции "Metals" выбираем материал "Real Steel Plates". Кликнем "ОК".
Новый материал присвоен объекту "Sphere".
Установим ползунок проигрывателя анимации в положение 0-0.
Откроем редактор атмосферы (нажимаем "F4").
Переходим в закладку "Sun".
Уменьшаем до минимума значения параметров "Size of the sun" и "Size of the corona".
(Все параметры атмосферы также анимируются при помощи ключевых кадров).
Устанавливаем значения параметров в разделе "Position of the sun": "Azimuth" = 149.97, "Pitch" = -24.60.
Переходим в закладку "Light" и изменяем цвет для "Overall skylight color" на черный (RGB 0,0,0).
Переходим в закладку "Sky, Fog and Haze".
В разделе "Sky" и "Fog and Haze" уменьшаем все параметры до минимума.
Кликнем "ОК" и закроем редактор атмосферы.
Теперь можно подвигать ползунок проигрывателя анимации и в окошке предварительного просмотра наблюдать, как смотрится наши анимированные источники света.
Устанавливаем ползунок проигрывателя в положение "0-0" - ведь нам не нужно анимировать настройки материала.
Выделяем сферу(1).
Дважды кликнем ЛКМ по материалу сферы(2) - откроется окно редактора материала(3).
В окошке слоев материала выделяем слой "Real Steel Plates"(4).
Переходим в закладку "Effects"(5).
В разделе "Lighting", увеличиваем значение параметра "Ambient"(6) до 46%, а значение параметра "Luminous"(7) увеличиваем до 61%.
Кликнем "ОК" - закроем редактор материала.
Нажимаем "F9" и визуализируем сцену.
Мы видим, что сфера стала более освещена, но общая освещенность сцены не изменилась.
Закроем окно визуализации.
Откроем редактор атмосферы (нажимаем "F4").
В закладке "Light" изменим модель освещения на "Global radiosity". Закроем редактор атмосферы.
Нажимаем "F9" и визуализируем сцену.
Мы видим, что практически не произошло изменений в нашей сцене, хотя модель освещения "Global radiosity" просчитывает отраженный свет между объектами.
Закроем окно визуализации.
Откроем редактор материала для объекта "Sphere".
Уменьшаем значение параметра "Luminous" до 0%.
Закроем редактор материала.
Добавляем еще один источник света - "Quadratic Spot Light".
Устанавливаем его выше над сферой и увеличиваем значения параметра "Spread" до 52,50 (позволяет осветить большую площадь сцены).
(Обратите внимание - у нас, для источников света, включен параметр "View through". Это позволяет, при выделенном источнике света, в окне "Main camera view" наблюдать вид из источника света.)
Анимируем цвет для этого источника света.
В положении ползунка проигрывателя анимации "0-0" создаем ключевой кадр для этого источника света (у меня это "Quadratic spot4"). (Кликнем ЛКМ по иконке ключа "Keyframing options menu" и выбираем в контекстном меню "Add Keyframe To All Properties").
Изменяем цвет, для этого источника, света на серо-голубой (RGB 66,132,151).
Перемещаем ползунок проигрывателя в позицию "1-0", изменяем цвет для источника света на красный (RGB 189,27,27).
Перемещаем ползунок проигрывателя в позицию "2-0", изменяем цвет для источника света на желтый (RGB 255,239,40).
Перемещаем ползунок проигрывателя в позицию "3-0", изменяем цвет для источника света на светло-голубой (RGB 113,157,181).
Перемещаем ползунок проигрывателя в позицию "4-0", изменяем цвет для источника света на зеленый (RGB 73,244,28).
Перемещаем ползунок проигрывателя в позицию "6-0", изменяем цвет для источника света на бордовый (RGB 244,27,171).
Изменим значение параметра "Power" для этого источника света:
- в позиции "0-0" уменьшим значение до 55;
- в позиции "6-0" увеличим значение до 125.
В панели анимации откроем в свойства объекта "Quadratic spot5". Выбираем параметр "Power"(1) и дважды кликнем ЛКМ по иконке "Time Spline"(2). В открывшемся окне выбираем фильтр "Random"(3) и кликнем "ОК"(4).
Теперь, перемещая ползунок проигрывателя анимации, мы можем просмотреть, как изменяется яркость этого источника света.
Перед началом каждого изменения параметров или позиции объектов в АНИМАЦИИ - Обязательно следите за положением ползунка проигрывателя анимации!!! Ползунок должен находиться вположении "0-0".
Закроем в окне анимации дополнительные окна ("Spline" и "Properties").
Ползунок анимации выставляем в начало анимации (положение "0-0").
Выделяем последний источник света (у меня это "Quadratic spot4") и делаем его копию (удерживая кнопку "Alt", перетаскиваем источник света мышкой).
Выставляем этот источник света так, чтобы он освещал сферу слева и со стороны камеры.
Обязательно проверьте положение этого источника света в первом и последнем кадрах - источник света должен освещать сферу.
Изменим цвет для этого источника света.
- позиция "1-0", изменим цвет на зеленый (RGB 42,200,15);
- позиция "2-0", изменим цвет на бардовый (RGB 222,62,232);
- позиция "3-0", изменим цвет на желтый (RGB 209,224,69);
- позиция "4-0", изменим цвет на синий (RGB 42,89,229);
- позиция "6-0", изменим цвет на желтый (RGB 221,226,44);
В позиции "6-0" переместим этот источник света вправо от камеры.
Теперь, при перемещении ползунка проигрывателя, можно предварительно посмотреть основные моменты анимации.
Наша сцена готова к анимации.
Кликнем ЛКМ по иконке анимационной визуализации (в правой части окна анимации - видеокамера).
В открывшемся окне "Animation Render Option" присваиваем имя файлу анимации (Animating_Light.avi)(1)
В разделе "Frame rate", выбираем количество кадров в секунду - 24 кадров в секунду (фильм)(2).
В разделе "Preset render quality" выбираем "Final"(3).
Кликнем ЛКМ по кнопке "Render animation"(4).
Мы рассмотрели в этом уроке создание контрастной сцены, а также анимацию цвета, яркости и позиции источников света.
Результат анимации
Готовая анимация в формате AVI здесь
Благодарю за прочтение данного урока.
Данный урок подготовлен "Geekatplay studio"
Перевод и адаптацию урока осуществил Слипчук Сергей Валентинович (e-mail)