githubEdit

Анимация вдоль кривой

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

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

Анимация вдоль кривой

При этом, траекторию движения (кривую) можно скрыть, выключив слой на Панели слоёв.

Анимация вдоль кривой без отображения пути.

Для того, чтобы воспользоваться этой функцией, нужно:

  1. Создать или добавить объект, который будет анимироваться вдоль кривой и поместить его в группу;

  2. Создать кривую, вдоль которой будет двигаться объект;

  3. Привязать точку позиции объекта к кривой.

Пошаговая инструкция

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

Создание объекта

Далее, выделяем все вершины стрелки и перемещаем их таким образом, чтобы они были вокруг точки позиции по центру Рабочей области. Так мы задаем центр вращения для стрелки.

Смещение объекта для выставления его центра
circle-exclamation

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

Группирование слоев
circle-info

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

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

Построение кривой

На панели слоев выделяем группу со стрелкой, на Рабочей области выделяем зеленую точку позиции группы. Затем, зажав клавишу Ctrl, выделяем слой с кривой (путь для стрелки) и на Рабочей области нажимаем правой кнопки мыши на любом месте кривой, кроме вершин. В появившемся окне нажимаем «привязать к кривой».

Привязка объекта к кривой

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

Анимирование вдоль кривой

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

Демонстрация работы анимации вдоль кривой

Чтобы стрелка разворачивалась, нужно в режиме анимации развернуть её в нужном направлении (в любой момент анимации), а получившийся кадр передвинуть на шкале кадров в тот момент, когда стрелка должна развернуться. Затем у этого кадра поставить тип интерполяции «Константа».

circle-info

Подробнее о типах интерполяции смотрите в разделе «Фиксаторы»

Анимация вдоль кривой

Last updated