Добавление гибкого дизайна в графику

Последнее обновление 27 мар. 2026 г.

Создавайте гибкие композиции в Adobe After Effects с помощью инструментов гибкого дизайна для адаптации макетов к различным пропорциям и форматам без перестройки анимации.

Функция Responsive Design - Time позволяет создавать адаптивную анимационную графику.Эта функция обеспечивает адаптивное растяжение времени, когда композиция вложена или экспортирована как шаблон Motion Graphics.Адаптивное растяжение времени означает, что защищенные области анимируются за одинаковое время, даже если вы растягиваете во времени незащищенные области.

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

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

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

Принципы работы функции «Гибкий дизайн — время»

Приведем пример, чтобы проиллюстрировать проблему.

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

Добавьте ту же анимацию в другой эпизод. Каждый элемент анимации, такой как кегль и время начала и окончания затухания/появления, должен соответствовать последовательности.Один способ — дублировать анимацию, чтобы она соответствовала длине последовательности. Однако данный подход может быть трудозатратным, поскольку вам нужно перемещать ключевые кадры анимации, чтобы выровнять появление/исчезновение с последовательностью.

Именно здесь вы можете использовать Responsive design – Time.Вы можете защитить области появления/исчезновения (содержащие ключевые кадры) и расширить анимацию. Это привязывает области к последовательности, и время, которое они требуют для анимации, остается неизменным, даже когда вы растягиваете анимацию по времени, чтобы соответствовать длине последовательности. После присоединения анимация динамически адаптируется к длительности эпизода.

Применение функции «Гибкий дизайн — время»

Применить функцию «Гибкий дизайн — время» можно тремя способами, которые описаны ниже.

Вариант 1:

В меню Композиция выберите один из пунктов в подменю Гибкий дизайн — время.

  • Создать вступительную часть: эта команда формирует защищенную область размером 15 % от длительности композиции, начиная с первого кадра композиции.
  • Создать завершающую часть: эта команда формирует защищенную область размером 15 % от длительности композиции, которая оканчивается последним кадром композиции.
  • Создать защищенную область из рабочей области: эта команда формирует защищенную область, точки начала и конца которой выравниваются в соответствии с полосой рабочей области. Защищенные области затенены синим цветом.

Вариант 2:

Перетащите полосу рабочей области, чтобы выбрать область, которую вы хотите установить как защищенную область.Щелкните правой кнопкой мыши полосу рабочей области, затем выберите Создать защищенную область из рабочей области.

Вариант 3:

Щелкните значок маркера на правой стороне панели «Таймлайн» и создайте маркер композиции.

На панели «Монтаж» дважды щелкните маркер, чтобы открыть диалоговое окно настроек Маркер композиции, установите продолжительность и включите параметр «Защищенная область».

Добавление анимации в другую композицию

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

В следующем примере объясняется процесс.

  • Дайте название анимации с защищенными областями (например, Comp A).
  • Дайте название композиции, к которой хотите добавить анимацию (например, Comp B).

Откройте Comp B на панели Таймлайн.

На панели «Монтаж» перетащите и поместите композицию A поверх композиции B.

Панель «Монтаж» отображает защищенные области затенёнными синим цветом. Удерживая конечную точку Comp A, перетащите ее так, чтобы она совпадала с конечной точкой Comp B.

При предварительном просмотре композиции защищённые области в анимации сохраняют исходную длительность, растягиваются только незащищённые области.

Работа с вложенной композицией, включающей несколько защищенных областей

  • Когда вы перетаскиваете точки начала и конца композиции, которая имеет одну или несколько защищенных областей, и она вкладывается в другую композицию, она растягивается по времени вместо обрезки. Благодаря этой функции сохраняется длительность защищенных областей. Например, когда вы на 5 секунд растягиваете клип, в котором есть защищенные области длительностью 2 секунды, и получаете клип длительностью 10 секунд, продолжительность защищенных областей не меняется (2 секунды).
  • Чтобы вместо растягивания по времени выполнить обрезку точки входа или выхода, при перетаскивании такой точки удерживайте нажатой клавишу Option (macOS) или Alt (Windows).
  • Защищенные области — это маркеры композиции с включенным параметром «Защищенная область» и отличающимися от других маркеров значками маркера. Маркеры защищенных областей работают так же, как и другие маркеры композиций. Исключением является только то, что если вложить композицию с защищенными областями, эти маркеры будет нельзя изменять. При этом панель слоев вложенной композиции затеняется, указывая на наличие в ней защищенных областей.
  • Если изменить защищенную область, после того как композиция будет вложена, маркер защищенной области на слое вложенной композиции не изменится автоматически. Чтобы обновить маркеры на слое вложенной композиции, выберите слой, а затем выберите команду Слой > Маркеры > Обновить маркеры из меню «Источник».
  • Доступ к параметру Защищенная область также можно получить с помощью сценария или выражений с использованием атрибута маркеров композиции protectedRegion.

Экспорт композиции с защищенными областями как шаблона анимационного дизайна

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

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

  • Когда вы экспортируете композицию, в которой аудио содержится в качестве шаблона анимационного дизайна, для нее не выполняется адаптивное растягивание по времени в Premiere.
  • Если в композиции используется рендеринг CINEMA 4D и содержатся 3D-слои либо слой CINEMA 4D с эффектом CINEWARE, плавность анимации незащищенных областей может нарушиться, когда композиция растягивается по времени.

Расширяйте возможности с After Effects

Создавайте потрясающую анимированную графику, текстовую анимацию и визуальные эффекты в Adobe After Effects. Работайте над дизайном для фильмов, телевизионных программ и сетевого видео.