X Course Advisor FREE Course Advisor
(Close)
Watch Tutorials
macProVideo.com
Close

Свободный доступ Премиум

Доступ всей нашей библиотеке Премиум Статьи концентратор, файлы проекта и первые 10% от каждого Учебник-Video из Интернет библиотека Учебник .

Создайте свой бесплатный аккаунт!

Создать Swinging Баннер в After Effects
Перевод Google Translate

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"]


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

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

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

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


Toby Pitman

Toby Pitman | Articles by this author

For the past 20 years Toby has worked as a professional guitarist, programmer and producer. Clients include Sir Paul McCartney, George Michael, Shirley Bassey, Yusuf Islam, Giles Martin as well as the London 2012 Olympic Ceremonies. He has also worked extensively in TV, Advertising and Film. As well as composing himself he has also worked alongside many composers like David Arnold, Clint Mansell and Simon Franglen on many major film releases. An expert in synthesis and sound design Toby has also lectured for Apple on their Logic Pro music software which he has used since its days on the Atari. He has also worked as an educator for the International Guitar Foundation and the Brighton Institute of Modern Music teaching guitar. In his spare time (of which there is very little) he moonlights as a motion graphics artist specialising in Cinema 4D and After Effects.

Comments

You must be logged in to post a comment.
Create an Account  Login Now

What is macProVideo.com?

macProVideo.com is an online education community featuring Tutorial-Videos & Training for popular Audio & Video Applications including Adobe CS, Logic Studio, Final Cut Studio, and more.
© 2018 macProVideo.com
a division of NonLinear Educating Inc.
Link