Представляем 3D-анимацию на таймлайне

Открыть Spline

Рады поделиться нашим новым обновлением, которое продолжает расширять возможности моушн-дизайна в Spline: встречайте Timeline Animation.

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

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

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

Мы по-прежнему глубоко верим в эту систему. Она проста в освоении и настройке: вы анимируете объекты из A в B и в C последовательностью переходов. Но у неё есть ограничения, когда нужно точно управлять таймингом переходов нескольких объектов в более сложном движении.

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

Редактор графиков для плавного движения и тонкого контроля

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

События и интерактивность

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

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

Наведите курсор или коснитесь, чтобы взаимодействовать (опыт создан на таймлайне Spline)

Несколько таймлайнов

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

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

Экспорт видео

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

Благодаря такому двойному подходу таймлайн полезен и для интерактивного, и для традиционного моушн-дизайна.

Развитие в бете

Timeline Animation запущена в бета-версии. Мы активно её улучшаем и продолжим совершенствовать процесс с учётом ваших отзывов. Наша цель — сделать анимацию в 3D максимально удобной и выразительной, создаёте ли вы интерактивный опыт в реальном времени или видео.

Нам не терпится увидеть, как вы оживите свои проекты с помощью таймлайна.

— Команда Spline

Открыть Spline