Руководство пользователя Отмена

Примеры выражений

  1. Руководство пользователя After Effects
  2. Выпуски бета-версии
    1. Обзор программы бета-тестирования
    2. Домашняя страница бета-версии After Effects
    3. Функции бета-версии
      1. Панель «Свойства» (Бета-версия)
  3. Начало работы
    1. Начало работы с After Effects
    2. Новые возможности After Effects 
    3. Сведения о выпуске | After Effects
    4. Системные требования для After Effects
    5. Сочетания клавиш в After Effects
    6. Поддерживаемые форматы файлов | After Effects
    7. Рекомендации по аппаратному обеспечению
    8. After Effects для компьютеров с процессорами Apple
    9. Планирование и настройка
    10. Настройка и установка
  4. Рабочие среды
    1. Общие элементы пользовательского интерфейса
    2. Знакомство с интерфейсом After Effects
    3. Рабочие процессы
    4. Рабочие среды, панели управления, программы просмотра
  5. Проекты и композиции
    1. Проекты
    2. Основы создания композиции
    3. Предварительная композиция, вложение и предварительный рендеринг
    4. Просмотр подробных сведений о производительности с помощью инструмента «Профайлер композиций»
    5. Модуль рендеринга композиций CINEMA 4D
  6. Импорт видеоряда
    1. Подготовка и импорт неподвижных изображений
    2. Импорт из After Effects и Adobe Premiere Pro
    3. Импорт и интерпретация видео и аудио
    4. Подготовка и импорт файлов 3D-изображений
    5. Импорт и интерпретация элементов видеоряда
    6. Работа с элементами видеоряда
    7. Определение точек редактирования с помощью функции «Определение изменения сцен»
    8. Метаданные XMP
  7. Текст и графические элементы
    1. Текст
      1. Форматирование символов и панель символов
      2. Эффекты текста
      3. Создание и редактирование текстовых слоев
      4. Форматирование абзацев и панель «Абзац»
      5. Экструзия слоев текста и слоев-фигур
      6. Анимация текста
      7. Примеры и ресурсы для текстовой анимации
      8. Шаблоны динамического текста
    2. Анимационный дизайн
      1. Работа с шаблонами анимационного дизайна в After Effects
      2. Использование выражений для создания раскрывающихся списков в шаблонах анимационного дизайна
      3. Работа с основными свойствами для создания шаблонов анимационного дизайна
      4. Замена изображений и видео в шаблонах анимационного дизайна и основных свойствах
  8. Рисование, заливка цветом и контуры
    1. Обзор слоев-фигур, контуров и векторных изображений
    2. Инструменты рисования: «Кисть», «Штамп» и «Ластик»
    3. Как изменить обводку фигуры
    4. Атрибуты фигур, операции заливки цветом и операции с контурами для слоев-фигур
    5. Использование эффекта фигуры «Cмещение контура» для изменения фигур
    6. Создание фигур
    7. Создание масок
    8. Удаление объектов из видеоматериалов с помощью панели «Заливка с учетом содержимого»
    9. Инструменты «Кисть для ротоскопии» и «Уточнить подложку»
  9. Слои, маркеры и камера
    1. Выделение и упорядочивание слоев
    2. Режимы наложения и стили слоев
    3. 3D-слои
    4. Свойства слоя
    5. Создание слоев
    6. Управление слоями
    7. Маркеры слоя и маркеры композиции
    8. Камеры, освещение и точки обзора
  10. Анимация, ключевые кадры, отслеживание движения и прозрачное наложение
    1. Анимация
      1. Основы анимации
      2. Анимация с помощью инструментов «Марионетка»
      3. Управление и анимация контуров фигур и масок
      4. Анимация фигур Sketch и Capture с помощью After Effects
      5. Инструменты анимации
      6. Работа с анимацией на основе данных
    2. Ключевой кадр
      1. Интерполяция ключевого кадра
      2. Установка, выбор и удаление ключевых кадров
      3. Редактирование, перемещение и копирование ключевых кадров
    3. Отслеживание движения
      1. Отслеживание и стабилизация движения
      2. Отслеживание лиц
      3. Отслеживание маски
      4. Ссылка на маску
      5. Скорость
      6. Растягивание по времени и перераспределение времени
      7. Тайм-код и единицы отображения времени
    4. Прозрачное наложение
      1. Прозрачное наложение
      2. Эффекты прозрачного наложения
  11. Прозрачность и композиция
    1. Обзор композиции и прозрачности и соответствующие ресурсы
    2. Альфа-каналы, маски и подложки
  12. Корректирование цвета
    1. Основы работы с цветом
    2. Использование расширения Adobe Color Themes
    3. Управление цветом
    4. Эффекты цветокоррекции
  13. Эффекты и стили анимации
    1. Обзор эффектов и стилей анимации
    2. Список эффектов
    3. Эффекты имитации
    4. Эффекты стилизации
    5. Аудиоэффекты
    6. Эффекты искажения
    7. Эффекты перспективы
    8. Эффекты канала
    9. Эффекты создания
    10. Эффекты перехода
    11. Эффект «Устранение эффекта плавающего затвора»
    12. Эффекты «Размытие» и «Резкость»
    13. Эффекты 3D-канала
    14. Программные эффекты
    15. Эффекты подложки
    16. Эффекты «Шум» и «Зернистость»
    17. Эффект «Увеличение с сохранением уровня детализации»
    18. Устаревшие эффекты
  14. Выражения и автоматизация
    1. Выражение
      1. Основы работы с выражениями
      2. Понимание языка выражений
      3. Использование элементов управления выражениями
      4. Различия в синтаксисе между движками выражений JavaScript и Legacy ExtendScript
      5. Управление выражениями
      6. Ошибки выражения
      7. Использование редактора выражений
      8. Использование выражений для изменения свойств текста и доступа к ним
      9. Справочник языка выражений
      10. Примеры выражений
    2. Автоматизация
      1. Автоматизация
      2. Сценарии
  15. Видео с погружением, VR и 3D
    1. Создание сред VR в After Effects
    2. Применение видеоэффектов с эффектом погружения
    3. Инструменты составления композиций для видеоизображений VR/360
    4. Отслеживание движений камеры в трехмерном пространстве
    5. Пространство для работы с трехмерными объектами
    6. Инструменты 3D-преобразования
    7. Дополнительные возможности 3D-анимации
    8. Предварительный просмотр изменений в 3D-дизайнах в режиме реального времени с помощью модуля режима реального времени
    9. Добавление гибкого дизайна в графику 
  16. Виды и предварительный просмотр
    1. Предпросмотр
    2. Предпросмотр видео с помощью Mercury Transmit
    3. Изменение и использование представлений
  17. Рендеринг и экспорт
    1. Основы рендеринга и экспорта
    2. Экспорт проекта After Effects как проекта Adobe Premiere Pro
    3. Преобразование фильмов
    4. Многокадровый рендеринг
    5. Автоматический рендеринг и рендеринг по сети
    6. Рендеринг и экспорт неподвижных изображений и наборов неподвижных изображений
    7. Использование кодека GoPro CineForm в After Effects
  18. Работа с другими приложениями
    1. Dynamic Link и After Effects
    2. Работа с After Effects и другими приложениями
    3. Синхронизация настроек в After Effects
    4. Библиотеки Creative Cloud Libraries в After Effects
    5. Подключаемые модули
    6. CINEMA 4D и Cineware
  19. Совместная работа: Frame.io и Team Projects
    1. Совместная работа в Premiere Pro и After Effects
    2. Frame.io
      1. Установка и активация Frame.io
      2. Использование Frame.io с Premiere Pro и After Effects
      3. Часто задаваемые вопросы
    3. Team Projects
      1. Начало работы с Team Projects
      2. Создание Team Project
      3. Совместная работа с помощью Team Projects
  20. Память, хранилище, производительность
    1. Память и хранилище
    2. Повышение производительности
    3. Установки
    4. Требования к графическому процессору и драйверу графического процессора для After Effects

Многие примеры в этом разделе основаны на выражениях, предоставленных Дэном Эббертсом (Dan Ebberts).

Скачать пример проекта

Загрузить

Слой вращается по кругу

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

Выберите слой. Нажмите клавишу «P», чтобы открыть его свойство «Положение» на панели «Таймлайн». Щелкните секундомер слева от названия свойства, удерживая клавишу ALT (Windows) или OPTION (macOS).

Введите следующий фрагмент кода в поле выражения:

var centerOfComp = [ ( thisComp.width / 2 ), ( thisComp.height / 2) ]; var circleOverTime = [ Math.sin( time ) * 50, -Math.cos( time ) * 50 ]; centerOfComp + circleOverTime;

Случайное покачивание

Покачивание — одно из самых распространенных выражений After Effects. Оно виляет объектом на основе случайных значений. С помощью этого выражения можно сделать сцену более естественной. Это выражение добавляется в свойство слоя «Положение».

Например покачивание (частота, величина), где первое значение — это количество колебаний в секунду, а второе — величина покачивания. Следовательно, при использовании wiggle(2,30) слой будет покачиваться 2 раза в секунду, не больше чем на 30 пикселей в любом направлении.

Управление покачиванием с помощью ползунков

покачивание с использованием ползунка

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

  1. Добавьте эффект элемента управления «Ползунок» к любому слою и назовите его «Wiggle Amount»
  2. Примените следующее выражение к положению того же слоя:
// Использование инструмента «Лассо» для создания ссылки «effect(...)» на ползунок var wiggleAmount = effect(“Wiggle Amount”)(“Slider”); // 4 колебания в секунду на величину, установленную ползунком wiggle (4, wiggleAmount);

Перелет

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

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

// Задание значения для управления перелетом. // Свяжите их с ползунком управления выражением, чтобы быстро просматривать различные варианты. var amp = 40; var freq = 30; var decay = 50; // Поиск наиболее нового ключевого кадра var nK = nearestKey(time); var n = (nK.time <= time) ? nK.index : --nK.index; var t = (n === 0) ? 0 : time - key(n).time; // Если настоящее время превысило значение времени ключевого, рассчитывается перелет. // В противном случае используется исходное значение. if ( n > 0 && t < 1 ) { var v = velocityAtTime( key( n ).time - thisComp.frameDuration /10 ); value + v * amp * .001 * Math.sin(freq * .1 * t * 2 * Math.PI) / Math.exp(decay * .1 * t); } else { value; }

Вращение со временем

При необходимости инструмент «Лассо» может связывать значения поворота между слоями для анимации объектов. Представьте, что эти три круга — стрелки часов. Часовая стрелка движется между часами, минутная делает полный круг по циферблату.

  1. Импортируйте или создайте три слоя с кругами сплошного цвета. Предположим, что один из них работает как часовая стрелка, другой как минутная стрелка, а третий как секундная. (См. раздел Слои сплошного цвета и элементы видеоряда сплошного цвета.)
  2. Разместите опорные точки на концах слоев. (См. раздел Опорные точки слоя.)
  3. Переместите слои так, чтобы опорные точки находились в центре композиции. (См. раздел Перемещение слове в пространстве.)
  4. Задание ключевых кадров «Поворот» для часовой стрелки. (См. раздел Установка или добавление ключевых кадров). Выберите свойство «Поворот» для минутной стрелки, а затем пункт «Анимация» > «Добавить выражение».
  5. Перетащите инструмент «Лассо» к свойству «Поворот» для самого большого круга. Появится следующее выражение: thisComp.layer("circle").rotation.
  6. Чтобы второй круг поворачивался в 12 раз быстрее первого, добавьте «*12» в конце выражения следующим образом: thisComp.layer("circle").rotation*12.
  7. Повторите то же самое с третьим кругом, добавив в конце выражения «*24»: thisComp.layer("circle").rotation*24.

Цикл

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

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

Давайте начнем с типа цикла. В приведенном ниже выражении устанавливается значение типа «cycle».

// Установка loopOut для циклического повторения всех ключевых кадров loopOut(“cycle”, 0);

С выражениями loopOut можно использовать типы «Cycle», «Continue», «Offset» и «Ping Pong». Цикл этого типа заканчивается на последнем ключевом кадре, затем снова запускается с первого ключевого кадра в выбранном диапазоне. Вторая переменная — это количество включаемых ключевых кадров. LoopOut начинает работу с последнего ключевого кадра и движется в обратном направлении. Значение по умолчанию «0» учитывает все ключевые кадры в наборе от начала до конца. Если в цикле не нужно использовать все ключевые кадры, укажите необходимое значение, начиная считать с конца. При значении «1» вместе с последним ключевым кадром будет включен предпоследний, при значении «2» будет включено 2 предпоследних кадра и так далее.

Получение истинного положения дочернего слоя

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

// Определение дочернего слоя var targetLayer = thisComp.layer(“Parented Layer”); // Поиск опорной точки дочернего слоя в композиции targetLayer.toComp( targetLayer.anchorPoint );

Задержка положения слоя относительно его родителя

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

Примечание: этот метод работает только с дочерними слоями

// Установка величины задержки в кадрах var delay = 5; // Смещение положения слоя во времени на основе задержки parent.fromComp( toComp( anchorPoint, time - framesToTime( delay ) ) );

Также можно установить величину задержки на основе индекса дочернего слоя относительно родительского слоя. Это позволяет легко изменить порядок анимаций дочерних слоев, размещая их на временной шкале под родительским слоем (или над ним при необходимости их появления перед родительским слоем):

// Установка величины задержки в кадрах var delay = 5; // Умножение задержки на основе индекса слоя относительно его родительского слоя var multiplyDelay = delay * ( index - parent.index ) // Смещение положения слоя во времени на основе задержки parent.fromComp( toComp( anchorPoint, time - framesToTime( multiplyDelay ) ) );

Создание следа изображений

Это выражение позволяет настроить расположение слоя таким образом, чтобы слой находился в той же точке, что и следующий верхний слой на панели «Таймлайн», но имел определенную временную задержку (в этом случае 0,5 секунды). Подобные выражения можно задать другим геометрическим свойствам.

  1. Начните со слоя формы, масштабированного примерно до 30% размера композиции. (См. раздел Слои сплошного цвета и элементы видеоряда сплошного цвета.)
  2. Откройте свойство «Положение» и добавьте ключевые кадры. Выберите слой. Нажмите клавишу «P», чтобы открыть свойство «Положение». Удерживая клавишу ALT (Windows) или OPTION (macOS), нажмите кнопку секундомера слева от имени свойства. (См. Установка, выбор и удаление ключевых кадров.)
  3. Введите в поле выражения следующее:
    thisComp.layer(thisLayer, -1).position.valueAtTime(time - .5)
  4. Продублируйте последний слой пять раз, выделив его и пять раз нажав комбинацию клавиш Ctrl+D (Windows) или Command+D (macOS). Все слои повторяют один и тот же путь, каждый из них отстает от предыдущего на 0,5 секунды.
if ( toCompVec([0, 0, 1])[2] > 0 ) { value; } else { 0; }

Дополнительные ресурсы о выражениях

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

Кроме того, на веб-сайте MotionScript вы можете посмотреть руководства и интересную коллекцию Дэна Эббертса (Dan Ebberts) с примерами выражений.

Дэн Эббертс (Dan Ebberts) предлагает примеры выражений и руководства для изучения работы с выражениями на своем веб-сайте MotionScript. Например, Дэн предоставляет подробное описание выявления столкновений.

Дополнительные примеры выражений

Рик Джерард (Rick Gerard) предоставляет пример катящегося по полу прямоугольного объекта, стороны которого соприкасаются с поверхностью пола, на своем веб-сайте.

Колин Брейли (Colin Braley) предоставляет на своем веб-сайте руководство и пример проекта с описанием использования выражений для формирования естественного отражения слоем других слоев.

На форуме AE Enhancers есть множество примеров и полезная информация о выражениях, а также сценарии и шаблоны настроек анимации. В этой публикации на форуме AE Enhancers Пол Терслей (Paul Tuersley) предоставляет руководство и пример проекта с описанием использования выражения для анимации нескольких слоев в скоплении.

Логотип Adobe

Вход в учетную запись