3D слои. Трёхмерное пространство в After Effects
В этой части курса мы научимся работать с 3D в After Effects. Занятие познакомит с особенностями работы в 3D в отличие от 2D, а также с понятиями трёхмерного пространства, осей, 3D камеры.
Темы блока: ■ В чем разница между 2D и 3D? ■ Трехмерное пространство в After Effects ■ Возможности 3D слоев *Импорт 3D объектов в After Effects ■ Ракурс и режим нескольких окон ■ Настройка 3D камеры
Практика: создание сцены с использованием эффекта параллакса.
В чем разница между 2d и 3d?
Дело в том, что стандартный инструментарий After Effects, с которым вы работали до сих пор, является двумерным. Он идеально подходит для монтажа и плоской анимации, способен решить множество задач, но когда возникает необходимость выйти за рамки плоскости, требуется другой подход — работа в трёхмерном пространстве.
Главное отличие двумерного пространства от трёхмерного — количество осей координат.
Двумерное пространство (2D) существует в двух плоскостях. У двумерных объектов есть всего 2 характеристики:
■ Длина (насколько объект длинный сверху вниз); ■ Ширина (насколько объект широкий слева направо).
За их изменение отвечают две оси координат — ось Х (горизонталь) и ось Y (вертикаль).
Трёхмерное пространство (3D) существует уже в трех плоскостях. У трехмерных объектов есть 3 характеристики:
■ Длина (насколько объект длинный сверху вниз); ■ Ширина (насколько объект широкий слева направо); ■ Глубина (насколько глубоко объект находится от нас или к нам).
За их изменение отвечают три оси координат — ось Х (горизонталь), ось Y (вертикаль) и ось Z (глубина).
Именно этот параметр оказывается наиболее важным для изображения перспективы и объема. Трёхмерное пространство позволяет нам менять точку зрения и смотреть на объект с разных углов и ракурсов.
Конечно, иллюзии перспективы мы можем добиться и через двумерный рисунок, но, прибегая к 3D, мы позволяем компьютеру вычислять ее в реальном времени в зависимости от того, где стоит камера.
Трёхмерное пространство в After Effects
Когда мы говорим о 3D в After Effects, то зачастую используем термин 2.5D.
В полноценных 3D-редакторах — таких как Cinema 4D, Blender или 3ds Max — мы работаем с объемной геометрией. Например, сфера в таких программах — это настоящий шар с полигональной сеткой. У нее есть поверхность, объем, внутренняя структура. Ее можно деформировать, разрезать или выдавливать из нее детали.
Пример создания сферы в Blender. На изображении видно полигоны, из которых она состоит
Однако при перемещении в трёхмерное пространство внутри After Effects слои не приобретают объем. Квадрат не становится кубом, круг не преобразовывается в сферу, а тексты и картинки не превращаются в полигоны. Слой лишь помещается в трёхмерную систему координат.
У него появляется та самая третья ось Z, и теперь он может располагаться ближе или дальше от нас. Однако слой все еще является плоскостью, просто теперь она ориентирована не строго к зрителю, а под любым необходимым углом.
Это и есть 2.5D — плоские объекты, размещённые в трёхмерном пространстве.
Чтобы поместить любой слой, будь то видео, композиция, изображение или слой-фигура, в трёхмерное пространство, нам необходимо включить иконку куба, столбец с которой находится справа от названия слоя.
Это действие делает из 2D-объекта 3D-объект, который теперь имеет три оси координат, видимые при выборе объекта на таймлайне.
1. Выбираем слой, который хотим сделать трёхмерным. 2. Включаем иконку куба напротив него
Возможности 3d слоев
Как только слой переносится в 3D, его свойства Transform меняются. В первую очередь, к каждому из привычных нам свойств (Anchor Point, Position, Scale) добавляется третья координата Z. Параметр Rotation автоматически делится на три параметра, по одному на каждую из осей.
Более того, у объекта появляется новый параметр Orientation, который на первый взгляд отвечает за те же параметры, что и Rotation. Однако на практике Rotation относится к повороту по конкретным осям, что позволяет влиять на поворот более точечно. Orientation в свою очередь отвечает сразу за все три координаты, отчего поворот сложнее контролировать. Этот параметр лучше использовать для настройки позы объекта перед камерой, а не для анимации.
Ниже параметра Transform можно найти еще два новых параметра: Geometry Options и Material Options.
Для их активации и наглядного использования нам необходимо сменить тип рендера. По умолчанию мы работаем в Classic 3D, который вполне подходит для реализации 2.5D, о котором мы говорили ранее.
Однако если нам необходим реальный объем, отображение материала и света, необходимо переключиться на Advanced 3D.
1. Открываем свойства слоя 2. Выбираем Change Render в параметре Geometry Option 3. Переключаем рендер на Advanced 3d
Таким образом, нам открывается доступ к добавлению объема (например, у Shape Layers и Text Layers), а также к манипуляции материалами этих объектов. Теперь обычный эллипс можно превратить в цилиндр и эффектно проанимировать это.
Для добавления объема необходимо использовать параметр Bevel Depth. Фаску по краю добавляет параметр Extrusion Depth. Там же можно выбрать Bevel Style, который влияет на вид итоговой модели.
При работе с реальным 3D для более интересной картинки стоит добавлять источник света.
Его можно найти во вкладке Layer ➔ New ➔ Light.
Adobe After Effects предлагает 5 видов источников света, но самые удобные в использовании — Spot Light и Point Light. Они позволяют точечно расставлять свет в сцене, а также смешивать несколько оттенков, освещая один и тот же объект.
1. Находим вкладку Layer в верхней части экрана. 2. Нажимаем New ➔ Light. 2. Выбираем нужный тип света и настраиваем интенсивность и цвет
*Импорт 3d объектов в After Effects
Если это необходимо, внутрь Adobe After Effects можно импортировать свои собственные или скачанные 3D-модели, уже содержащие внутри себя определенные материалы. Их можно анимировать совместно с другой графикой, созданной уже внутри Adobe After Effects, а также помещать в разное освещение.
Adobe After Effects поддерживает 3D объекты в форматах GLB, GLTF, OBJ, FBX.
Технически вы можете импортировать любую 3D-модель, сохраненную в одном из указанных форматов. Их можно:
■ создать самостоятельно в любой программе для 3D-моделирования (например, Blender); ■ найти на стоковых сайтах (например, на SketchFab, где авторы обычно выкладывают модели сразу в нескольких расширениях).
Пончик, скачанный с SketchFab, импортированный в Adobe After Effects в формате GLB
3D-объекты импортируются так же, как и все остальные объекты, через Import или с помощью функции Drag & Drop. Важно отметить, что для более удобной и интуитивной работы лучше выбирать формат GLB, поскольку именно он уже содержит внутри модели всю информацию о материале и освещении объекта, так что импорт точно пройдет успешно.
Ракурс и режим нескольких окон
Создав первый 3D-слой, вы, вероятно, столкнулись с тем, что обычный двумерный вид отображения композиции оказывается неудобен для отображения трёхмерного изображения. Двумерный вид показывает нам только две оси координат, исключая глубину (ось Z). Именно поэтому, работая с 3D, зачастую требуются несколько точек зрения на объект, чтобы мы могли рассмотреть его сразу во всех координатных осях.
Пример работы ракурса. Один и тот же объект спереди и сбоку
В Adobe After Effects существуют режимы отображения нескольких окон одновременно. Чтобы перейти в раздел двух окон, необходимо переключить вид отображения и выбрать 2 Views вместо 1 View.
1. Находим вкладку смены отображения окон внизу композиции 2. Меняем 1 View на 2 Views
Теперь мы можем настроить ракурс так, как нам хочется. Обычно одно из окон остается в неизменном двумерном виде спереди, чтобы мы всегда могли увидеть, как анимация будет отображаться на рендере.
Ракурс во втором окне можно настроить через вкладку 3D View Popup, которая находится рядом с вкладкой режима отображения. Для этого необходимо сначала выбрать второе окно, а затем переключить ракурс. Ракурс настраивается в зависимости от нужд композиции, но для начала удобно поставить Custom View 1 или Custom View 3, которые довольно наглядно изображают сцену немного сбоку.
1. Находим вкладку 3D View Popup рядом с вкладкой режима отображения окон 2. Выбираем нужный вид
Настройка 3d камеры
Наконец, для динамичного изображения объекта со всех сторон нам необходима камера. Ее функция — выполнять роль объектива, через который мы рендерим изображение. Только добавляя ее, мы сможем создать «облёт» объекта, плавное приближение или длинный проезд.
То, что видит камера, в итоге отобразится в финальном рендере.
Камера добавляется через вкладку Layer ➔ New ➔ Camera.
Перед добавлением камеры появится окно ее настроек. Конечно, их можно изменить и после ее создания. Сейчас ее можно назвать, а также проверить, что во вкладке Preset установлено значение 35 мм. Это базовое значение фокусного расстояния объектива, которое подойдет для создания большинства композиций.
1. Находим вкладку Layer ➔ New ➔ Camera 2. Если необходимо, меняем настройки камеры и нажимаем Ok 3. Пробуем подвинуть камеру и видим смену картинки во втором окне
Если во втором окне не видно изменений, необходимо сменить вид в 3D View Popup. В открывшемся окне с ракурсами вместо Default необходимо выбрать название вашей камеры.
После создания камеры она появляется на экране. Например, ее очень наглядно видно в Custom View 1. Кроме того, камера появляется в виде отдельного слоя на таймлайне и обладает всеми базовыми параметрами анимации. К ним добавляется лишь параметр Point of Interest, который выполняет функцию Anchor Point. Движение камеры может происходить относительно этой точки.
Ниже параметра Transform можно найти еще одну вкладку Camera Options. Там можно настроить и проанимировать параметры, которые предлагалось изменить во вкладке создания камеры. Например, активировав параметр Depth of Field, можно создать эффект размытия дальнего плана с фокусом на объект на переднем.
Важно: при включённом рендере Advanced 3D у камеры нет большинства настроек, типа Depth of Field или Blur. Для работы с ними придется переключиться на Classic 3D и отказаться от объемных объектов.
Последняя важная настройка камеры кроется в особенностях ее движения. Базовая камера имеет параметр Point of Interest, который напрямую связан с движением камеры в пространстве (Position). Из-за этого для плавной анимации приходится двигать одновременно два параметра, что практически всегда приводит к скачкам или лишнему крену угла обзора.
Чтобы обойти эти особенности, камеру всегда нужно привязывать к Null Object через Parent & Link. По умолчанию он создается в центре композиции и после привязки фактически становится новым Point of Interest для камеры. Теперь, анимируя движение или поворот нуля, камера будет повторять движения без лишних сдвигов.
Слева: Поведение обычной камеры. Справа: Поведение камеры, привязанной к нулю
Практическое задание: создание сцены с использованием эффекта параллакса.
Пример выполнения задания
