Как сделать визуализатор в adobe after effects

Обновлено: 07.01.2025

Пространство для работы с дизайном трехмерных анимаций

Интуитивно понятные инструменты помогут быстрее и с большей точностью моделировать и комбинировать трехмерные объекты в After Effects. Поскольку все элементы управления трехмерными объектами собраны вместе, вам не придется постоянно переключаться между разными 3D-приложениями при создании каждого кадра.

Это рабочее пространство обладает следующими функциями:

Инструмент 3D-преобразования
Улучшенные инструменты для перемещения камеры в трехмерном пространстве
Предварительный просмотр черновика 3D в режиме реального времени
Горизонтальная проекция 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-преобразования позволяет изменять масштаб, положение и поворот 3D-слоев без использования других средств. Он быстрее и удобнее старого аналога, а также предоставляет доступ сразу ко всем средствам управления пространством. Новый инструмент, как и Adobe Dimension, позволяет преобразовывать каждую ось. Благодаря ему при настройке не нужно переходить к каждому из параметров (таких как положение, масштаб и поворот) по отдельности.

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

Основной инструмент служит единым средством регулирования масштаба (квадратные метки), положения (стрелки) и поворота (кружки) объекта. Для внесения изменений требуется просто выбрать элемент управления и перетащить его в нужном направлении:

Метки положения (стрелки) позволяют перемещать выбранную область в направлении стрелки. Передвигаемый объект выделяется розовыми линиями, чтобы показать, как далеко он сместился с изначального положения. Дополнительные сведения см. в разделе «Инструменты измерения».

Метки масштаба (квадраты) позволяют растягивать и масштабировать тот или иной объект вдоль линии их размещения. Удерживайте клавишу Shift во время масштабирования, чтобы единообразно выполнять его по всем направлениям.
Метки поворота (кружки) позволяют вращать тот или иной объект вдоль линии их размещения. По умолчанию шаг поворота составляет 1 градус. Чтобы привязать шаг поворота к значению в 5 градусов, нужно удерживать во время вращения клавишу Shift. Чтобы отключить привязку значения поворота к заданному шагу и гарантировать точность до десятой доли градуса, удерживайте во время вращения клавишу Command/Control.

Вариации инструментов

В старых версиях инструментов для преобразования нет отдельных конфигураций. По умолчанию инструменты 3D-преобразования находятся в универсальной конфигурации, помимо которой доступны следующие: Положение , Масштаб и Поворот . Конфигурации можно менять с помощью основной панели инструментов.

Для каждой оси предусмотрен свой цвет. Горизонтальная ось (X) обозначена красным, вертикальная ось (Y) — зеленым, а ось глубины (Z) — синим. Чтобы изменять ориентацию объектов, перемещайте каждую ось.

Универсальная конфигурация

Только положение

Только масштаб

Только поворот

Разные режимы оси

В After Effects можно переключаться между локальным и глобальным осевым пространством и использовать режим просмотра оси, в котором доступно следующее:

Перемещение опорной точки
Положение и ориентация
Инструмент «Вращение с Y» / «Панорамирование назад» / «Опорная точка»

Совет. Попробуйте комбинировать глобальное или локальное пространство либо использовать режим просмотра оси с разными конфигурациями для получения большего уровня контроля над объектами в трехмерном пространстве.

Инструменты измерения

С помощью инструментов измерения можно оценить, как далеко вы переместили или на сколько градусов повернули объект при работе с инструментами преобразования. Инструменты измерения обновляются динамически и позволяют получить информацию о разных конфигурациях и режимах инструментов преобразования.

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

Использование горячих клавиш для переключения между инструментами преобразования

Эти свойства можно редактировать отдельно, используя клавиши 4, 5 и 6 для перехода к отдельным инструментам и манипулированию осями. Или нажмите клавишу V, чтобы вернуться к универсальному инструменту. Чтобы добиться как можно большей точности, можно сфокусироваться на свойстве одного типа. Изменение нужных для этого сочетаний клавиш выполняется в редакторе сочетания клавиш.

Диалоговое окно настроек 3D

Изменить настройки 3D можно в меню After Effects > Настройки > 3D .

Перемещение камеры: Нажимайте Shift+1/2/3 для циклического переключения между инструментами/элементами управления камеры.
- Уберите флажок из поля горячих клавиш, отвечающих за перемещение камеры и инструменты преобразования. Если флажка в этом поле нет, After Effects добавляет маркеры, когда пользователь нажимает упомянутые клавиши. Иными словами, управление инструментами камеры перестает быть приоритетной функцией горячих клавиш. Если флажок в поле горячих клавиш стоит, управление маркерами отключается.
- Снимите флажок, чтобы камера не перемещалась при нажатии левой/средней/правой клавиши мышки, если нажата клавиша alt/option. Если этот флажок не установлен, After Effects использует упомянутые кнопки мышки для управления каркасами.
  - Точка управления камерой: доступны варианты «Нет», «Индикатор» и «Индикатор направления».
  - Функция колесика прокрутки на мышке: доступны варианты «Увеличение композиции», «Прямой наезд камеры» и «Обратный наезд камеры».
  - Направление перетаскивания: доступны варианты «Обычное» и «Обратное».
  Предварительный просмотр черновика 3D в режиме реального времени
  
  Получите визуализацию изменений, внесенных в 3D-проекты, в режиме реального времени в рамках After Effects. Более быстрый и эффективный модуль рендеринга в реальном времени (RTE), установленного взамен модуля «Быстрый черновик OpenGL», предоставляет последовательные предварительные просмотры в режиме реального времени на протяжении всего творческого процесса.В интерактивном дизайне скорость итерации и возможность экспериментировать имеет ключевое значение для принятия творческого решения. Используйте Предварительный просмотр черновика 3D в режиме реального времени, чтобы сократить время предварительного просмотра, тем самым сокращая интервал между идеей, действием и результатом. Для включения функции нажмите «Черновик 3D» на панели инструментов композиции.
  
  Горизонтальная проекция 3D
  
  Горизонтальная проекция 3D помогает ориентироваться и дает ощущение пространства во время навигации в режиме предварительного просмотра черновика, предоставляя визуальную подсказку, способствующую расположению камер, освещения и 3D-слоев относительно друг друга.
  
  При включении «Черновика 3D» по умолчанию включается новая кнопка «Горизонтальная проекция» на панели инструментов в нижней части панели «Композиция». Используйте ее, чтобы включить или отключить горизонтальную проекцию в 3D-пространстве композиции.
  
  Используйте улучшенную панель инструментов композиции для быстрого и простого создания и редактирования 3D-объектов
  
  After Effects позволяет беспрепятственно работать над 3D-дизайном, отображая только соответствующие элементы управления в соответствии с текущими проектными работами. Больше не нужно постоянно включать/отключать большое количество настроек при переключении между проектами, тем самым экономя время и усилия.
  
  Ряд кнопок в нижней части панели «Композиция» усовершенствованы и реорганизованы с целью отображения только наиболее часто используемых функций. 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», — чтобы можно было независимо изменить или анимировать каждый из компонентов. (См. раздел Разделение координат «Положение» для отдельной анимации компонентов.)
  
  Ключевые кадры в редакторе диаграмм с дескрипторами направления
  В данном уроке мы разберём тему создания аудиоспектра или эквалайзера из изображения с помощью After Effects и Photoshop. Что такое "аудиоспектр" или как его еще называют "эквалайзер", думаю объяснять не стоит это и так всем понятно. Эффект аудиоспектра обычно применяют на фоновую заставку для какой-нибудь музыкальной композиции или подкаста.
  
  1. Создание простого эквалайзера в After Effects
  
  Для начала рассмотрим создание простого эквалайзера в After Effects. Создаём новый проект, параметры выставляет здесь следующие: размер я взял стандартный Full HD и чистоту кадров оставим на 25 кадров в секунду. Теперь, так как мы делаем проект для музыкального трека, здесь нужно выставить длительность нашего трека, в данном случае - это 3 минуты 12 секунд.
  
  Создаём новую композицию, импортируем трек и помещаем его в композицию. Для этого кликаем правой кнопкой мыши по панели "Project" и в открывшемся меню выбираем "Import" - "File", находим аудио-файл на компьютере и импортируем его.
  
  Чтобы поместить импортированный трек в композицию, просто берём его удерживая левую кнопку мыши и перетаскиваем на композицию.
  
  В результате, на шкале времени появляется дорожка. Проигрываем композицию, выделив дорожку с треком и кликнув на пробел, и слышим, что звучит трек.
  
  На фон давайте поставим какую-нибудь картинку, чтобы смотрелось всё симпатичнее. Импортируем данную картинку, точно так же, как и аудио-трек, затем так же помещаем её в композицию.
  
  Для создания эквалайзера под трек нам понадобиться эффект "Audio Spectrum", он так и называется, поэтому чтобы его найти в панели "Эффекты и присеты" в поисковой строке пишем "Audio spectrum".
  
  Теперь создаём новый слой-заливку, кликаем правой кнопкой мыши в панели слоёв и выбираем "New" - "Solid".
  
  Здесь мы размер оставим по размеру композиции, т.е. Full HD и цвет заливки оставим чёрный.
  
  Далее, просто перетаскиваем эффект "Audio spectrum" на слой с заливкой, удерживая левую кнопку мыши.
  
  Теперь видим, что у нас тут уже отображаются вот такие вот еле видимые розовые точки - это и есть эквалайзер.
  
  Если мы попробуем проиграть трек, то увидим, что с эквалайзером ничего не происходит, он не реагирует на аудио-файл. Для того, чтобы подключить эффект "Audio spectrum" к слою с треком необходимо в настройках эффекта параметру "Audio layer" показать наш слой с треком.
  
  Теперь, если мы проиграем композицию, то увидим, что эквалайзер работает.
  
  Ну собственно и всё, у нас есть простой эквалайзер, который теперь можно настроить как нам необходимо. Можно взять прямо этот слой, уменьшить или увеличить его, подвинуть в нужное место. Так же с помощью параметров данного эффекта можно настроить его внешний вид. В окне настроек данного эффекта куча всяких параметров, с помощью которых можно откорректировать внешний вид эквалайзера.
  
  Здесь особо обяснять нечего, можете сами попробовать покрутить настройки. Есть еще и несколько разновидностей эквалайзера, например вот сейчас стоит цифровой (digital), тут в настройках можно поставить аналоговый линиями и аналоговый точками. Вообщем, вот таким образом делается простой эквалайзер в After Effects.
  
  2. Создание эквалайзера из изображения
  
  Теперь давайте создадим какой-нибудь аудиоспектр по интереснее стандартного. Эффект мы будем делать из изображения и для работы нам понадобиться Photoshop. Я взял вот такое изображение и хочу сделать эквалайзер из косичек вот этих девушек, ну точнее клонов девушки.
  
  Для этого мне необходимо фоновое изображение с этими девушками, только без косичек и второе изображение на прозрачном фоне, т.е. в png формате с косичками, на которое мы и будем накладывать эффект.
  
  Для быстрого вырезания я буду использовать инструмент "Быстрое выделение". Выбираю его и нажимаю "Выделить предмет".
  
  Теперь кликаю правой кнопкой мыши по выделенным объектам и выбираю "Скопировать на новый слой". У нас получился новый слой с девушками, без заднего фона. Первый слой можно теперь просто скрыть, кликнув по иконке глаза напротив него.
  
  Далее, на этом слое я просто удалю девушек обычным инструментом "ластик" и оставлю только косички.
  
  После чего сохраняю это изображение в png формате, т.е. на прозрачном фоне. Выбираем в верхнем меню "Файл" - "Экспортировать" - "Сохранить для web" и сохраняем это изображение в папку нашего проекта на компьютер.
  
  Теперь на первом слое, который мы скрыли, нужно сделать всё наоборот, т.е. удалить косички и оставить девушек на фоне.
  
  Для этого я возьму инструмент "Точечная восстанавливающая кисть" и просто удалю косы. Тень от косичек тут можно было бы тоже удалить, но я не буду этого делать.
  
  И сохраняю это изображение в обычном jpg формате. Выбираем в верхнем меню "Файл" - "Экспортировать" - "Сохранить для web" и сохраняем это изображение в папку нашего проекта на компьютер. Качество изображения при сохранении можно выставить на максимальное.
  
  Переходим в After Effects и мпортируем сюда наши изображения, помещаем их в композицию и слой с косичками размещаем поверх слоя с девушками.
  
  Теперь выделяем слой с косичками в шкале времени, кликаем по нему правой кнопкой мыши и выбираем "Keyframe Assistant" - "Convert Audio to Keyframes".
  
  В результате у нас создался новый слой, который называется "Аудио амплитуда". Мы создали новый слой с амплитудой нашего трека и теперь мы можем применить эту амплитуду к любым свойствам и эффектам, которые можем наложить на любое из наших изображений.
  
  Для начала откроем параметры этого слоя, здесь имеются стандартные параметры трансформирования и параметры эффектов. Нам нужны именно параметры эффектов.
  
  Как мы видим, тут имеются такие свойства, как "Левый канал", "Правый канал" и "Оба канала". Если у нас трек в стерео, то мы можем работать отдельно, как с левым, так и с правым каналом, но для нашей задачи это не нужно, нам нужно именно сразу два канала. Поэтому вот эти свойства мы просто удалим. Выделяем их и нажимаем "Delete". Далее открываем свойства "Оба канала" и здесь имеется вот такая функция "Slider" - это и есть амплитуда обоих каналов с которой мы и будем работать.
  
  Открываем свойства слоя с косичками. Тут имеются стандартные параметры, такие, как Anchor point, Position, Scale и прочие.
  
  Любой из данных параметров слоя мы можем подключить к амплитуде. Подключение делается с помощью привязки. Например, параметр "Scale" отвечает за размер и если мы его подключим к слою с амплитудой, переместив мышью значок привязки на параметр "slider", то получим вот эффект уменьшения и увеличения косичек под музыку.
  
  Изображение с косичками увеличивается и уменьшается в размере под аудио амплитуду под наш трек. Вот таким образом можно каждый из стандартных параметров слоя подключать к амплитуде, тем самым создавать определённый эффект эквалайзера.
  
  Но нам тут нужно сделать косички в виде эквалайзера, поэтому стандартные параметры не подойдут. Здесь нужно воспользоваться каким нибудь эффектом. Т.е. к слою с изображением косичек нужно подключить эффект и привязать этот эффект к амплитуде. Удалим созданный нами эффект, зажав комбинацию клавиш Ctrl + Z на клавиатуре.
  
  В After Effects существует огромное количество стандартных эффектов, любой из которых можно для данной цели задействовать, но мы возьмём именно нужный нам эффект, чтобы получить нужный результат. Выделяем слой с изображением косичек в панели шкалы времени, выбираем в меню "Distort" - "Wave War", что в переводе на русский - "Волновая деформация".
  
  И видим уже на косичках появившейся эффект волны и появившиеся свойства эффектов у данного слоя.
  
  Теперь этот эффект нужно подключить к амплитуде с помощью привязки. Для этого нужно выбрать у эффекта определённое свойство и привязать его к свойству "Slider" слоя амплитуды. Я предлагаю взять свойство "Wave height", т.е. высоту волны.
  
  Вы можете поэксперементировать с другими свойствами, да и вообще с другими эффектами, которых очень много в стандартном наборе программы. Привязываем высоту волны к амплитуде и получаем эффект волны на косичках.
  
  Я надеюсь, что достаточно доходчиво всё объяснил и вы теперь понимаете, как задать слою какой-нибудь эффект и подключить его к амплитуде трека. В видео-уроке вы можете посмотреть еще один вариант эквалайзера из изображения, с помощью параметра прозрачности.
  
  Ну и теперь, чтобы сохранить результат, выбираем в верхнем меню "Composition" - "Add to Adobe Media Encoder Queue" и рендерим наше произведение в выбранную директорию, в формате mp4. Напомню, что для сохранения видео в MP4 у вас должна быть установлена программка Adobe media Encoder, без неё такой трюк не пройдёт.
  
  Первый урок из курса посвящен знакомству с программой Adobe After Effects. В работе с After Effects практически всегда принимает участие фотошоп и в связке эти две программы открывают просто колоссальные возможности для творчества. Но прежде чем перейти к созданию различных эффектов и анимации я просто обязан ознакомить начинающих пользователей с данной программой, а именно с её интерфейсом и основным функционалом.
  
  1. Настройки оптимизации программы
  
  И так, я открыл After Effect и нас встречает вот такой интерфейс.
  
  Я использую англоязычную верси программы, что и вам советую, потому что для After Effects существует огромное количество полезных плагинов и дополнений, с помощью которых можно делать очень крутые вещи и большая часть этих плагинов и дополнениий не совместимы с русскоязычной версией программы.
  
  Что касается настроек для оптимизации работы программы, первым делом следует проверить включен ли у вас кеш диска. Переходим в "Edit" - "Preferences" - "Media & Disc cash".
  
  На пункте "Enable Disk Cache" должна стоять галочка. Здесь необходимо выбрать папку, куда After Effects будет сохранять кеш и устанавить объём, который мы готовы выделить на жёстком диске под этот кеш. Дикс под это дело лучше выбирать не системный и конечно же не забитый информацией, а наиболее свободный. Данная настройка значительно повышает скорость работы After Effects, поэтому её лучше делать в первую очередь.
  
  Каждый раз, после того, как вы завершаете работу с программой рекомендуется чистить кеш, чтобы не засорять ваш диск. Для этого в этих же настройках нажимаем кнопку "Clean Database & Cache" и кеш чистится, после этого уже закрываем программу.
  
  2. Панель Project
  
  Рассмотрим основные рабочие окна интерфейса. Слева расположена панель "Project", в которой отображаются все импортированные нами файлы. Если в фотошопе существует панель слоёв, в которой размещаются все открытые изображения или видео файлы, то в After Effects прежде чем открыть какой-то файл его сначала необходимо импортировать в программу. Для того, чтобы импортировать файл или сразу несколько файлов необходимо кликнуть правой кнопкой мыши в данной панели и выбрать "Import" - "File".
  
  После чего в открывшемся проводнике указываем файл на компьютере, выделяем его или выделяем сразу несколько, как и в фотошоп, удерживая Alt или Shift и импортируем. В результате у нас импортированные файлы появляются в панели "Project" и мы уже с ними можем работать.
  
  В отличии от фотошоп After Effects не загружает на прямую выбранные файлы, а импортирует их из места расположения. Т.е. если, вы импортируете какой нибудь файл с рабочего стола вашего компьютера, а потом просто удалите его, данный файл перестанет отображаться в After Effect. Поэтому при работе с проектами в After Effects лучше всего все файлы хранить в отдельной папке, а не разбрасывать их по всем дискам. Таким образом вы себе просто облегчите работу с программой.
  
  В After Effects можно импортировать практически все возможные графические форматы, такие как jpg, gif, png, PSD и другие. Так же программа позволяет работать с векторными форматами, со всевозможными видео форматами и звуковыми файлами.
  
  Обратите внимание, что в After Effects у каждой панели имеется функция поиска.
  
  Поиск имеется и в панели Project и в панели "time line" и в панели эффектов. Данная функция сделана не спроста и её нужно сразу же привыкать использовать. Дело в том, что при работе над каким-либо проектом, в той же панели "Project" обычно скапливается огромное количество импортированных файлов. И для быстрого поиска нужного файла достаточно вбить часть его названия, чтобы не копаться в куче проектного материала. То же самое касается и остальных панелей.
  
  В окне Project можно использовать лейблы, т.е. метки файлов, как и в фотошопе в панели слоёв. Для удобства можно задать одному или нескольким файлам определённый лейбл, цвет. Просто кликаем по пентаграмме квадратика на нужном файле или выбираем сразу несколько файлов и задаём нужный цвет.
  
  В панели Project можно создавать папки и сортировать в них файлы проекта, кликнув по соответствующему значку под панелью.
  
  Так же тут имеется предпросмотр файлов, т.е. если вы выделите какой-нибудь файл, то он отобразиться в окошке предпросмотра. Еще тут имеется значок удаления файла (корзина), как и в фотошопе, можно выделить файл и удалить его из панели Project.
  
  Есть в данной панели еще одна очень важная функция - это создание композиции. И вот об этом мы как раз поговорим рассматривая следующую панель "Time line".
  
  3. Панель Time Line
  
  Панель "Time line" занимает всю нижнюю часть интерфейса программы.
  
  Для того, чтобы воспользоваться этой панелью необходимо создать композицию в панели "Project", кликнув по соответствующей иконке. Композиция - это такой объект или элемент, в котором и происходит вся работа. Если в фотошопе мы можем просто открыть изображение и работать прямо со слоем данного изображения, то в After Effects файл с которым мы собираемся работать сначала необходимо поместить в композицию, просто перетащив слои удерживая их левой кнопкой мыши. Композиция - это и есть сам проект.
  
  Кроме композиции имеется возможность создать, так называемые прекомпосы, которые можно помещать в композицию. Для этого на тайм-лайне выделяем нужные слои, кликаем правой кнопкой мыши и в открывшемся меню выбираем "Pre-compose".
  
  Прекомпос - это такая же полноценная композиция с которой можно работать отдельно от основной композиции. Обычно, при работе весь проект, для удобства, разбивается на прекомпосы, которые в свою очередь помещаются в основную композицию. Это удобно тем, что с каждым прекомпосом вы можете работать по отдельности, не внося каких-либо изменений в саму композицию. Это очень удобно и само понимание удобства работы с прикомпосами приходит только на практике. В теории же вы должны просто понять, что такое композиция и прикомпос.
  
  При создании композиции открывается окно её настроек, где мы можем задать параметры нашей композиции. Разрешение, я обычно ставлю Full HD, т.е. 1920 на 1080 пикселей. Затем идет "Pixel aspect ration" - это форма пикселей, я всегда использую "Square pixels", т.е. квадратные пиксели - эта настройка подходит для всех проектов, есть какие-то исключения, но честно говоря, какие я только проекты не делал в After Effects мне они не понадобились.
  
  Далее идёт Frame rate, тут уже всё индивидуально, для стандартных веб-проектов можно использовать 25 или 24 кадра. Resolution оставляем Full, т.е. полное расширение. Start time code оставляем ноль и Duration ставим по длине нашего проекта, т.е. время вашего ролика. Если вы точно не знаете время будующего ролика, можете взять с запасом, данный параметр можно без проблем отредактировать в ходе работы. Для редактирования параметров композиции нужно перейти в верхнем меню в "Composition" - "Composition settings".
  
  Панель Time line в программе имеет две части. Слева отображаются слои. Все файлы, которые находятся в композиции отображаются слоями в левой части панели Time line. Файлы можно помещать в композицию перетаскиванием мышью в панели Project, а так же просто перетаскиваем из панели Project сразу на Time line. Когда мы перемещаем файл в композицию он отображается на рабочей сцене и здесь уже можно с ним работать, например подогнать по нужному размеру, подвинуть и тому подобное.
  
  Если говорить о слоях в After Effects, то нужно отметить, что все слои могут взаимодействовать, как в 2-х мерном пространстве, так и в 3-х мерном. Иерархия слоёв в After Effects такая же, как и в фотошопе, т.е. верхний слой перекрывает нижний. У каждого слоя, как и в фотошопе имеется значок "глаза", при нажатии на который можно скрыть данный слой. Здесь так же у каждого слоя присутствует "solo mod", в виде большой точки, при нажатии на который остаётся включенным только выбранный слой, остальные при этом просто отключаются. Ну и замочек имеется, как и в фотошопе. С помощью которого можно блокировать слой и в дальнейшем никакие ваши действия на него не будут распространяться, пока вы его не разблокируете.
  
  Вот эта вот функция, с такой пентаграммой, называется shy (шай), в переводе с английского означает - "застенчевый".
  
  С помощью неё можно так же скрывать слои, кликнув по значку слоя, а потом выше по такому же значку. Отличие функции shy от простой функции скрытия слоя глазом заключается в том, что слой полностью скрывается из панели слоёв. Если же слой скрыть глазом, то его в панели видно, просто он не отображается на самой сцене.
  
  Далее, в панели имеются другие функции - это режимы наложения, которые можно подключать к слоям. Чтобы увидеть эту функцию нужно активировать внизу соответствующий значок.
  
  Режимы наложения по работе имеют сходство с режимами наложения слоёв в фотошопе. Здесь так же есть функция привязки. Функцию привязки лучше рассматривать на примере какой-нибудь работы, поэтому в ознакомительном видео мы её пропустим.
  
  Теперь переходим к правой части панели тайм лайн, тут имеются временной промежуток нашего ролика, длину которого мы задали при создании композиции. Этот временной промежуток можно изменить, перейдя в "Composition"-"Composition settings".
  
  Временные шкалы тут работают как и в фотошопе при анимации, т.е. можно изменять их длину, двигать, можно ставить ключи.
  
  4. Панель Effects Controls
  
  Следующая важная панель - это панель эффектов, которая называется "Effects Controls". Эта панель в After Effects по умолчанию скрыта, её нужно включить и установить в удобное для вас место. Переходим в верхнем меню в "Window" и выбираем "Effects Controls". После чего перетащим появившуюся панель в удобное место, я обычно её располагаю справа от панели проектов.
  
  Чтобы на какой-нибудь слой навесить эффект, выделяем его в панели слоёв, затем кликаем правой кнопкой мыши по панели эффектов и выбираем нужный эффект.
  
  После этого открыв параметры слоя мы видим, что у слоя появились новые параметры эффекта. Если посмотреть параметры других слоёв, то видим, что у них нет такого, а имеются стандартные параметры - это якорь, позиция, размер, вращение и прозрачность.
  
  Стандартные параметры схожи с параметрами слоёв в фотошопе при анимации во временной шкале. Удалить наложенный эффект можно прямо из панели с помощью клавиши Delite. На один слой можно накидывать несколько эффектов, при этом иерархия в панели эффектов противоположна иерархии в панели слоёв. То есть, если в панели слоёв верхний слой является верхним и перекрывает нижний, то в панели эффектов наоборот - нижний эффект будет перекрывать верхний.
  
  5. Панель Effects & Presets
  
  Все эффекты можно так же найти вот в панели справа, которая называется "Эффекты и присеты" и искать их тут как-раз таки удобно с помощью функции поиска, но нужно знать название эффекта. Чтобы применить эффект из этой панели к какому-нибудь слою или нескольким слоям нужно выбрать слой или слои и кликнуть по эффекту. Можно так же просто взять мышкой эффект и перетащить на нужный слой и эффект к нему применится.
  
  6. Окно предпросмотра
  
  Ну и самая основная рабочая панель - это панель вью порт или окно предпросмотра, где отображается сам результат нашей работы. Данная панель имеет отдельный функционал, мы рассмотрим самые основные функции, которые понадобятся при работе в After Effects в первую очередь.
  
  В нижней части данной панели имеется функция настройки разрешения изображения для просмотра. Эта функция нужна для того, чтобы можно было комфортно и быстро просматривать результат при работе с проектом.
  
  Допустим, если у вас ролик высокого качества и вы навешиваете на него различные эффекты, то при его просмотре в полном формате будет некоторое замедление работы программы. Т.е. программе требуется время, чтобы обработать все эффекты и само видео и показать вам результат. Вот для того, чтобы это было всё намного быстрее и существует данная функция. С помощью неё можно в ходе работы смотреть результат не в полном расширении, а в урезанном, таким образом сэкономив рабочее время. Если открыть данную настройку, то мы увидим значение Full - это и есть полное качество и далее идут значения на уменьшение, т.е. чем меньше значение вы установите, тем качество отображаемого результата будет хуже, но скорость быстрее. Это очень часто требуется при работе, особенно с большими проектами, которые имеют длительность более пяти минут.
  
  Здесь так же можно настроить размер отображения результата, т.е. увеличить или уменьшить картинку, делается это и с помощью колёсика мыши. Например, вы хотите посмотреть какую-то деталь на сцене, увеличиваете и смотрите.
  
  Для рендеринга результата, т.е. для сохранения вашего готового ролика в After Effects, как и в фотошопе используется отдельная програмка от Адоби - это Adobe Media Encoder. Стандартным рендерингом After Effects позволяет сохранить видео только в формате avi, что очень не удобно, потому что данный формат имеет огромный вес. Поэтому все, кто работает с After Effects обычно для рендеринга используют Media Encoder, который позволяет сохранить видео в популярном MP4 формате. Важно учитывать дин момент - Adobe Media Encoder должен быть установлен именной такой же версии, как и After Effects, иначе работать не будет
  
  О том, как произвести рендеринг вашей композиции мы поговорим уже непосредственно при работе с каким-нибудь эффектом или анимацией в последующих уроках данного курса.
  
  Читайте также: