Анимация окружности after effects

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

• Вопрос задан более двух лет назад
• 1151 просмотр

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

Видео:Объект по кругу в After Effects Как по кругу пустить объект и анимация по пути | TutorialСкачать

Гайд по анимации UI для After Effects

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

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

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

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

Моушн-дизайн помогает быстрее реализовать ваш проект. Как?

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

Во-вторых, если вы анимировали иллюстрации в After Effects, вы можете экспортировать их в формат файлов Lottie. Таким образом, их реализация не займет много времени, а разработчики смогут потратить его на нечто более приоритетное.

Улучшите свое портфолио

Слайд-шоу — это здорово, но давайте будем честны — людям нравятся видео. Они просты, впечатляющи, интересны и информативны.

Если вы занимаетесь моушн-дизайном, вы можете создавать множество классных анимаций: поиграйте с эффектом параллакса, включите 3D-анимацию в пользовательский интерфейс, поиграйте с эффектами искажения на фотографиях, анимируйте иллюстрации и т.д.

Если вы UI/UX-дизайнер, даже простая прокрутка и раскрытия помогут привлечь больше внимания к вашему дизайну и сделать портфолио более выдающимся.

Импорт из Sketch

Импорт из Sketch выполняется просто. Для этого вам понадобится плагин AEUX для After Effects и Sketch.

1. Организуйте все в группы и дайте правильные названия всем слоям

2. Настройте параметры импорта в плагине AE. В настройках плагина вы можете выбрать, куда импортировать: в новую или уже существующую композицию. Также плагин умеет предварительно создавать артборды, группы, изменять частоту кадров и размер композиции и т.д. (подробную информацию о настройках плагина вы можете прочитать здесь).

3. Перейдите на панель плагинов, выберите AEUX и нажмите «Отправить в AE». В последней версии плагина исходный код из Sketch будет автоматически открываться в After Effects.

Импорт из Figma

Для этого вам понадобится помощь плагина AEUX для After Effects и онлайн-плагина Figma (инструкция здесь).

1. Убедитесь, что вы скачали шрифты, используемые в дизайне.

2. Убедитесь, что все слои названы правильно. Это очень важно, ведь в противном случае вы потратите массу времени на организацию работы в After Effects.

3. Настройте параметры импорта в After Effects, тут всё как и в работе со Sketch.

4. Перейдите в панель плагинов > development > AEUX. При необходимости измените настройки и нажмите «send to AE». В последней версии плагина исходный код из Figma будет автоматически открываться в After Effects.

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

Как мы знаем, есть два типа людей:

• Любят precompose и используют их все время;
• Предпочитают не использовать precompose.

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

Зачем? Вы часто теряете гибкость в процессе анимации. Например, если вам нужно анимировать прокрутку и у вас есть анимация для частей экрана — вы будете терять много времени, перемещаясь туда-сюда в композициях.

Кроме того, некоторые эффекты слоя могут не работать должным образом, если вы создали анимацию в предварительной композиции (CC bend, 3D-слои и т.д.).

Если вы не используете Precompose, вам в любом случае необходимо организовать свои слои.

Мы всегда используем цветовой код для распределения слоёв по группам и NULL-объектам, что помогает быстрее анимировать и находить нужные нам слои.

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

Первый вариант — применить одинаковый цвет ко всем элементам экрана, второй — применить уникальный цвет к каждому столбцу. Затем создайте объекты NULL и сделайте все слои экрана родительскими для этого NULL.

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

Мы не можем представить себе даже день анимации без этого плагина. Он помогает оптимизировать рабочий процесс и сэкономить много времени.Все инструкции о том, как его использовать, вы найдете в этом видео.

Это ещё один простой, но удобный плагин. У него есть только одна простая функция — копирование динамики из одного ключевого кадра в другой. Как это использовать? Просто выберите ключевые кадры, когда вы уже настроили динамику, нажмите «копировать», выберите нужные кадры, для которых вам нужна такая же динамика и нажмите «вставить». Легко и полезно!

Bodymovin и Lottie Files

Также мы используем плагины для экспорта наших иллюстраций, предварительных загрузок и анимаций значков.Эти плагины преобразуют композиции After Effects в файлы формата JSON, которые можно использовать на iOS, Android и React Native без изменений.

Хорошее смягчение — самое главное в анимации и ключ ко всему. Так как же научиться делать хорошее смягчение?

В движении пользовательского интерфейса вы все время будете анимировать две вещи: прокрутки и раскрытие.

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

Например, вы анимируете прокрутку: все ваши слои готовы и организованы, вы уже создали NULL для прокрутки и родительские слои для него (мы говорили о создании NULL для каждого экрана). Теперь вам нужно сделать их родительскими для прокрутки NULL. Хорошо, пора творить чудеса.

• Нажмите на scroll NULL и активируйте свойство Position (нажмите «P» на клавиатуре);
• Создайте ключевые кадры для начальной и конечной точек;
• Выберите ключевые кадры и перейдите в редактор графиков. Выберите график скорости, если он еще не активен.
• Отрегулируйте кривую, как на изображении.
• Вернитесь к временной шкале и при необходимости отрегулируйте время.

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

Теперь пора поговорить об анимации раскрытия объектов. Вы уже анимировали движение прокрутки, но этого все ещё недостаточно. Чтобы движение выглядело хорошо, необходимо анимировать отображение слоев, которые вы прокручиваете.

Как оживить раскрытие?

• Выберите слои, нажмите «P» и «T» на клавиатуре, чтобы выбрать положение и свойства непрозрачности;
• Переместитесь на 20 кадров вперед и создайте ключевые кадры;
• Вернитесь назад, анимируйте непрозрачность до 0, положение Y до +20;
• Создайте динамику, как показано на графике ниже.

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

Итак, вы анимировали движение прокрутки, раскрытия и добавили динамику, но чего-то всё еще не хватает… Смещений! Без них никуда, они всегда имеют большое значение.

Что из себя представляет «Смещение»?

Это означает, что анимация не одновременна. Например, анимация каждого следующего слоя начнётся на 2 кадра позже, чем анимация предыдущего слоя.

• Создайте смещения — переместите каждый слой на 2 кадра дальше (перемещайте ключевые кадры каждого слоя по одному или используйте плагин MDS, чтобы сделать это одним щелчком мыши).
• Просмотрите и при необходимости настройте анимацию. Теперь вы увидите большую разницу. Так что не забывайте использовать смещения, это всегда помогает!

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

Добавьте маски, масштаб, поворот или даже искажение ваших фотографий и это мгновенно улучшит ваше положение.

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

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

Создание искажений — довольно комплексный, а иногда и достаточно сложный процесс, но вы можете использовать уже готовые пресеты, которые есть в свободном доступе, в Интернете. Вот несколько отличных вариантов того, как фотоэффекты могут быть применены на ваших сайтах.

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

Анимацию текстовых эффектов достаточно легко освоить. Если вы наберете «текстовая анимация в After Effects» на YouTube, там будет представлено множество руководств. Но если вы не хотите тратить свое время на изучение анимации текста — можете использовать уже готовые пресеты. Их можно использовать как для заголовков, так и для основной текстовой анимации.

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

Оживите свои иллюстрации и ваш дизайн на 100% станет более впечатляющим.

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

Когда анимация будет завершена, разработчикам потребуются файлы в формате JSON. Для их создания мы используем плагин Bodymovin или Lottie files для After Effects. В большинстве случаев эффекты не работают в формате Lottie, поэтому мы пытаемся создать красивую анимацию с основными свойствами: положением, вращением, масштабом, непрозрачностью и анимацией пути.

Когда вы закончите создание анимаций, проверьте пару вещей:

1. Предварительно просмотрите все анимации несколько раз. Не один раз, а хотя-бы пять. Убедитесь, что все выглядит так, как вы хотели.

2. Сделайте так, чтобы в панели проекта все выглядело красиво. Все источники должны находиться в отдельных папках. Предварительные композиции правильно названы и собраны вместе в одной папке. Создайте папку «Архив» и храните здесь все версии анимаций (просто сделайте это, так будет лучше).

3. Выполните визуализацию и снова проверьте визуализированную анимацию. Наберитесь терпения и проверьте всё это еще хотя-бы 5 раз, уверяю, вы найдете там ошибки.

Если вы новичок в анимации, у нас есть для вас несколько советов.

Используйте Adobe Media Encoder. Да, вы можете рендерить .mov прямо в After Effects, но это не самый лучший формат. MOV имеет большой вес, и не всегда правильно воспроизводится. Конечно, вы можете выполнять рендеринг в MOV, а затем использовать онлайн-конвертеры для рендеринга в формате MP4 или GIF.

В Media Encoder рендеринг проходит в формате h.264. Чаще всего вам будет достаточно стандартных настроек. При необходимости можно изменить частоту кадров или размер видео здесь, не возвращаясь к AE. Просто убедитесь, что для вашего рендера установлено «Ускорение графического процессора Mercury Playback Engine (металл)».

Иногда вам нужно оптимизировать видео, чтобы оно весило меньше. Для этого мы рекомендуем приложение HandBrake. Пользоваться им очень просто и интуитивно понятно. Здесь вы можете уменьшить размер файла видео, оптимизировать, изменить размер, битрейт или частоту кадров.

Советы по социальным сетям

Первое и самое главное — миниатюры. Самая распространённая ошибка — забывать о хороших миниатюрах. В результате у вас может быть пустой или непривлекательный эскиз, который испортит впечатление обо всей проделанной вами работе.

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

Видео:Как сделать анимацию текста по кругу в After EffectsСкачать

Управление контурами фигур и масками и их анимирование

Пути маски и формы можно анимировать тем же способом, что и остальные свойства: задать ключевые кадры для свойств «Путь маски» или «Путь», задать пути для каждого ключевого кадра, и After Effects выполнит интерполяцию между заданными значениями.

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

After Effects включает инструменты «Кисть для ротоскопии» и «Уточнить края», которые позволяют затрачивать значительно меньше времени на выполнение множества одинаковых задач, например обычного ротоскопирования. Дополнительные сведения об использовании инструмента «Кисть для ротоскопии» см. в разделе Инструменты «Кисть для ротоскопии», «Уточнить края» и «Уточнить подложку».

Если объект фона или переднего плана имеет четкий, определенный цвет, для удаления фона или объекта вместо ротоскопирования можно использовать цветовое наложение. Если особенности съемки видеоряда позволяют использовать цветовое наложение, то это будет гораздо проще, чем ротоскопирование. (См. раздел Введение в работу с прозрачным наложением и рабочий процесс.)

Ротоскопирование в After Effects в основном состоит из рисования масок, анимирования контуров масок, а затем использование этих масок для детализации подложки. Многие дополнительные задания и методы облегчают выполнение этой работы. Например, использование отслеживание движения объекта перед началом рисования маски, а затем использование данных отслеживания движения для создания маски или подложки, которая автоматически следует за объектом.

Видео:Как нарисовать анимированную окружность в Adobe After Effects CCСкачать

Советы по ротоскопированию

• Сразу после начала рисования маски, нажмите ALT+SHIFT+M (Windows) или OPTION+SHIFT+M (Mac OS), чтобы включить для этой маски кадрирование изображений и задать ключевой кадр. Таким образом, не придется тратить лишние несколько минут на покадровое редактирование маски в случае потери результатов работы над предыдущими кадрами из-за того, что не была нажата кнопка секундомера для анимации пути маски.
• Рисуйте маски на белом сплошном слое с отключенным переключателем «Видео» (зрачок) над (заблокированным) слоем видеоряда. Это позволит избежать случайного перемещения слоя видеоряда во время выполнения манипуляций с маской. Кроме того, это намного облегчает применение к маске данных отслеживания. (Данные отслеживания применяются к невидимому сплошному слою, содержащему маску.) Это также исключает потерю кэшированных в памяти кадров предпросмотра при выполнении любых манипуляций с маской. (См. разделы Включение и выключение видимости или влияния слоя или группы свойств и Блокировка или снятие блокировки со слоя.)
• Включите параметр «Сохранить номер постоянной вершины». (См. раздел Определение первой вершины для контура Безье.)
• По возможности преобразуйте (поворот, масштабирование, перемещение) всю маску или подмножество вершин маски вместо перемещения вершин по отдельности. Это более эффективно и позволяет избежать вибрации, которая является следствием несогласованного движения через кадры. (См. раздел Перемещение вершин в режиме свободного преобразования.)
• Отслеживание движения вручную занимает меньше времени, чем ротоскопирование вручную. Чем больше внимания уделяется получению точных данных отслеживания для разных частей сцен и объекта, тем меньше времени тратится на рисование и настройку маски. (См. раздел Отслеживание и стабилизация движения.)
• Для более тщательного контроля растушевки объектов используйте функцию Растушевка маски с переменной шириной.

Видео:Как пустить шейп по кругу с автоориентациейСкачать

Ресурсы в Интернете, посвященные ротоскопированию

Это видео из серии «After Effects CS5: изучаем по видео» показывает, как объединять отслеживание трассировки движения и ротоскопирование, чтобы изолировать и сделать выборочную цветокоррекцию лица актера.

Скотт Сквайрс (Scott Squires) на своем веб-сайте Effects Corner предлагает несколько видео, которые демонстрируют как использовать ротоскопирование для рисования и маскирования.

Матиас Мёль (Mathias Möhl) опубликовал на своем веб-сайте сценарий KeyTweak, с помощью которого можно одновременно изменить несколько ключевых кадров свойства. С помощью сценария KeyTweak можно вручную изменить несколько ключевых кадров, а сценарий сам изменит остальные ключевые кадры между ними соответствующим образом. Сценарий KeyTweak особенно полезен для ключевых кадров «Путь маски» в технологическом процессе ротоскопирования.

Рич Янг (Rich Young) предлагает несколько ресурсов для ротоскопирования на своем веб-сайте After Effects Portal.

Видео:Базовый Курс Adobe After Effects. Движение текста по кругу. Урок №35.Скачать

Просмотр контуров масок и форм

• Для просмотра путей маски для выделенных слоев на панели «Таймлайн» нажмите клавишу M.
• Чтобы просмотреть выделенные маски или формы на панели «Таймлайн», нажмите SS (нажмите клавишу S дважды).
• Для просмотра контуров масок и форм на панели «Композиция» нажмите кнопку «Переключить видимость контуров масок и форм» в нижней части панели «Композиция».
• Для просмотра контуров масок на панели «Слой» выберите «Маски» из меню «Вид» на панели «Слой».
• Чтобы скрыть контур маски при отображении других контуров, заблокируйте маску, нажав ее переключатель блокировки на панели «Таймлайн», а затем выберите «Слой» > «Маска» > «Скрыть заблокированные маски».
• Чтобы отделить выделенные маски и скрыть остальные, выберите «Слой» > «Маска» > «Заблокировать остальные маски», а затем выберите «Слой» > «Маска» > «Скрыть заблокированные маски».

Видео:Как задать свою траекторию анимации объекта | Быстрый урок After Effects | After effects лайфхакиСкачать

Выделение контуров форм, форм и групп форм

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

Режим выделения слоя

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

Режим выделения группы

Выбирается целая группа форм. Преобразования применяются к свойствам преобразования слоя в группе свойств «Преобразование», которая находится в группе слоя на панели «Таймлайн».

Режим свободного преобразования

Выбираются несколько вершин на одном или нескольких контурах Безье. Ограничительная рамка свободного преобразования отображается вокруг вершин на панели «Композиция». Работая с этой ограничительной рамкой, можно переместить несколько вершин с помощью одной операции преобразования. Преобразования применяются к вершинам, которые содержатся в свойстве «контур» на панели «Таймлайн».

Режим редактирования контура

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

Режим редактирования контура активен, когда активен инструмент «Перо». Чтобы оставаться в режиме редактирования контура, выберите инструмент «Перо»; при необходимости нажмите V или CTRL (Windows) или COMMAND (Mac OS), чтобы временно активировать инструмент выделения.

A. Выделение слоя B. Выделение группы C. Свободное преобразование D. Редактирование контура

Дополнительные сведения о выделении масок см. в разделе Выделение масок, сегментов и вершин.

Чтобы выбрать все вершины контура, нажмите CTRL+A (Windows) или COMMAND+A (Mac OS), когда выбрана одна вершина контура. Нажмите еще раз, чтобы выделить все формы. Нажмите еще раз, чтобы выделить все слои.

Видео:Вращение текста по кругу в After Effects !Скачать

Выделение слоя-фигуры

• Щелкните имя слоя или панель продолжительности слоя на панели «Таймлайн».
• Используя инструмент «Выделение», щелкните внутри границ слоя на панели «Композиция».
• Чтобы отменить выделение всех фигур, но оставить выделенным слой-фигуру, щелкните внутри границ слоя, но за пределами всех контуров фигур.

Видео:Текст по окружности Как сделать анимацию текста по кругу в After Effects | TutorialСкачать

Выбор группы форм в режиме группового выделения

• Используя инструмент «Выделение», дважды щелкните элемент группы на панели «Композиция». С каждым двойным щелчком происходит переход на один уровень вниз в иерархии групп.
• Для активации инструмента «Частичное выделение» удерживайте клавишу Ctrl (Windows) или Command (Mac OS), когда выбран инструмент «Выделение». Чтобы выделить группу формы, независимо от того, насколько глубоко форма находится в иерархии групп, щелкните эту форму на панели «Композиция» с помощью инструмента «Частичное выделение».
• Чтобы выделить группу, содержащуюся внутри той же группы, что и группа, которая уже выбрана, щелкните требуемую группу.
• Чтобы добавить группу к выделенной области, щелкните ее, удерживая нажатой клавишу SHIFT. Чтобы добавить в выделенную область более глубоко вложенные группы, можно одновременно использовать клавишу SHIFT и двойной щелчок мышью с инструментом «Частичное выделение».

Видео:Ae: движение текста по путиСкачать

Выделение контуров и вершин в режиме редактирования контуров

Чтобы задать размер дескрипторов направления кривой Безье и вершин для масок и форм, выберите «Правка» > «Установки» > «Общие» (Windows) или «After Effects» > «Установки» > «Общие» (Mac OS) и измените значение параметра «Размер точки контура».

• Чтобы выбрать вершину, щелкните вершину с помощью инструмента «Выделение». Для добавления вершин к выделенной области, щелкните их, удерживая нажатой клавишу SHIFT.
• Чтобы выбрать сегмент контура, щелкните сегмент с помощью инструмента «Выделение». Для добавления сегментов к выделенной области, щелкните их, удерживая нажатой клавишу SHIFT.
• Чтобы выделить весь контур, щелкните сегмент или вершину с помощью инструмента «Выделение», удерживая нажатой клавишу ALT (Windows) или OPTION (Mac OS), или выберите любую часть контура и нажмите CTRL+A (Windows) или COMMAND+A (Mac OS).
• Для выбора вершин с помощью перетаскивания, выделите контур или часть контура, чтобы войти в режим его редактирования, а затем перетащите их с помощью инструмента выделения прямоугольником , нарисовав прямоугольную область вокруг вершин, которые нужно выделить. Для добавления вершины в выделенной области при рисовании дополнительных прямоугольных областей выделения нажмите и удерживайте клавишу SHIFT.

Видео:Реалистичная анимация отскока в After EffectsСкачать

Выделение всех точек на контуре и вход в режим свободного преобразования

• Дважды щелкните сегмент контура в режиме редактирования контура или в режиме выделения группы для отдельной формы.
• Выберите свойство «контур» на панели «Таймлайн» и нажмите CTRL+T (Windows) или COMMAND+T (Mac OS).

Видео:Как зациклить анимацию в after effects | Зацикливание анимации after effectsСкачать

Выделение масок, сегментов и вершин

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

Чтобы задать размер дескрипторов направления кривой Безье и вершин для масок и форм, выберите «Правка» > «Установки» > «Общие» (Windows) или «After Effects» > «Установки» > «Общие» (Mac OS) и измените значение параметра «Размер точки контура».

Видео:Как сделать текст по кругу в Adobe After Effects / Цикл анимации текста по окружности (траектории)Скачать

Выделение или отмена выбора масок на панели «Слой» или на панели «Композиция»

• Чтобы выбрать вершину в маске, щелкните вершину с помощью инструмента «Выделение» . Для добавления вершин к выделенной области, щелкните их, удерживая нажатой клавишу SHIFT.
• Чтобы выбрать сегмент маски, щелкните сегмент с помощью инструмента «Выделение». Для добавления сегментов к выделенной области, щелкните их, удерживая нажатой клавишу SHIFT.
• Чтобы выделить всю маску, щелкните сегмент, вершину или дескриптор маски с помощью инструмента «Выделение», удерживая нажатой клавишу ALT (Windows) или OPTION (Mac OS), или выберите любую часть маски и щелкните «Правка» > «Выделить все», или нажмите CTRL+A (Windows) или COMMAND+A (Mac OS). Чтобы добавить маску к выделенной области, щелкните ее, удерживая нажатыми клавиши ALT+SHIFT (Windows) или OPTION+SHIFT (Mac OS).
• Для выбора масок с помощью перетаскивания, выделите маску или часть маски, чтобы войти в режим ее редактирования, а затем перетащите их с помощью инструмента «Выделение», нарисовав прямоугольную область вокруг вершин и масок, которые нужно выделить. Для добавления масок или вершин в выделенной области при рисовании дополнительных прямоугольных областей выделения нажмите и удерживайте клавишу SHIFT.
• Чтобы выбрать все маски на слое, выделите на слое одну маску и выберите «Правка» > «Выделить все» или нажмите CTRL+A (Windows) или COMMAND+A (Mac OS).
• Для отмены выделения всех масок нажмите CTRL+SHIFT+A (Windows) или COMMAND+SHIFT+A (Mac OS).
• Для выбора на слое смежной маски нажмите ALT+` (ударение) (Windows) или OPTION+` (ударение) (Mac OS), чтобы выделить следующую маску, или SHIFT+ALT+` (ударение) (Windows) или SHIFT+OPTION+` (ударение) (Mac OS), чтобы выделить предыдущую маску.
• Для отмены выделения маски щелкните в любом месте за пределами маски.
• Чтобы удалить из выделения вершину или сегмент, щелкните вершину или сегмент, удерживая нажатой клавишу SHIFT.

Для использования инструмента «Выделение», когда выбран инструмент «Перо», удерживайте нажатой клавишу CTRL (Windows) или COMMAND (Mac OS).

Видео:Нарисовать анимацию контура окружности 🔴 в After Effects 🟩 Solid | Сплошная заливка. Часть 1. №39Скачать

Выделение масок на панели «Таймлайн»

• Чтобы выбрать одну маску, щелкните ее имя.

• Чтобы выделить несколько масок, расположенных рядом, щелкните имя первой и последней маски в диапазоне выделения, удерживая клавишу SHIFT.

• Для выбора масок, расположенных в разных местах, щелкните имя всех масок, которые необходимо включить в выделение, удерживая клавишу CTRL (Windows) или COMMAND (Mac OS).

На панели «Таймлайн» можно выбирать только маски целиком. Чтобы выделить отдельные вершины маски, используйте панель «Композиция» или «Слой».

Видео:Объект по кругу в after effects | Текст по кругу в after effects | Анимация по линии After effectsСкачать

Блокировка или снятие блокировки маски

Блокировка маски делает невозможной ее выбор на панелях «Таймлайн», «Композиция» и «Слой» или ее размещение в качестве целевого объекта на панели «Слой». Используйте эту функцию во избежание нежелательных изменений маски.

Чтобы одновременно разблокировать несколько масок, выделите один или несколько слоев и нажмите «Слой» > «Маска» > «Разблокировать все маски».

Чтобы отделить выделенные маски и скрыть остальные, выберите «Слой» > «Маска» > «Заблокировать остальные маски», а затем выберите «Слой» > «Маска» > «Скрыть заблокированные маски».

Видео:Базовый Курс Adobe After Effects. Движение объекта по траектории пути движения. Урок №25.Скачать

Перемещение вершин в режиме свободного преобразования

контур маски или формы целиком (или выделенные вершины в одном или нескольких контурах) можно масштабировать и поворачивать с помощью команды «Точки свободного трансформирования». При использовании этой команды выбранные вершины окружает ограничительная рамка свободного преобразования, а в центре ограничительной рамки появляется опорная точка, которая обозначает опорную точку для текущего преобразования. Масштабировать и поворачивать выбранные вершины можно путем перетаскивания ограничительной рамки или ее дескрипторов. Также можно изменять исходную точку, вокруг которой вершины поворачиваются или масштабируются, путем перемещения опорной точки ограничительной рамки. Дескрипторы ограничительной рамки свободного преобразования и опорная точка существуют независимо от дескрипторов и опорной точки слоя.

Когда нужно анимировать поворот с помощью команды «Точки свободного трансформирования», вершины маски интерполируются в прямую линию от одного ключевого кадра к другому. По этой причине результаты могут отличаться от ожидаемых.

• Чтобы преобразовать любое количество вершин, выберите вершины, которые необходимо преобразовать, и нажмите «Слой» > «контур масок и форм» > «Точки свободного трансформирования».

• Чтобы преобразовать весь контур маски или формы, выберите его на панели «Таймлайн» и нажмите «Слой» > «Контур масок и форм» > «Точки свободного трансформирования».

• Чтобы переместить контур или выбранные вершины, расположите курсор внутри ограничительной рамки и перетащите.

• Для масштабирования контура или выбранных вершин поместите курсор на ограничительную рамку и, когда курсор изменится на прямую, двухстороннюю стрелку , перетаскиванием определите новый размер. Чтобы ограничить масштабирование, при перетаскивании удерживайте нажатой клавишу SHIFT. Чтобы ограничить масштабирование вокруг опорной точки ограничительной рамки, при перетаскивании удерживайте нажатой клавишу CTRL (Windows) или COMMAND (Mac OS).

• Чтобы повернуть контур или выбранные вершины, поместите указатель за пределы ограничительной рамки свободного преобразования и, когда указатель примет вид изогнутой двухсторонней стрелки , выполните поворот посредством перетаскивания.

Видео:Форма траектории в Афтер ЭффектсСкачать

Преобразование контура между кривой Безье и RotoBezier, нарисованными вручную

Любой выполненный вручную контур формы или маски по кривой Безье можно преобразовать в контур по кривой RotoBezier. Если выполненный вручную контур Безье имеет дескрипторы направления, которые были перемещены, это преобразование изменит форму пути, поскольку After Effects автоматически вычисляет кривизну сегментов RotoBezier.

Преобразование контура RotoBezier в контур Безье, нарисованный вручную, не изменяет форму пути.

Видео:Вращение текста вокруг человека |After Effects Tutorial 2020Скачать

Изменение пути маски или формы, созданного на основе кривой Безье

Путь маски Безье можно изменить с помощью инструментов «Выделение» и «Перо» на панели «Слой» или «Композиция». Контур формы Безье можно изменить с помощью инструментов «Выделение» и «Перо» на панели «Слой» или «Композиция».

Инструменты пера — «Добавление вершины», «Удаление вершины» и «Преобразование вершины» — сгруппированы с инструментом «Перо» на панели «Инструменты». Чтобы отобразить эти инструменты на панели «Инструменты», нажмите и удерживайте инструмент «Перо» на панели «Инструменты».

В большинстве случаев соответствующий инструмент пера становится активным, когда указатель инструмента «Перо» помещается в соответствующем контексте. Например, инструмент «Удаление вершины» становится активным, если указатель инструмента «Перо» помещается над существующей вершиной, а инструмент «Добавление вершины» становится активным, если указатель инструмента «Перо» помещается над сегментом контура. Для ручной активации и переключения между этими инструментами нажмите G.

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

Видео:Вращение одних объектов, вокруг другого объекта в After EffectsСкачать

Перемещение, добавление или удаление вершины

• Чтобы переместить вершину, щелкните вершину с помощью инструмента «Выделение» .

Чтобы временно переключиться с инструмента «Перо» на инструмент «Выделение», нажмите V или CTRL (Windows) или COMMAND (Mac OS).

• Чтобы добавить вершину к маске, нажмите сегмент между двумя существующими вершинами с помощью инструмента «Добавление вершины» .

• Чтобы удалить вершину из маски, нажмите вершину с помощью инструмента «Удаление вершины» .

Видео:⏺ Зацикленная анимация круга в After Effects. Урок как сделать анимированный фон - AEplug 258Скачать

Коррекция сегмента контура

• Перетащите вершину.

• Перетащите дескрипторы направления смежной гладкой вершины.

• Перетащите изогнутый сегмент.

Перетаскивание изогнутого сегмента на маску RotoBezier также перемещает вершины.

Переключение вершины между точкой сглаживания и угловой точкой

Для активации инструмента «Преобразование вершины», когда выбран инструмент «Перо», удерживайте нажатой клавишу ALT (Windows) или OPTION (Mac OS).

Коррекция напряжения маски RotoBezier

Для активации инструмента «Преобразование вершины», когда выбран инструмент «Перо», удерживайте нажатой клавишу ALT (Windows) или OPTION (Mac OS).

При перетаскивании вершины маски RotoBezier появляется указатель коррекции напряжения .

Щелчок вместо перетаскивания задает вершину в качестве угловой точки (100-процентное напряжение); повторный щелчок устанавливает вершину как точку сглаживания (33-процентное напряжение). Перетаскивание вверх или вправо снижает напряжение выделенной области, увеличивая кривизну смежных сегментов контура, перетаскивание вниз или влево увеличивает напряжение выделенной области, уменьшая кривизну смежных сегментов контура.

Во время коррекции напряжения посмотреть значение напряжения вершины можно на панели «Информация».

Числовое изменение пути маски

Определение первой вершины для контура Безье

Чтобы анимировать контур, After Effects обозначает самую верхнюю вершину на исходном ключевом кадре как первую вершину и нумерует каждую последующую вершину в порядке возрастания от первой вершины. Затем After Effects присваивает те же номера соответствующим вершинам на всех последующих ключевых кадрах. After Effects интерполирует движение каждой вершины от исходного положения в одном ключевом кадре к позиции соответственно пронумерованной вершины на следующем ключевом кадре. В любой момент процесса анимации можно назначить первой вершиной другую вершину; это приведет к тому, что After Effects перенумерует вершины контура. Следствием перенумерации вершин станет изменение анимации контура, поскольку после этого After Effects будет сопоставлять новые номера вершин с соответствующими старыми номерами вершины, по-прежнему сохраненными в последующих ключевых кадрах.

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

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

По умолчанию при добавлении вершины к контуру новая вершина отображается на контуре через всю длительность контура, но изменяет контур только в момент времени ее добавления. При удалении вершины из контура в определенной точке времени вершина удаляется из контура по всей длительности контура. Чтобы запретить After Effects добавление и удаление вершины на протяжении всей длительности контура, выберите «Правка» > «Установки» > «Общие» (Windows) или «After Effects» > «Установки» > «Общие» (Mac OS) и снимите флажок с параметра «Сохранить номер постоянной вершины при редактировании масок».

Примечание. В After Effects CS6 и более поздних версиях функция «Сохранить число постоянных вершин при редактировании масок» была переименована в «Сохранить число постоянных вершин и растушевок при редактировании масок».

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

Анимация пути маски с помощью функции «Интеллектуальная интерполяция маски»

Интеллектуальная интерполяция маски предлагает широкие возможности управления для процесса создания ключевых кадров пути маски и плавной, реалистичной анимации. После выбора для интерполяции ключевого кадра пути маски функция «Интеллектуальная интерполяция маски» создает промежуточные ключевые кадры на основе заданных вами параметров. На панели «Информация» отображается ход выполнения интерполяции и количество созданных ключевых кадров.

Чтобы прервать процесс интерполяции, нажмите ESC. На панели «Информация» отобразится сообщение о прерывании процесса и о количестве созданных ключевых кадров.

Частота ключевых кадров

Определяет количество ключевых кадров, которые функция «Интеллектуальная интерполяция маски» создает между выбранными ключевыми кадрами в секунду. Например, значение 10 создает новый ключевой кадр через каждую десятую долю секунды. Выберите вариант «Автоматически», чтобы задать частоту ключевых кадров равной частоте кадров композиции, которая отображается в скобках. Для более плавной анимации создайте большее количество ключевых кадров; для уменьшения времени рендеринга — меньшее количество ключевых кадров.

Независимо от выбранной частоты ключевых кадров функция «Интеллектуальная интерполяция маски» всегда добавляет ключевые кадры в кадр, следующий непосредственно за первым ключевым кадром пути маски, и в кадр, расположенный непосредственно перед вторым ключевым кадром пути маски. Например, при интерполяции с частотой кадров 10 ключевых кадров в секунду между ключевыми кадрами с позициями 0 секунд и 1 секунда в композиции с частотой ключевых кадров 30 кадр/с, ключевые кадры пути маски добавляются в кадры 1, 3, 6, 9, 12, 15, 18, 21, 24, 27 и 29.

Поля ключевого кадра

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

Использовать пути линейных вершин

Указывает, что вершины в первом ключевом кадре перемещаются к соответствующим им вершинам во втором ключевом кадре по прямому пути. Не выбирайте этот параметр, если некоторые вершины требуется интерполировать по изогнутым контурам; например, когда необходимая интерполяция включает вращающие части. Если этот параметр не выбран, то функция «Интеллектуальная интерполяция маски» создает для маски естественный контур.

Сопротивление при изгибании

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

Определяет, насколько точно функция «Интеллектуальная интерполяция маски» сопоставляет вершины одного ключевого кадра вершинам другого. Значение 0 указывает, что определенная вершина в первом ключевом кадре соответствует только вершине с таким же порядковым номером во втором ключевом кадре. Например, десятая вершина в первом ключевом кадре должна соответствовать десятой вершине во втором ключевом кадре. Значение 100 означает, что какая-либо вершина в первом ключевом кадре потенциально может соответствовать любой вершине во втором ключевом кадре. Более высокие значения обычно приводят к лучшей интерполяции; однако чем выше значение, тем больше времени занимает обработка.

Добавить вершины пути маски

Указывает, что функция «Интеллектуальная интерполяция маски» добавляет вершины для улучшения качества интерполяции. Как правило, «Интеллектуальная интерполяция маски» работает лучше всего, если контуры маски имеют большое количество вершин. Кроме того, вершина на первом контуре маски не может соответствовать середине кривой или прямолинейному сегменту на втором контуре маски, поэтому для получения необходимого результата перед сопоставлением иногда необходимо добавить вершины. «Интеллектуальная интерполяция маски» не изменяет исходные ключевые кадры. Дополнительные вершины имеют только новые ключевые кадры пути маски, вычисленные функцией «Интеллектуальная интерполяция маски».

Установленное значение определяет, насколько точно подразделены входящие контуры маски. Параметр «Пикселы между вершинами» указывает расстояние в пикселах между двумя вершинами на контуре маски, который после подразделения имеет больший периметр. Параметр «Общее число вершин» определяет количество вершин на интерполированных контурах маски. Параметр «Процент макета» указывает, что вершина добавляется в точки указанного процента от длины пути маски. Например, значение 5 означает, что вершина добавляется для каждого последующего сегмента контура, размер которого представляет собой 5 % полного периметра. Для использования только вершин, которые находятся на контуре первого кадра, не выбирайте этот параметр.

Функция «Интеллектуальная интерполяция маски» может добавлять вершины на позиции существующих вершин, даже если параметр «Добавить вершины пути маски» не установлен. Если две вершины на одном контуре маски соответствуют одной вершине на другом контуре, эта одна вершина будет продублирована в том же самом месте для того, чтобы сегмент между двумя вершинами уменьшился в соответствии с этим местоположением.

Метод поиска соответствий

Определяет алгоритм, который функция «Интеллектуальная интерполяция маски» использует для сопоставления вершин на одном контуре маски и вершин на другом контуре маски. Метод «Авто» применяет алгоритм поиска соответствий для кривых, если любой из двух выбранных ключевых кадров имеет изогнутый сегмент; в ином случае он применяет алгоритм «Ломаная линия». Метод «Кривая» применяет алгоритм для путей маски, которые имеют изогнутые сегменты. Метод «Ломаная линия» применяет алгоритм для путей маски, которые имеют только прямые сегменты.

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

Использовать соответствия вершин 1:1

Указывает, что функция «Интеллектуальная интерполяция маски» создает на одном контуре маски вершину, которая соответствует вершине с таким же порядковым номером на другом контуре маски. По отношению к каждому входящему пути маски функция «Интеллектуальная интерполяция маски» сопоставляет первые вершины, вторые вершины, третьи вершины и т.д. Если два контура имеют неравное количество вершин, это действие может привести к нежелательным результатам.

Первое совпадение по вершинам

Указывает, что функция «Интеллектуальная интерполяция маски» сопоставляет первые вершины в двух ключевых кадрах пути маски. Если параметр не выбран, функция «Интеллектуальная интерполяция маски» выполняет поиск лучшего соответствия для первых вершин между двумя входящими контурами маски.

Чтобы получить хорошие результаты, убедитесь, что первые вершины входящих путей маски совпадают, а затем выберите параметр «Первое совпадение по вершинам».

Перемещение маски или панорамирование слоя под маской

Область, которая видима через маску, можно настроить перемещением маски на панели «Слой» или на панели «Композиция» или панорамированием (перемещением) слоя под маской на панели «Композиция». При перемещении маски значения положения маскируемого слоя остаются постоянными, а маска перемещается по отношению к другим объектам на панели «Композиция».

При использовании инструмента «Панорамирование назад» («Опорная точка») для панорамирования слоя под маской положение маски остается неизменным на панели «Композиция», но изменяется на панели «Слой». Значения положения маскируемого слоя изменяются по отношению к композиции. По мере панорамирования за края кадра слоя значения пути маски на слое также изменяются. Использование инструмента «Панорамирование назад» («Опорная точка») уменьшает количество шагов; если инструмент не используется, необходимо изменять свойства «Положение» и «Путь маски» для слоя с маской вручную. Слой можно анимировать панорамированием под другим слоем, задав ключевые кадры для свойств «Положение» и «Путь маски» маскируемого слоя.

Перемещение маски

Панорамирование слоя под его маской

Выберите инструмент «Панорамирование назад» («Опорная точка») на панели «Инструменты».

Отслеживание лица и маски

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

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

Доступ к точкам контуров масок, фигур Безье и штрихов кисти с помощью выражений

Выражения можно использовать для считывания и записи координат x и y точек контуров (или вершин) следующих объектов:

• слои-маски;
• фигуры Безье;
• штрихи кисти на панели «Рисование» и эффекты «Кисть для ротоскопии» и «Уточнить края».

Данные методы выражений подобны методу доступа к вершинам контура с помощью сценариев. Для ознакомления, данный метод выражений называется points(), а не vertices().

Методы выражений доступа

Далее описывается порядок доступа к таким методам выражений.

Чтобы создать слой со сплошной заливкой, выберите Слой > Сплошной .

Создав сплошную заливки, создайте маску. Щелкните инструмент фигуры , например многоугольник, и создайте маску над сплошным слоем.

На панели Таймлайн откройте окно свойств маски и, удерживая нажатой клавишу Alt, нажмите Контур маски .

Отображается поле выражения. На панели Таймлайн откройте меню Язык выражений и выберите Свойства контура .

Выберите метод выражения в списке методов выражения для точек контура.

Ниже перечислены примеры методов выражений для контурных объектов.

• Контуры маски слоя: layer(«Темно-серая заливка 1»).mask(«Маска 1»).path or .maskPath
• Контуры фигур Безье: layer(«Слой-фигура 1»).content(«Фигура 1»).content(«Контур 1»).path
• Контуры штрихов для эффекта «Рисование»: layer(«Темно-серая заливка 1»).effect(«Рисование»).stroke («Кисть 1»).path
• Контуры штрихов для эффектов «Кисть для ротоскопии» и «Уточнить края»: layer(«Темно-серая заливка 1»).effect(«Кисть для ротоскопии и Уточнить края»).stroke(«Передний план 1»).path

Советы по работе с данными методами выражений

• Для координат вершин значения точек и касательных возвращаются как массив массивов пар чисел [x, y]. Значения координат округляются до четырех знаков после запятой.
• Массивы точек и касательных начинаются с первой вершины на контуре. Первую вершину контуров масок и фигур Безье слоя можно изменить с помощью команды Слой > Контур масок и форм > Задать первую вершину .
• Координаты точек контура маски слоя указываются относительно начала координат слоя в левом верхнем углу.
• Координаты точек контура фигур Безье задаются относительно опорной точки группы фигур контура (например, «Преобразование: Фигура 1 > Опорная точка»).
• Координаты точек контура штрихов кистью задаются относительно начала штриха. Координаты первой точки: [0,0].
• Метод toComp() или другие методы преобразования пространства слоя могут быть полезны для преобразования координат различных слоев в общее пространство или просто для возврата значений координат относительно пространства композиции.
• Поскольку контуры фигур Безье задаются относительно опорной точки своей локальной группы фигур, а не слоя, их значения могут быть смещенными по сравнению с ожидаемым результатом. Чтобы избежать этого, присвойте нулевое значение всем свойствам преобразования в группе фигур. Следует помнить, что преобразование параметрической фигуру в фигуры Безье может влиять на положение группы фигур.
• Методу createPath() можно передавать методы points, tangents и isClosed для того же контура или других контуров. Эти методы можно передавать неизмененными, чтобы создать дубликат контура или преобразовать значения точек и касательных, прежде чем передать их для изменения или анимации контура.

Панель «Создать пустые значения на основе контуров»

Создать пустые значения на основе контуров scriptUI, панель, с помощью которой можно легко создавать анимации, управляемые выражениями, при этом писать выражения вручную не требуется. Можно напрямую связывать разные контуры с фигурами, фигуры со сплошными заливками и т. д. Панель Создать пустые значения на основе контуров использует доступ к точкам контуров на основе выражений для автоматической привязки пустых значений, чтобы вам не нужно было писать выражение самостоятельно.

Панель создает пустые значения для каждой точки контура маски или контура фигуры Безье. Для различных вариантов создания пустых значений используются следующие кнопки на панели:

• Точки следуют за пустыми значениями: эта кнопка создает пустые значения, которые управляют положением точек контура. Точки контура связываются с пустыми значениями, что позволяет анимировать пустые значения, чтобы приводить в движение точки контура.
• Пустые значения следуют за точками: эта кнопка создает пустые значения, которые управляются положением точек контура. Пустые значения связываются с точками контура, и можно анимировать точки контура для перемещения пустых значений.
• Трассировка контура: эта кнопка создает одно пустое значение, которое следует за контуром. Положение пустого значения связывается с координатами контура. Поворот пустого значения автоматически ориентируется по контуру. Кнопка «Трассировка контура» управляет перемещением пустого значения по контуру, а также определяет, образует ли контур петлю. По умолчанию для ключевых кадров задано следование по контуру с интервалом в 1 секунду, а петля включена.