Как сделать 3d анимацию в after effects
В данном уроке, на примере создания слайд шоу, мы разберём основные принципы создания анимации в After Effects, рассмотрим параметры слоёв и их использование в анимации, а так же познакомимся с инструментом "Текст", с рендерингом композиции и правильным сохранением проекта.
И так, первым делом создаём композицию, разрешение я поставлю Full HD, т.е. 1920 на 1080 пикселей, Frame rate выставлю в 25 кадров и импортируем изображения из которых будем делать слайд шоу.
Теперь помещаим изображения в композицию. Что такое композиция, зачем в неё помещать импортированные файлы и прочая основная информация для начинающих пользователей была рассмотрена в первом уроке данного курса "Знакомство с интерфейсом After Effects".
Теперь, когда изображения находятся в композиции и мы видим слои файлов на time line можно их выставить в нужном порядке, в том порядке, в котором будут листаться слайды. Иерархию слоёв мы в первом уроке курса тоже рассматривали, поэтому очевидно, что слои изображений нужно расположить в необходимом порядке сверху вниз. Верхний слой - это будет у нас первый слайд, соответственно, нижний - последний.
1. Принципы анимации и параметры слоёв в AE
Начнём с принципа анимации в After Effects. Если вы ранее делали анимацию с помощью шкалы времени в фотошопе, то вам будет гораздо проще разобраться в After Effects, потому что принцип тут абсолютно такой же.
Каждый слой с файлом имеет стандартный набор параметров и расставляя ключи на тайм лайн мы с помощью данных параметров можем создавать различную анимацию. Давайте рассмотрим стандартные параметры слоя с изображением, для этого необходимо кликнуть вот по этой стрелочке. В открывшейся вкладке мы видим группу стандартных параметров слоя, которая называется "Transform", т.е. трансформирование. Эта группа параметров слоя в которой находятся различные стандартные параметры трансформирования. Давайте откроем её и посмотрим какие параметры нам доступны.
Первый параметр - это Anchor Point он отвечает за расположение якорной точки. Якорная точка нужна для установки центра объекта, при анимации, как она работает, рассмотрим чуть позже. Далее у нас идёт параметр "position", который отвечает за позицию объекта на сцене. Т.е. если нам нужно сделать анимацию перемещения какого-нибудь объекта сцены мы как-раз и будем использовать данный параметр. Следующий параметр "Scale" - он отвечает за размер объекта. Потом идёт "Rotation" - это вращение и "Opacity" - это прозрачность.
И так, давайте сделаем простое слайдшоу с анимацией улёта изображений в разные направления, за пределы сцены. Тем самым, первый слайд откроет для обозрения второй, потом второй улетает и открывает третий и так далее, нуу обычное слайд шоу, вообщем.
Для того, чтобы перемастить первый слайд мы используем параметр "position" данного слоя. Открываем параметры и на time line выставляем ключ в той точке, где у нас начнётся движение слайда. Допустим, где-то вот здесь, на второй секунде.
Чтобы поставить ключ нужно кликнуть на значок часов около нужного параметра. Ключ появился и это будет точка начала анимации, т.е. со второй секунды у нас начнётся анимация движения слайда.
Теперь нужно задать движение слайда и указать второй ключ - окончание анимации. Поставим ползунок немного дальше на временной шкале, после чего выделяем слой с объектом и инструментом "Перемещение" берем и просто перетаскиваем слайд в право, до позиции, когда его не будет видно на сцене. Чтобы объект перемещать точно по горизонтали можно удерживать Shift.
Поставили слайд в конечную позицию и видим, что у нас на time line автоматически появился второй ключ. Теперь если мы будем перемещать ползунок по шкале времени, то увидим, что анимация слайда работает. Чтобы проиграть анимацию можно просто нажать на пробел или справа открыть панель Preview и нажать play.
Если необходимо увеличить скорость анимации, то нужно просто на шкале времени подвинуть ключи ближе друг к другу, таким образом мы уменьшим промежуток времени между началом и окончанием анимации и она будет быстрее. Если нужно уменьшить скорость, то делаем всё наоборот.
Еще раз повторюсь, что первый ключ задаёт начало анимации, а последний - её окончание. Если нужно сделать анимацию не со второй секунды, а допустим с четвёртой, то просто выделяем эти ключи, кликая по ним и удерживая Shift и перемещаем их мышкой на нужно нам время.
Ключи могут быть не только начальные и конечные, но и промежуточные. Например при движении слайда слева на право мы можем прямо в момент движения сместить его, допустим вверх. Для этого выставим ползунок где-нибудь между ключами и переместим слайд вверх.
Теперь у нас получается вот такое перемещение дугообразное. Если нужно сделать не дугообразное, а по прямым линиям, то эту траекторию можно отрегулировать, она регулируется, как любая кривая вот этими усиками.
Чтобы удалить ключ нужно его выделить и нажать Delete.
Таким образом работают ключи со всеми параметрами слоёв. И анимацию на слой можно навешивать с разными параметрами. Например, сейчас у нас есть движение слайда вправо, мы можем добавить еще анимацию вращения, чтобы слайд не просто улетал вправо, а улетал вращаясь.
Для этого ставим ползунок на шкале времени в то место, где начнётся анимация вращения и кликаем по часам в параметре "Rotation". Перемещаем ползунок в место окончания анимации и вращаем слайд в нужную сторону. Каждый параметр имеет настройки, которые можно удобно регулировать. Удобство заключается в том, что тут можно выставлять точные числовые значения. Не просто повернуть картинку вручную на глаз, а выставить именно нужный вам угол поворота.
Ну и тут ключи можно перемещать как вам угодно, например, вращение задать не сразу при перемещении, а немного позже. Просто сдвигаем ключи и получаем необходимую анимацию: слайд пролетает немного по горизонтали, а потом начинает вращаться.
Параметры Position и Rotation мы рассмотрели, параметр Scale - изменением размера, думаю показывать не нужно и так всё понятно, с параметром Opacity - прозрачностью - тоже самое. Давайте рассмотрим Anchor Point. С помощью него мы можем устанавливать якорные точки на объекты, тем самым задавать им центр. Чтобы понять, для чего это нужно продемонстрирую вам наглядно. Вот у нас есть верхний слой с изображением, если мы его выберем, кликнем по нему один раз, то сможем его перемещать или изменять размер. Когда данный слой выделен у него отображается якорная точка, которая сейчас расположена в центре.
Мы задали этому слайду анимацию вращения и вращению у нас происходит именно по центральной оси объекта, потому что центр определён именно в центре этого изображения. А что, если вы хотите, чтобы ось вращения была не в центре, а допустим в нижнем правом углу? Для это нужно просто переместить якорную точку в правый нижний угол, тем самым установить там ось вращения.
Давайте удалим все ключи, оставим только анимацию вращения. Сейчас, при проигрывании анимации изображение вращается по центру. Для перемещения Anchor Point в верхнем меню нужно выбрать вот этот инструмент.
И им мы можем переместить теперь центр в любое нужное место. Ставим его в угол и смотрим, что у нас получается. Видите, мы сместили ось и теперь вращение происходит от угла изображения, а не от его центра.
Думаю, вы уже поняли, что параметр позволяет нам на протяжении анимации при необходимости, менять центр объекта. Для того, чтобы Anchor point вернуть в центр объекта нужно зажать Ctrl и два раза кликнуть мышкой по этому инструменту.
Да, кстати, хотел бы заметить, что в After Effect у новичков часто бывает такая ситуация, когда они случайно кликают по сцене и потом не понимают, куда всё делось, почему не работает анимация, почему не перетаскивается объект и т.п.. Сейчас вот мы работаем в композиции, у нас открыта именно композиция и мы можем работать со всеми слоями в ней. Если я кликну два раза мышкой по сцене, то откроется этот слой с изображением, потому что я по нему кликнул, он у нас самый верхний. Двойным кликом я просто открыл эту картинку и вышел из композиции и теперь не могу работать ни со слоями, не перемещать объекты. Чтобы вернуться снова в композицию нужно дважды кликнуть левой кнопкой мыши по ней в панели project.
И так, мы разобрали основные принципы анимации в After Effects и познакомились с параметрами слоёв, данной информации уже достаточно для того, чтобы создать какую нибудь не сложную анимацию, например простое слайд-шоу. Я сейчас удалю все ключи и заново сделаю слайд-шоу из всех слоёв фото с помощью параметра "Position".
Создаём анимацию первого слайда.
Теперь делаем тоже самое со вторым, только ключи поставим подальше, чтобы между сменой слайдов были временные промежутки. Слайд-шоу ведь и предполагает просмотр фото в автоматическом режиме, а не просто быстрое перелистывание.
То же самое проделываем с третьим и четвёртым слайдом, можно для красоты сменить направление движения, сделать его не вправую сторону, а в левую.
В окончании слайд шоу у нас остаётся чёрный экран, вместо него можно было бы оставить последний слайд, т.е. не делать ему анимацию. Но мы сделаем текст, напишем, например, "конец".
2. Текст
Для работы с текстом нужно взять вот этот инструмент, который называется "Текст", кликаем им по сцене и печатаем.
При работе с текстом справа в панели у нас открывается окно с параметрами. Тут можно задать нужный шрифт, цвет, размер, межбуквенное расстояние и другое. Эти параметры идентичны параметрам текста в фотошопе. Сам текст в After Effects анимируется аналогично и другим слоям, так же, при помощи различных параметров.
Слой с текстом размещаем в самом низу, и проигрываем анимацию. Получается слайд-шоу с окончанием в виде текста.
3. Motion Blur
Чтобы сделать его по-симпатичнее, можно ко всем слоям с анимацией подключить функцию "Motion Blur". Моушен Блюр - это такой эффект размытия в движении, он делает эффект движения более реалистичным. Для подключения моушен блюр включаем его во всех слоях с изображениями, на которые наложена анимация и кликаем по соответствующему значку, чтобы его активировать.
В результате слайды при движении оставляют за собой эффект размытия. Moution Blur можно использовать в различной анимации, но делать это нужно умеренно, не стоит вешать данный эффект на всю подряд анимацию, в некоторых случаях он может наоборот не украсить ваш проект, а испортить.
4. Рендеринг композиции
Остаётся отрендерить слайдшоу в видеофайл. Для этого, у вас дополнительно должна быть установлена программка Adobe Media Encoder, в первом уроке курса я объяснял зачем она нужна. Тут важно отметить, что Media Encoder должен быть той же версии, что и After Effects, иначе он не будет работать. У меня на данный момент After Effects CC2018 и Media Encoder установлен соответствующей версии.
Сначала выделяем композицию, в которой у нас находится вся анимация, кликнув по ней левой кнопкой мыши. Затем выбираем в меню "Composition" - "Add to Adobe media encoder Queue".
Далее, в появившемся окне, выбираем путь, куда у нас будет сохраняться видеофайл и запускаем рендеринг.
После окончания процесса рендеринга можно сразу же просмотреть результат, кликнув по ссылке пути сохранения видео.
5. Правильное сохранение проектов в AE
Последний момент, который я бы хотел в этом видео рассмотреть - это сохранение проекта. Если перейти в верхнем меню в "File" - "Save" и указать путь сохранения, то в данном случае у нас сохраниться файл проекта в расширении aep, т.е. after effects project.
Но, в предыдущем уроке я упомянал о том, что After Effects не загружает на прямую файлы, а просто импортирует их из указанной вами дерриктории и если вы удалите какой-то из файлов в дирриктории, то он пропадёт и в After Effects.
Чтобы избежать потерю какого-нибудь файла и чтобы сохранить пакетом ваш проект можно воспользоваться следующей функцией. Переходим в верхнем меню в "File" - "Dependencies" - "Collect Files". Открывается вот такое окно, в котором должна установка "All", т.е. все файлы, далее вот на этом пункте должна стоять галочка.
Здесь так же мы можем видеть сколько файлов будет добавлено в архив и сколько это будет весить.
Здесь стоит заметить, что все файлы проекта при таком сохранении After Effect скопирует из дирректорий. Т.е. программа не возьмёт прямо ваши файлы, которые вы импортировали, а именно скопирует их и создаст отдельный архив. Нажимаем "Collect", выбираем путь сохранения. Теперь сам файл проекта с архивом всех рабочих файлов вы можете передать кому-нибудь или перенести на другой компьютер, вообщем весь проект будет у вас в порядке.
Интуитивно понятные инструменты помогут быстрее и с большей точностью моделировать и комбинировать трехмерные объекты в After Effects.
Интуитивно понятные инструменты помогут быстрее и с большей точностью моделировать и комбинировать трехмерные объекты в After Effects. Поскольку все элементы управления трехмерными объектами собраны вместе, вам не придется постоянно переключаться между разными 3D-приложениями при создании каждого кадра.
Это рабочее пространство обладает следующими функциями:
С помощью инструментов для перемещения камеры можно в любой момент взглянуть на сцену с разных ракурсов, чтобы оценить, куда следует поместить тот или иной объект, а также каким инструментом 3D-преобразования лучше воспользоваться.
Если вы собираетесь работать с 3D-объектами в After Effects или хотите изучить основы, см. раздел Работа с 3D-объектами.
Чтобы открыть пространство для работы с трехмерными объектами, сделайте следующее:
- Активируйте на таймлайне переключатель 3D для всех интересующих вас двумерных слоев.
Создание 3D-подборок
Для создания 3D-подборок нужно сгруппировать вместе несколько 3D-слоев. При таком объединении 3D-слои проходят рендеринг вместе. При размещении 2D-слоя между несколькими 3D-слоями создаются отдельные подборки, которые могут привнести в проект визуальные изменения.
2. Пространство для работы с трехмерными объектами готово к использованию. На панели инструментов отображаются три элемента управления камерой — инструменты камеры с панорамированием, камеры на тележке и перемещения камеры по орбите. У каждого из этих элементов управления несколько точек взаимодействия, с помощью которых можно управлять объектами в сцене в трехмерном пространстве.
3. Выберите 3D-слой на таймлайне, чтобы воспользоваться инструментом для преобразования, позволяющим изменять поворот, масштаб и положение слоя.
Используйте обновленные элементы управления, чтобы быстро перемещать камеру в трехмерном пространстве сразу после преобразования 2D-слоя в 3D. В предыдущих версиях они были сведены в один инструмент, и воспользоваться ими сразу было невозможно из-за отсутствия прямого доступа. Улучшенные элементы управления, расположенные на основной панели инструментов, активируются сразу после превращения 2D-слоев в 3D.
Работа с разными элементами управления камерой
У каждого элемента управления камерой есть несколько точек взаимодействия, которые можно использовать для просмотра и контроля объектов в сцене. Настройки по умолчанию этих элементов управления можно изменять. Если вы раньше работали в другом 3D-приложениии, измените стандартные параметры и сохраните их для использования в дальнейшем.
По умолчанию установлено значение Орбита вокруг курсора .
По умолчанию установлено значение Панорамирование под курсором .
По умолчанию установлено значение Движение на тележке к курсору .
Клавиши 1, 2 и 3 используются для переключения между инструментами/элементами управления камеры (настроек 3D). Нажимайте Shift+1/2/3 для циклического переключения между инструментами/элементами управления камеры.
Доступ к управлению камерой можно получить, нажав клавишу Alt (Win)/Opt (Mac).
Добавление камеры к сцене
После начала навигации в After Effects появляется возможность просматривать слои в трехмерном пространстве. Чтобы добавить камеру к сцене, когда для съемки все будет готово, следует нажать Вид > Создать камеру из 3D-вида . После этого на таймлайне появится камера, положение которой зависит от текущей перспективы. К сцене можно добавить несколько камер на разные позиции.
Для регулирования настроек перемещения разных камер можно выбрать подходящий режим с помощью трех элементов управления камерой. Например, если вы хотите, чтобы по умолчанию камера двигалась по орбите вокруг сцены, соответствующим образом измените настройки.
Использование горячих клавиш для переключения между элементами управления
Для навигации и переключения между разными элементами управления камерой можно использовать горячие клавиши — 1, 2 и 3 на клавиатуре. Параметры горячих клавиш можно задать в диалоговом окне настроек 3D.
Инструмент 3D-преобразования позволяет изменять масштаб, положение и поворот 3D-слоев без использования других средств. Он быстрее и удобнее старого аналога, а также предоставляет доступ сразу ко всем средствам управления пространством. Новый инструмент, как и Adobe Dimension, позволяет преобразовывать каждую ось. Благодаря ему при настройке не нужно переходить к каждому из параметров (таких как положение, масштаб и поворот) по отдельности.
Чтобы использовать его, выполните действия, описанные в разделе Открыть пространство 3D-дизайна.
Дополнительные сведения см. в разделе Инструменты 3D-преобразования.
Получите визуализацию изменений, внесенных в 3D-проекты, в режиме реального времени в рамках After Effects. Более быстрый и эффективный модуль рендеринга в реальном времени (RTE), установленного взамен модуля «Быстрый черновик OpenGL», предоставляет последовательные предварительные просмотры в режиме реального времени на протяжении всего творческого процесса.В интерактивном дизайне скорость итерации и возможность экспериментировать имеет ключевое значение для принятия творческого решения. Используйте Предварительный просмотр черновика 3D в режиме реального времени, чтобы сократить время предварительного просмотра, тем самым сокращая интервал между идеей, действием и результатом. Для включения функции нажмите «Черновик 3D» на панели инструментов композиции.
Содержимое данной статьи применимо главным образом к средству рендеринга Classic 3D. Чтобы узнать подробнее о модуле 3D-рендеринга с трассировкой лучей, см. раздел Экструзия текста и слоев-фигур и следующее видеоруководство.
При преобразовании в 3D-слой слой остается плоским, однако, он приобретает дополнительные свойства: «Положение» (Z), «Опорная точка» (Z), «Масштаб» (Z), «Ориентация», «Поворот по оси X», «Поворот по оси Y», «Поворот по оси Z», а также «Параметры материала». Свойства «Параметры материала» определяют, как слой взаимодействует со светом и тенью. Только 3D-слои могут взаимодействовать со светом, тенями и камерами.
Отдельные символы в текстовых слоях также могут быть 3D-подслоями, каждый с собственными 3D-свойствами. Текстовый слой, для которого включен параметр «Разрешить посимвольный 3D-рендеринг», ведет себя как слой предварительной композиции, состоящий из 3D-слоев для каждого символа. Все слои камеры и света обладают 3D-свойствами.
По умолчанию для всех слоев значение глубины (положение по оси Z) равно 0. В After Effects начало системы координат находится в левом верхнем углу; значение X (ширина) увеличивается слева направо, значение Y (высота) увеличивается сверху вниз, а значение Z (глубина) увеличивается в направлении от себя. В некоторых приложениях для работы с видео и 3D-объектами система координат повернута на 180 градусов по оси x ; в таких системах значение Y увеличивается снизу вверх, значение Z — по направлению к себе.
Выбрав соответствующий режим слоя, можно трансформировать 3D-слой относительно координатного пространства композиции, координатного пространства слоя или пространства, заданного пользователем.
Можно добавлять эффекты и маски в 3D-слои, 3D-слои, состоящие из 2D-слоев, а также создавать и анимировать слои камеры и света, чтобы просмотреть или подсветить 3D-слой с разных углов. При выполнении рендеринга для финального вывода рендеринг 3D-слоев производится с ракурса активной камеры. (См. Создание слоя камеры и изменение настроек камеры.)
Все эффекты являются двухмерными, в том числе и эффекты, имитирующие 3D-искажения. Например, при просмотре слоя с эффектом «Выпуклость» с боковой стороны выпуклость не отображается.
Как и в случае с другими масками, маска с координатами на 3D-слое размещается в двухмерном координатном пространстве слоя.
При преобразовании двухмерного слоя в трехмерный, к его положению, опорной точке и масштабу добавляется значение глубины (Z), кроме того, слой приобретает следующие свойства: ориентация, поворот по оси X, поворот по оси Y, а также параметры материала. Прежнее единственное свойство поворота переименовывается в «Поворот по оси Z».
При обратном преобразовании 3D-слоя в двухмерный слой свойства «Поворот по оси Y», «Поворот по оси X», «Ориентация», а также «Параметры материала» удаляются, включая все их значения, ключевые кадры и выражения. (Эти значения нельзя восстановить путем обратного преобразования двухмерного слоя в трехмерный). Свойства «Опорная точка», «Положение» и «Масштаб» сохраняются вместе со своими ключевыми кадрами и выражениями, однако их значения Z остаются скрытыми и игнорируются.
Преобразование слоя в 3D-слой
Для соответствующего слоя щелкните переключатель 3D-слоя на панели «Таймлайн» или выделите слой и выберите команду «Слой» > «3D-слой».
Анимация — это изменение с течением времени. Слой или эффект слоя анимируется путем изменения одного или нескольких его свойств с течением времени. Например, можно анимировать свойство слоя «Непрозрачность» от 0 % в нулевой момент времени до 100 % в момент времени 1 секунда, чтобы слой постепенно появился на экране. Анимировать можно любое свойство, у которого есть кнопка секундомера слева от его названия на панели «Таймлайн» или «Элементы управления эффектами».
A. Активный секундомер B. Неактивный секундомер
Свойства слоя анимируются с помощью ключевых кадров, выражений или обоих этих параметров.
Многие шаблоны настроек анимации включают ключевые кадры и выражения. Это позволяет применить конкретный шаблон настроек к слою, чтобы быстро получить сложную анимацию.
Работа с ключевыми кадрами и выражениями в After Effects ведется в одном из двух режимов: панель слоев или редактор диаграмм. По умолчанию используется режим панели слоев, в котором слои представлены в виде панелей продолжительности, а ключевые кадры и выражения выровнены по вертикали с их свойствами на панели «Таймлайн». В режиме редактора диаграмм панели слоев не отображаются, но отображаются графики значений или диаграммы скорости с ключевыми кадрами и результатами выражений. (См. раздел Редактор диаграмм.)
Ключевые кадры
Ключевые кадры используются для задания параметров движения, эффектов, аудио и других свойств, которые обычно изменяются с течением времени. Ключевой кадр обозначает определенный момент времени, где задается значение для свойства слоя, такое как положение в пространстве, степень прозрачности или громкость звука. Значения между ключевыми кадрами интерполируются. При создании изменений с течением времени на основе ключевых кадров, как правило, используется не менее двух ключевых кадров: один содержит состояние в начале изменения, а второй — новое состояние в конце изменения. (См. раздел Установка или добавление ключевых кадров.)
Если для определенного свойства активен секундомер, приложение After Effects автоматически задает или изменяет ключевой кадр для свойства в точке текущего времени при каждом изменении значения свойства. Если секундомер для свойства неактивен, оно не имеет ключевых кадров. Если значение для свойства слоя изменить при неактивном секундомере, это значение останется неизменным на панели продолжительности слоя.
Если включен режим автоматического добавления ключевых кадров, секундомер будет автоматически включен для свойства при его изменении. (См. раздел Режим автоматического добавления ключевых кадров.)
Если секундомер отключить, все ключевые кадры для этого свойства слоя будут удалены, а значение постоянной для свойства будет заменено значением на текущий момент времени. Не отключайте секундомер, если только не уверены в необходимости безвозвратно удалить все ключевые кадры для этого свойства.
Значки ключевых кадров в режиме панели слоев можно заменить на числа, выбрав в меню панели «Таймлайн» команду «Использовать индексы ключевого кадра».
Если свернуть свойство слоя, содержащего ключевые кадры, для группы свойств будут показаны серые точки (сводные индикаторы ключевых кадров), представляющие содержащиеся в ней ключевые кадры.
Некоторые инструменты, такие как «Набросок движения» и «Марионетка», автоматически устанавливают ключевые кадры в соответствии с нарисованным движением.
Выражения
В выражениях используется язык сценариев на основе JavaScript для определения значений свойств и связей между свойствами. Можно создавать простые выражения, связывая свойства с помощь инструмента «Лассо». (См раздел Сведения о выражениях.)
Ресурсы в Интернете, посвященные анимации
См. видеоурок «Анимация изменения свойств с помощью ключевых кадров» от Джеффа Сенгстэка (Jeff Sengstack) и Infinite Skills.
Пошаговые учебные пособия, демонстрирующие анимацию отдельных слоев из файла Photoshop (PSD), см. в главе «Анимация слоев в After Effects» книги After Effects Classroom на веб-сайте Peachpit Press.
Редактор диаграмм представляет значения свойств анимации в виде двухмерного графика, на котором время композиции представлено по горизонтали (слева направо). В режиме панели слоев на диаграмме времени представлен только горизонтальный элемент времени без отображения графического вертикального представления изменяющихся значений.
Переключение между режимами панели слоев и редактора диаграмм выполняется кнопкой «Редактор диаграмм» на панели «Таймлайн» или сочетанием клавиш SHIFT+F3.
В редакторе диаграмм доступны два типа диаграмм: диаграммы значений, которые содержат значения свойств, и диаграммы скорости, показывающие скорость изменения значений свойств. Для временных свойств, таких как «Непрозрачность», в редакторе диаграмм используется по умолчанию диаграмма значений. Для пространственных свойств, таких как «Положение», в редакторе диаграмм используется по умолчанию диаграмма скорости. Дополнительные сведения о просмотре и изменении значений ключевых кадров см. в разделе Просмотр или изменение значений ключевых кадров.
В редакторе диаграмм каждое свойство представлено отдельной кривой. Одновременно просматривать и работать можно только с одним свойством, а просматривать одновременно можно несколько свойств. Если в редакторе диаграмм отображаются несколько свойств, кривая каждого свойства имеет тот же цвет, что и у значения свойства в структуре слоя.
При перетаскивании ключевого кадра в редакторе диаграмм с включенной кнопкой «Привязать» ключевой кадр будет привязываться к значениям ключевых кадров, временам ключевых кадров, текущему времени, точкам входа и выхода, маркерам, началу и концу рабочей области и началу и концу композиции. Если ключевой кадр привязывается к одному из этих элементов, что в редакторе диаграмм будет показана оранжевая линия, обозначающая объект, к которому выполнена привязка. Чтобы временно переключить режим привязки, удерживайте нажатой клавишу CTRL (Windows) или COMMAND (Mac OS) после начала перетаскивания.
У ключевых кадров в режиме редактора диаграмм могут быть дескрипторы направления с одной или обеих сторон. Дескрипторы направления используются для управления интерполяцией по кривой Безье.
С помощью кнопки «Разделить координаты» в нижней части редактора диаграмм можно разделить компоненты свойства «Положение» на отдельные свойства — «Положение по оси X», «Положение по оси Y» и (для 3D-слоев) «Положение по оси Z», — чтобы можно было независимо изменить или анимировать каждый из компонентов. (См. раздел Разделение координат «Положение» для отдельной анимации компонентов.)
В данном уроке мы рассмотрим способ создания 3D панорамы в After Effects из фото. Данным способом можно абсолютно из любого фото сделать 3D панораму, но лучше конечно же - это делать именно из панорамного фото. Панорамное фото может иметь различные углы обзора, самыми распространенными являются углы обзора в 160 и 360 градусов по горизонтали.
Панормамное фото сделать не сложно, в настоящее время практически все современные фотокамеры имеют встроенную функцию панорамной съемки. Кроме того, существует множество приложений для вашего смартфона, с помощью которых можно без труда снять панораму с любым необходимом вам углом обзора. Я для работы буду использовать готовое панорамное фото улицы.
Готовые панорамы различных городов, улиц и природы вы можете легко найти в интернете, ну или можете заморочиться, установить на свой смартфон какое-нибудь специальное приложение и снять свою панораму.
1. Создаём новый проект
Способ, который мы рассмотрим в данном видео позволяет сделать панораму и из обычного фото, но угол обзора придётся значительно уменьшить, потому что с увеличением угла у вас будет увеличиваться эффект так называемого "рыбьего глаза". Давайте перейдем к работе и вы поймете о чем идет речь.
Итак, создаём новый проект. Размер я выставлю по размеру панорманого фото, т.е. 1920 на 960 пикселей. Частоту кадров, в данном случае, необходимо выставлять в зависимости
от того, что вы хотите получить в итоге. Если вы хотите сделать анимацию панорамы видео-файлом, то можно выставить 60 кадров в секунду, чтобы было все плавнее. Если же
планируете сохранить результат гифкой, то можно оставить по умолчанию - 25 кадров в секунду. Время композиции оставим одну минуту и фон пусть будет черным.
2. Импортируем фото и подготавливаем к анимации
Теперь импортируем наше фото с панорамой и помещаем его в композицию. Для этого в панели проекта кликаем правой кнопкой мыши и выбираем "Import" - "File", после чего
указываем наше изображение.
Далее удерживая левую кнопку мыши просто перетаскиваем фото в композицию.
Следующим шагом нам нужно создать камеру. Кликаем в панели слоёв правой кнопкой мыши и выбираем "New" - "Camera".
В результате откроется окно с параметрами камеры. Настройки все можно оставить по умолчанию, у меня сейчас вот стоит камера на 35мм.
Теперь, всё, что нам нужно сделать - это наложить на слой с фото стандартный эффект, который называется "CC Environment". Печатаем название эффекта в поиске панели
эффектов и пресетов и находим его.
Берем данный эффект левой кнопкой мыши и перетаскиваем на слой с фото в панели тайм-лайн.
В результате мы видим, что эффект применился и остаётся только настроить его. В появившихся настройках эффекта нет ничего сложного. Здесь мы будем регулировать всего
две настройки - это "Lens Distortion" - искажение объектива и "Horizontal Pan" - горизонтальная панорама.
Настраиваем искажение объектива таким образом, чтобы объекты в кадре имели нормальный вид, как можно меньше искажались. Можно просто выставить искажение на 100, в результате мы получим оригинальный размер нашей фотопанормамы.
Вторым параметром "Horizontal Pan" проверяем результат, вращая камеру. Получилась горизонтальная панорама улицы. Если вы хотите немного сменить ракурс камеры, сделать вид повыше или наоборот пониже, то необходимо выставить настройки у самой камеры. Разворачиваем параметры камеры и регулируем настройки параметра "Position".
Например, сделаем вид немного вверх. Выделяем слой с фото и в настройках эффекта панорамы крутим камеру. Теперь камера зафиксирована в нужном нам положении и смотрит под небольшим углом снизу вверх.
Таким образом, выставляете настройки камеры так, как вам нужно и можете делать анимацию панорамы. Во время анимации можно и менять вид камеры, изменять её угол обзора по вертикали.
3. Анимируем панораму
Давайте сделаем анимацию нашей панорамы. Допустим, камера начнет вращаться вот из этой точки.
Разворачиваем параметры слоя с изображением, открываем эффекты, эффект "CC Environment". Тут нам нужен только параметр "Горизонтальная панорама".
Выбираем на трее время, с которого начнётся анимация, я сделаю прямо с первой секунды. Ставим ключ данного параметра.
Теперь перемещаем ползунок по шкале времени на небольшое расстояние, секунд на десять будет достаточно. Перемещаем камеру, с помощью того же параметра на нужный нам угол и автоматически появляется второй ключ.
Теперь, если мы проиграем результат, нажав на пробел, то увидим анимацию панорамы.
Если же в ходе вращения камеры вы хотите изменить её угол по вертикали, то нужно воспользоваться параметром "Position" у камеры. Выставим ползунок на начало движения,
изменим угол обзора по вертикали и поставим ключ.
Перемещаем ползунок в конец анимации и сделаем тут наоборот, обзор камеры направим вниз.
В результате камера будет не просто вращаться вокруг, но и при вращении опускаться сверху вниз.
4. Сохраняем результат в видео-файл
Теперь можно подогнать шкалу времени под длительность анимации и отрендерить результат в видео-файл или сохранить его гиф-анимацией.
В данном случае, мы его отрендерим в видео-файл. Выбираем в верхнем меню "Composition" - "Add to Adobe Media Encoder Queue", указываем место сохранения файла и запускаем рендер.
Вот таким простым способом, с помощью стандартных инструментов After Effects можно сделать анимацию 3D панорамы, которая выглядит достаточно интересно.
Читайте также: