Введение. Основы работы в After Effects В первой главе мы познакомимся с программой Adobe After Effects и создадим свою первую анимацию.

■ Для чего нужен Adobe After Effects? ■ Знакомство с интерфейсом ■ Структура проекта: файл, слой, композиция ■ Первая анимация ■ Сохранение проекта и рендер

Практика: создание анимированного плаката.

Сегодня мы начинаем изучение курса «Технологии моушн-дизайна и монтажа видео», в процессе которого мы научимся уверенной работе в программе Adobe After Effects. Мы будем анимировать, монтировать видео и объединять графику со звуком, погружаясь за время нашего курса и в другие программы из пакета Adobe.

Это первая глава, и наша задача на данном этапе — сформировать общее понимание о программе Adobe After Effects: что это за программа, для чего она нужна, какие задачи решает и какое место занимает среди других профессиональных инструментов Adobe.

В отличие от других программ, созданных для видеомонтажа (Adobe Premiere Pro, DaVinci, CapCut), эта программа подходит только для короткого монтажа и анимаций.

Однако на этом курсе мы познакомимся и с полноценным монтажом, а также изучим основы Adobe Premiere Pro, чтобы расширить свои рабочие возможности.

Для прохождения этого курса потребуется Adobe After Effects версии не ниже 23.0. Кроме того, интерфейс программы должен быть переключён на английский язык. Это важно, потому что все профессиональные туториалы ориентированы на английскую версию. А еще, если вы привыкнете к русскому интерфейсу, то при работе с чужими материалами будете постоянно теряться в названиях кнопок, панелей и эффектов. Английский интерфейс — это стандарт профессиональной работы.

Когда вы убедились в правильности версии и настроек языка, откройте After Effects. Сразу после открытия программы перед вами появится вкладка создания проекта.

Вся ваша работа будет храниться внутри проекта. Создать его можно двумя способами: либо нажать New Project в окне перед вами и сразу сохранить в нужную папку, либо закрыть это окно и продолжить работу — проект автоматически появится при первой попытке сохранения файла.

Давайте закроем окно и сразу переместимся в окно интерфейса.

Это основная рабочая область программы. Сейчас она выглядит таким образом, однако вы можете настраивать её так, как будет удобно вам. Давайте попробуем сделать это, переместив одну из вкладок на более удобное место. Для этого переключитесь на название Effect Controls, а затем перенесите эту вкладку и прикрепите её слева от центрального окна.

Ещё вкладки можно удалять. Давайте попробуем удалить пока что ненужные нам вкладки Brush и Paint, которые находятся в правой части рабочей области. Для удаления нажмите на иконку «гамбургера» в углу панели и нажмите Close Panel.

Если же вдруг вы поняли, что прикрепили вкладку куда-то не туда или случайно закрыли что-то нужное, вы всегда можете вернуться к дефолтной рабочей области через Window ➔ Workspace ➔ Reset «Default» to Saved Layout.

Интерфейс программы состоит из 6 основных панелей:

1. Timeline (Таймлайн) Эта панель занимает нижнюю часть интерфейса. Это монтажный стол, где вы размещаете слои (видео, текст, фигуры), выстраиваете их по времени, ставите ключевые кадры анимации. В этой зоне происходит основная часть работы. 2. Composition (Композиция) Центральное окно. Здесь вы видите финальную визуализацию того, что находится на таймлайне. Именно в этом окне вы оцениваете результат анимации, расположение объектов и движение. 3. Project (Проект) Находится в левой верхней части. Сюда импортируются все исходные файлы: видео, изображения, аудио, векторная графика. По сути, это библиотека вашего проекта. 4. Effect Controls (Элементы управления эффектами) Здесь будут появляться эффекты, которые мы будем добавлять в процессе работы. Все параметры будут сразу видны в открытой панели, именно поэтому мы сразу расположили её на видном месте. 5. Tools (Инструменты) Здесь находятся инструменты для выделения, перемещения, вращения, рисования масок, ввода текста, изменения масштаба и другие. 6. Панель дополнительных окон В этой панели будут появляться нужные вам для работы окна. Их можно закрывать и открывать в зависимости от нужд проекта.

Для начала давайте разберёмся с тем, что такое композиция в Adobe After Effects. В самом начале мы уже проговаривали термин композитинг и узнали, что он означает смешивание или монтаж множества частей.

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

В одном проекте может быть множество таких композиций-контейнеров, внутри каждой будет происходить своя анимация. Особенность Adobe After Effects в том, что в процессе работы вы можете соединять и перемешивать между собой все эти композиции, анимируя таким образом множество разных файлов, сцен, слоёв одновременно внутри одного итогового файла.

Таким образом мы получаем иерархию: проект, композиция, файл.

Для начала работы нам необходимо создать композицию. Сделать это можно несколькими способами, вот некоторые из них:

■ нажать на кнопку New Composition, которая встречает нас при открытии программы; ■ кликнуть правой клавишей на окно Project и выбрать New Composition; ■ нажать на вкладку Composition в верхней части экрана, затем выбрать New Composition; ■ использовать горячие клавиши Ctrl + N.

Выберите любой удобный вам способ и создайте композицию.

After Effects поддерживает несколько способов импорта файлов. Самый удобный — Drag & Drop (перетаскивание). Вы можете просто перетянуть файл из проводника в панель Project, прямо на композицию или на таймлайн.

Другой вариант — использование функции импорта. Для неё нажмите правой клавишей мыши по окну Project и выберите Import ➔ File. В открывшемся окне проверьте, что параметр Create Composition не активен.

Перетяните скачанный файл на таймлайн созданной нами композиции. Заметьте, что файл теперь отображается сразу в нескольких местах: в окне Project, в окне просмотра и на самом таймлайне.

Панель Project и окно композиции мы уже видели. Таймлайн же остаётся для нас новой областью. И именно он вводит нас в ключевое понятие, лежащее в основе After Effects, — понятие слоёв.

Справа от названия слоя вы можете увидеть протяжённую полосу — это продолжительность слоя во времени. Попробуйте потянуть за край полосы. Таким образом вы регулируете, в каком месте закончится видимость слоя.

Попробуйте нажать пробел, чтобы запустить проигрывание. Как только вертикальная линия (Playhead) достигнет конца полосы, слой пропадёт из окна просмотра.

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

Перед началом анимации давайте до конца оформим нашу сцену. Обычно DVD появляется на чёрном фоне, поэтому для начала давайте заменим его. Для этого перейдите в панель инструментов и найдите там Rectangle Tool.

Для начала давайте разберёмся, что мы можем анимировать. Слои в After Effects имеют набор внутренних параметров, которые определяют их внешний вид и поведение. Эти параметры называются свойствами слоя.

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

Давайте рассмотрим каждое из них:

■ Anchor Point Расположение центральной точки слоя. Относительно него происходит поворот и изменение масштаба изображения. Расположение точки можно поменять, к этому мы вернёмся чуть позже. ■ Position Координаты слоя в пространстве. Считаются благодаря двум значениям (Х и Y). ■ Scale Масштаб слоя. Тоже измеряется в двух единицах (Х и Y). ■ Rotation В параметрах отображается формулой (0x+0,0), в которой первое значение — это количество поворотов, а второе — значение в градусах. ■ Opacity Непрозрачность слоя. Выражается в процентах.

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

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

Например: в нулевой секунде слой находится слева (Position: 350, 550), а на второй секунде — съезжает вправо на 100 пикселей (Position: 450, 550).

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

По умолчанию анимация не включена. Мы включаем её в момент, когда хотим начать добавлять ключевые кадры, проверяя, что выбрали нужный параметр. Включаем то, что планируем анимировать.

Сейчас давайте попробуем проанимировать движение DVD. Для этого кликните на иконку «часов» у параметра Position.

На таймлайне появился первый ключевой кадр. По умолчанию он обозначается иконкой в виде ромба (◆). В этот момент программа зафиксировала текущие координаты изображения.

Чтобы создать анимацию, необходимо сначала переместить индикатор времени вперёд по таймлайну — например, на 2 секунды. После этого изменить расположение изображения (сдвиньте его в другое место на экране).

В этот момент на второй секунде автоматически появится второй ключевой кадр. В окне предпросмотра вы увидите линию (траекторию движения), соединяющую предыдущее положение слоя с новым. Теперь запустите воспроизведение с начала и посмотрите, как слой плавно перемещается из одной точки в другую.

У нас удачно получилось сделать нашу первую анимацию!

Попробуйте закрепить это и сделайте ещё несколько фаз движения для объекта. Сначала передвигайтесь вперёд по таймлайну, затем передвигайте объект. Нажимать на «часики» больше не нужно, ключи теперь будут добавляться автоматически.

Постарайтесь добиться максимальной схожести вашей анимации с анимацией реальной иконки. Для этого уделите внимание таймингам между ключевыми кадрами. Двигайте их ближе или дальше друг от друга, чтобы имитировать более быстрое или медленное движение иконки.

Когда анимация закончена, перед нами встаёт задача её сохранения. В Adobe After Effects сохранение проекта и сохранение видео — это две отдельные функции. Давайте разберём их подробно.

Самый простой вариант, если вы закончили работу на время и хотите продолжить её позже на этом же устройстве. Вы не подразумеваете перемещение этого файла, и он сохранятся в определённом месте среди других ваших файлов. Его формат — .aep (After Effects Project). Открыв его заново, вы увидите свои композиции и анимацию, которой занимались ранее.

Для сохранения перейдите в File ➔ Save As ➔ Save As… Затем назовите проект и сохраните его в нужном месте.

Внутри всех программ Adobe существует принцип ссылок. Любой импортированный файл не находится физически внутри проекта. Программа лишь ссылается на него, в то время как оригинал продолжает лежать в месте сохранения (в определённой папке, на рабочем столе, в загрузках и т. д.). Именно от этого правила отталкивается следующий принцип сохранения — сохранение через упаковку проекта.

В случае такого сохранения программа автоматически создаёт папку, внутри которой будут находиться все оригиналы импортированных файлов (изображения, видео, аудио), которые были использованы. Это позволит вам беспрепятственно переносить папку с одного компьютера на другой и не получать предупреждение о потере файлов во время открытия проекта.

Для создания упакованной версии перейдите в File ➔ Dependencies ➔ Collect Files…

После этого программа предложит вам сохранить проект, а затем выведет окно сохранения папки.

Внутри папки вы найдёте проект в формате .aep, а также подпапку Footage, в которой будет храниться весь импортированный материал.

До этого мы сохраняли файл Adobe After Effects. Сохранение готовой анимации для просмотра на других устройствах отличается от этого процесса. Нам недостаточно просто нажать кнопку «Сохранить». В данном случае нам необходимо провести особую манипуляцию, которая называется рендер.

То, что вы видите в окне просмотра, ещё не является настоящим видео. Сначала программа должна просчитать каждый кадр, превратив ключевые кадры, эффекты и слои в реальный видеоформат, который откроется на любом устройстве (в отличие от файла .aep).

Перед тем как запустить рендер, важно указать программе, какой именно фрагмент композиции нужно обработать. По умолчанию After Effects рендерит всю композицию целиком, от начала до конца, на ту длительность, которую вы задали при её создании (например, 30 секунд). Но что, если готовая анимация оказалась короче?

Чтобы обрезать область рендера, потяните за синие маркеры на краях временной шкалы (в углу таймлайна). Всё, что попадает в светло-серую зону, попадёт и в итоговое видео. Всё, что остаётся за её пределами, будет обрезано и в рендер не войдёт.

Вернёмся обратно к экспорту файла. В Adobe After Effects существует два вида рендера. Каждый закрывает определённые потребности, но критической разницы для повседневной работы между ними нет:

Мы в этом курсе будем в основном использовать встроенный рендер After Effects. Для простого экспорта в формат MP4 его возможностей достаточно. Если же в будущем вам понадобится более сложный формат или анимация окажется настолько тяжёлой, что рендер будет занимать много времени, стоит рассмотреть Adobe Media Encoder — он работает автономно от After Effects (вы сможете продолжить работу в файле прямо во время рендера) и предлагает больше настроек.

■ Для того чтобы открыть внутренний рендер программы, выделите композицию, которую планируете экспортировать, и перейдите в Composition ➔ Add to Render Queue. ■ Для того чтобы открыть рендер через Media Encoder, выделите композицию и перейдите в Composition ➔ Add to Adobe Media Encoder Queue.

Затем в обоих случаях вам необходимо убедиться в нужном формате и выбрать место сохранения будущего ролика. Для рендера в формате MP4 выбирайте формат H.264.

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

Давайте закрепим изученное и попробуем вместе создать анимированный плакат.