Движение по окружности after effects

Движение по спирали или кругу

Автор: Никита Шилов Дата 28 Марта 2012 . Написано Учебные материалы — Tips&Tricks

Движение по спирали или кругу с помощью выражения

Движение по окружности after effects

Делать траекторию движения по кругу с помощью tangent tool и масок достаточно трудоемко, так как добится абсолютно ровного круга тяжеловато (это займет время, но можно). Решить данную проблему, поможет простое выражение которые создает траекторию движения по кругу или спирали, будучи привязанным к параметру позиции.

Я взял для примера фильтр trapcode particular чтобы нагляднее показать как это работает. К параметру позиции у данного фильтра (position) прописываем такое выражение:

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

Движение по окружности after effects

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

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

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

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

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

Движение по окружности after effects

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

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

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

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

Движение по окружности after effects

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

Движение по окружности after effects

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

  1. Добавьте эффект элемента управления «Ползунок» к любому слою и назовите его «Wiggle Amount»
  2. Примените следующее выражение к положению того же слоя:

Перелет

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

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

Движение по окружности after effects

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

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

Движение по окружности after effects

  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 в параметр поворота вращение продолжится.

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

Движение по окружности after effects

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

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

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

Движение по окружности after effects

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

Как сделать круговую анимацию в AE?

Движение по окружности after effects

Сам в AE не в зуб ногой. Если и открывал, то просто ради любопытства

  • Вопрос задан более двух лет назад
  • 1158 просмотров

Записал по-быстрому скринкаст, как нарисовать анимированную окружность в After Effects.

New composition,
в ней новый слой слошного цвета New Solid (Cmd+Y)
Там нарисуйте векторную окружность соотв инструментом (создастся маска Mask слоя)
Этой маске вместо режима Add сделайте None
Добавьте эффект Generate — Stroke
Нажмите на 100% для End или Start и подвигайте значения — увидите, это как раз то, что нужно, двигается конец/начало.
Этот слой будет фоном. Дайте прорисовке бледно-серый цвет.

Продублируйте этот слой. Нижний будет слабовидной полной окружностью, а в верхнем будет прорисовываться яркая. В эффекте верхнего сделайте цвет прорисовки ярким. И Paint style вместо «On original image» – «On transparent»

Будем анимировать свойство Start эффекта Stroke.
Для этого нажмите часики. Это создаст ключевой кадр с нынешним значением. Измените Start c 0% на 100%.

Теперь в таймлайне сдвиньтесь вперед на секунду-две (сколько там займёт анимация).
И значение в эффекте Start смените с 0 на 100%. Это создаст второй ключевой кадр. Теперь если включить проигрывание линия будет плавно прорисовываться.

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