All Articles After Effects
Создать Swinging Баннер в After Effects
Toby Pitman on Fri, January 13th 0 comments
Learn how to create a swinging banner, sign (or even Apple's iPad2 smart cover) in After Effects with Toby Pitman.

Ive видел эффект в последнее время в нескольких разных местах, что имитирует последовательность соединенных карт размахивая вниз и подходит к остальным в весьма естественным образом. Я ходил, видя, если я мог понять, как это было сделано.

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


Шаг 1

Сначала Ive создали три Comps сделаны из оранжевого твердого и текстовый слой, по одному для каждого слова.

three comps


Ive выровнены их в моей основной макет так Theyre соединения и сделали их 3D. Обратите внимание на узловой точке каждого сотр выравнивается по верхней части привилегий. Это наша поворотной осью. Ive добавил несколько огней, тоже.

swing axis


Шаг 2

Теперь я собираюсь родителей слоев с помощью забрать хлыст. Слой 4 (Pro) есть родитель, чтобы Layer 3 (Mac) и Layer 5 (Видео) до уровня 4.

Using the pick whip


Ive сделали это так слои склеиваются, даже если они индивидуально поворачивается на оси X.

Layers now stick together


Шаг 3

Так что теперь я знаю, Thats рабочих я собираюсь добавить Маятник выражение моих лучших (Mac) комп. Я делаю это, нажав Option-секундомер для вращения X.

Option-clicking the stopwatch for X Rotation


Шаг 5

Херес Маятник выражения найти на сайте Dans который полон полезной лакомства выражения.

  • veloc = 7; 
  • amplitude = 90; 
  • decay = .7; 
  • amplitude*Math.sin(veloc*time)/Math.exp(decay*time)


Само выражение довольно прост. У нас есть три переменные: -

  • veloc (velocity) = The initial speed of the swing.
  • amplitude = The angle the initial swing will reach before it starts to decay.
  • decay = This is like resistance. The lower the value the longer the the swing will take to decay. 


И тогда некоторые математические, что создает эффект!

  • amplitude*Math.sin(veloc*time)/Math.exp(decay*time)


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

  • amplitude*Math.sin(veloc*time)

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

  • Math.exp(decay*time)

... Которая использует экспоненциальную кривую, чтобы уменьшить амплитуду синусоиды (или качели).


Шаг 6

Первое, что мы должны иметь дело с является Math.sin части. Это определяет, где кривая начинает качаться.

Determine the curve swing


Использование греха (синусоиды) означает, качели действие начнется в центре (0) и открывающиеся наружу, чтобы амплитудное значение (90), как показано в этом ролике. Обратите внимание, что поскольку выражение применяется к верхней Comp в цепи всех слоев родительским следовать этому Comp. Когда я добавляю окончательное выражение в других слоях они все равно будут качаться самостоятельно.

[Видео ID = "10659"]


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

  • amplitude*Math.cos(veloc*time)/Math.exp(decay*time)

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

sin-cos

грех-соз

Теперь у нас есть карты в начальный угол в 90 градусов!

Cards start at 90 degrees


Шаг 7

Теперь, если вы применить выражение ко всем Вращение X Comps вы видите, мы получаем размахивая влияние на все Comps.

[Видео ID = "10656"]


Единственная проблема здесь в том, что свинг равномерно на все Comps. Я хочу создать что-нибудь более случайным и акробатика. Так что я теперь необходимо создать способ компенсации этого выражения во времени. Что Id самом деле, как сделать, это смещение начала слои так Они не все появляются сразу, но у нас есть проблемы.

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

Мы можем исправить это снова, создав еще одну переменную. Его будет выглядеть так:

  • startT = thisLayer.startTime;

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

  • amplitude*Math.cos(veloc*(time-startT))/Math.exp(decay*time)

I can the subtract this from the first time value in our expression that deals with the start of the curve, our cosine.


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


Шаг 8

Итак, мы видим смещение слоя. Про слой виден в данный момент времени, но его в 90-градусный угол и скрыты за слоем Mac.

Pro layer is hidden


Здесь вы можете увидеть Ive добавил законченное выражение ....

  • veloc = 7; 
  • amplitude = 90; 
  • decay = .7;
  • startT = thisLayer.startTime;

  • amplitude*Math.cos(veloc*(time-startT))/Math.exp(decay*time)

... Для всех слоев и смещение двух нижних слоев во времени.

Final expression


Эффект теперь гораздо более случайным в том, как слои взаимодействуют вместе, когда они разгаре. Херес закончил демо.

[Видео ID = "10660"]


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

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

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

Скачать файл проекта здесь.


Comments (0)

You must be logged in to comment. Login Now

Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: