Анимация в After Effects: ваше руководство для начинающих.

Советы и хитрости по анимации в After Effects: Динамические маятники.

Все видео урока Анимация в After Effects: ваше руководство для начинающих.

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

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

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

Советы и хитрости по анимации в After Effects: Динамические колебания маятника

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

Я начинаю там, где видна едва ли что из плоскости - при +90°.

Советы и хитрости по анимации в After Effects: динамичные маятниковые движения.

Затем мы двигаем курсор времени немного дальше и продолжаем вращение вдоль оси X за пределы 0 градусов примерно на -40°.

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

Советы и хитрости по анимации в After Effects: динамические маятниковые движения

Таким образом, кривая в конце должна выглядеть примерно так:

Советы и хитрости по анимации в After Effects: динамичные маятниковые движения.

Теперь настало время сделать кривую более красивой: мы выделяем все точки и сначала применяем Easy Ease, чтобы кривые стали более округлыми. С помощью Slow-In и Slow-Out - это правила Диснея - мы добиваемся динамичного движения.

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

Советы и хитрости анимации в After Effects: Динамичные маятниковые движения

Теперь я могу снова отобразить остальные красные области и "родительские" их каждый раз к более нижнему слою.

Советы и трюки по анимации в After Effects: динамические колебания маятника.

И вот настоящий быстрый совет:

Я копирую вращение по оси X и вставляю его для других цветных областей. Если я рассматриваю предпросмотр так: ...Он качается, но все равно в целом это движение не выглядит динамичным.

Советы и трюки для анимации в After Effects: Динамические маятниковые движения

С помощью U-Taste я могу показать все ключевые кадры везде. Так нам будет намного проще выбирать все кадры из одной области и немного сдвигать их назад. Конечно же, также имеет смысл заранее наложить затемнение.

Это делает качательное движение гораздо более плавным.

Советы и хитрости по анимации в After Effects: динамические качания.

Чтобы лучше видеть все, сейчас мы можем добавить источник света через Слой>Новый>Свет….

Советы и хитрости по анимации в After Effects: Динамичные маятники

В данном примере мы выбираем параллельный тип света с Интенсивностью 100%.

Советы и хитрости по анимации в After Effects: Динамические маятниковые движения

Теперь маятник выглядит намного лучше, и движение видно гораздо четче.

Советы и хитрости по анимации в After Effects: динамические маятниковые движения.

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

Это также отлично работает с 2D-объектами. Например, когда мы добавляем вращение к объектам с помощью Инструмента Puppet и привязанных Нулевых объектов. Если сдвигать ключевые кадры каждой точки, то анимация будет более плавной.

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

Советы и хитрости по анимации в After Effects: динамические маятники.