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

Question

[GuruDesign]

Дословно, вот такую: https://lottiefiles.com/997-connecting-circle



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

Answer 1

[Сергей Соколов]

Записал по-быстрому скринкаст, как нарисовать анимированную окружность в 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%. Это создаст второй ключевой кадр. Теперь если включить проигрывание линия будет плавно прорисовываться.

Comments

[GuruDesign]

Нет, не получилось

[Сергей Соколов]

GuruDesign, рад услышать. Хорошо, что не поленились погуглить и подробно описали, где именно застряли.

[GuruDesign]

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

[GuruDesign]

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

[Сергей Соколов]

GuruDesign, обновил ответ, добавил видео.

[GuruDesign]

Сергей Соколов, спасибо, всё получилось. Только ты как-то выравнивал маски, что они располагались по всей области слоя. Какие это были клавиши? https://youtu.be/H_XDA0NU7iM?t=30

[Сергей Соколов]

GuruDesign, не, там просто на глаз, не точно. Клавиша Cmd, пока мышь зажата и тащится, меняет смысл первого клика: рисовать из него, как из центра или как из угла. Точно спозициронировать маску можно вручную введя её границы left-top-right-bottom или в панельке Align:

spoiler