Открыть мобильное меню

Зацикленная анимация, с плавным переходом из конца в начало в Animate CC

При разработке анимированных баннеров часто бывает необходимо сделать плавный переход кадров из конца в начало.

Слева пример баннера, в котором первой идёт анимация логотипа, далее фото часов и последняя подушка смайлик, плавно пропадает и опять появляется логотип.

Все символы создаём в Graphic, как показано на картинке 1.

Внутри делаем нужную анимацию. В моём случае (картинка 2) с первого по 50-тый кадр идёт увеличение изображения, а с 40-го по 50-ый прозрачность уменьшается до нуля.

На картинке 3, видно строение всей сцены. Обращаем внимание на symbol 1:
  • в начале сцены длина 40 кадров, начинается с 11-го кадра.
  • в конце сцены длина 10 кадров, начинается с 1-го кадра.

Symbol 3 заканчивается исчезновением смайлика, а под ним уже идёт анимация symbol 1 — увеличение логотипа. Когда Timeline перескакивает на начало, он продолжает symbol 1 с одиннадцатого кадра. Таким образом создаётся иллюзия зацикленной анимации.

Задайте вопрос или оставьте комментарий:


Вопросы и комментарии: