Использование камеры в Animate

Инструмент «Камера» в программе Animate позволяет аниматорам имитировать настоящую камеру.  Раньше аниматорам приходилось использовать сторонние расширения со степенями качества и совместимости или модифицировать анимации с целью моделирования движения камеры. Аниматоры могут использовать следующие функции, необходимые для работы с видеоматериалами.

• Панорамирование с субъектом кадра
• Наезд на объект, представляющий интерес, для получения драматического эффекта
• Выезд из кадра, чтобы напомнить зрителю об окружающей обстановке
• Изменение фокусной точки для переноса внимания зрителя с одного предмета на другой
• Поворот камеры
• Использование оттенка цвета или фильтров для применения цветовых эффектов на сцене 

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

Инструмент «Камера» доступен для всех встроенных типов документов в Animate — HTML Canvas, WebGL и ActionScript.

Для включения инструмента «Камера» используйте любые из следующих параметров.

• Щелкните значок «Камера» на панели «Инструменты».
• Нажмите кнопку «Добавить/удалить камеру» на панели «Временная шкала».

При включении камеры граница рабочей области отображается тем же цветом, что и слой камеры.

Теперь рабочая область будет выступать в качестве камеры для документа. На панель Временная шкала добавлен новый слой камеры с объектом камеры. При выборе инструмента «Камера» в инспекторе свойств активируется значок камеры.

Когда камера включена, происходит следующее.

• Текущий документ переводится в режим камеры..
• Рабочая область преобразуется в камеру.
• На границе рабочей области отображается рамка камеры.
• Выбирается слой камеры.  

Масштабирование, поворот или панорамирование камеры

Масштабирование камеры

Поворот камеры

Панорамирование камеры

Использование элементов управления камерой для панорамирования

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

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

Сброс параметров для эффектов камеры

Можно сбросить изменения, внесенные с помощью камеры для эффектов панорамирования, масштабирования, поворота и цвета, если требуется восстановить исходные настройки. Для сохранения предыдущих значений свойств щелкните значок «Сброс» рядом с каждым свойством.

Применение оттенка к слою камеры

Регулировка фильтров цвета на слое камеры

Создание эффекта смещения с помощью камеры и глубины слоя

Как дизайнеру или разработчику игр вам может потребоваться создать динамический проект для игры. С помощью различных объектов игры на слоях переднего и заднего планов вы можете управлять скоростью и положением этих объектов. Поддерживая фокус камеры на одной фокальной точке, можно перемещать объекты с разной скоростью, чтобы создавать трехмерный эффект. В Animate при создании двухмерных анимаций этого эффекта можно достичь, используя камеру и функцию глубины слоя. Можно создать эффект смещения для объектов, изменяя глубину слоев с помощью панели Глубина слоя. Чтобы применить глубину слоя, выберите Окно > Глубина слоя.

Щелкните здесь для получения дополнительной информации о глубине слоя. 

Этот эффект позволяет видеть глубину и перспективу объектов.

• Объекты, которые находятся ближе к камере, движутся быстрее объектов, которые удалены от камеры.
• Когда слою камеры соответствует значению 0, ближайшие к камере объекты имеют наименьшие положительные значения. А объекты, наиболее удаленные от камеры, обладают высокими положительными значениями. Слои, которые находятся за камерой, обладают отрицательными числами. 

Видео с эффектом смещения и изменением глубины камеры по оси Z

Фиксация слоя с камерой

Как аниматору или дизайнеру игр вам может понадобиться зафиксировать некоторые объекты анимации в виде камеры. Например, кнопку действия, HUD-дисплей с отсчетом времени или оружие. В таких случаях необходимо, чтобы ресурс повторял движения камеры. Функция Прикрепить к камере в Animate позволяет достичь этого эффекта.

Когда слой прикрепляется к камере, объекты в этом слое привязываются к камере и всегда перемещаются вместе с ней. Таким образом, перемещение камеры никак не отражается на этих объектах в выводе.

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

Далее показано поведение слоя до и после прикрепления к камере: 

Изображение с анимацией, когда слой не прикреплен к камере:

Изображение с анимацией, когда слой прикреплен к камере: 

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

Использование камеры во время выполнения

Можно добавить, вызвать камеру или управлять ею во время выполнения с помощью API-интерфейсов класса Camera для документов AS3, WebGL и HTML Canvas. Ниже приводится список API-интерфейсов времени выполнения класса Camera для документов типа AS3, WebGL и HTML Canvas:

 Все методы применимы для типа документа AS3. Некоторые из методов недоступны для типов документов WebGL и HTML Canvas. Методы, которые применимы/неприменимы для документов WebGL и HTML Canvas, отображаются в двух последних столбцах таблицы.

Методы виртуальной камеры

Доступ к камере как к объекту фрагмента ролика

Маскирование объектов во время выполнения (для документа AS3)

Можно скрыть объекты во время выполнения с помощью следующего кода API камеры:

import fl.VirtualCamera;
fl.VirtualCamera.getCamera(root).setCameraMask(torch);

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

Создание интерактивных анимаций камеры с помощью мастера кода операций

На следующей схеме описывается пошаговый подход к созданию анимации с использованием интерактивной камеры. Можно использовать мастер кода операций в документе HTML Canvas. 

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

Видео, демонстрирующее использование камеры во время выполнения

Обрезка объекта в рабочей области

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

Нажмите кнопку Обрезать содержимое за пределами рабочей области, чтобы обрезать содержимое по размеру рабочей области . Используя камеру и вид рабочей области, можно просматривать содержимое в рамках области камеры.