Анимация 3D панорамы в After Effects

Посмотреть видео-урок

В данном уроке мы рассмотрим способ создания 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 панорамы, которая выглядит достаточно интересно.

Поделиться:

Комментарии ()

  1. Action scenes 03 ноября 2020, 10:10 # 0
    Все легко и просто, спасибо!)
    1. Мастерская КОМПРОС 03 ноября 2020, 10:11 # 0
      Всё методично показано, без лишней воды. Спасибо за туториал по AE.
      1. Михаил Негимов 04 ноября 2020, 08:28 # 0
        Отличный урок, спасибо, всё получилось!
        716
        Посмотреть видео-урок Смотреть видео-урок Скачать исходники урока Скачать исходники урока