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

Відкрити Spline

Ми раді поділитися нашим найновішим оновленням, що продовжує розвиток моушн-дизайну в Spline: представляємо Timeline Animation.

Ця нова функція дає змогу створювати плавний рух на основі ключових кадрів — і для експорту відео, і для інтерактивного досвіду, — не виходячи з редактора Spline.

Стани й анімація на основі ключових кадрів

Спочатку анімації в Spline створювалися за допомогою системи станів. Ви створювали різні стани об’єктів, а потім переходили між ними за допомогою подій і дії переходу.

Ми й досі глибоко віримо в цю систему. Вона проста у використанні й налаштуванні. Ви анімуєте об’єкти з A в B і в C послідовністю переходів. Але в цієї системи є обмеження, коли йдеться про керування таймінгом переходів між станами кількох об’єктів у складнішому русі.

З Timeline тепер можна анімувати точніше й з більшим контролем. Переходи розкладено на горизонтальному таймлайні, що дає змогу тонше керувати таймінгом. Це нове рішення побудоване поверх станів і розширює можливості анімації в Spline.

Graph Editor для плавного руху й тонкого контролю

Вбудований Graph Editor дає контроль над пом’якшенням і швидкістю, тож можна вийти за межі лінійних переходів і створювати рух, що відчувається природним, плавним чи динамічним.

Події та інтерактивність

Як і стани, анімації на таймлайні можна підключати до системи подій Spline, щоб запускати рух діями користувача чи умовною логікою. Так можна створювати інтерактивні таймлайни, що динамічно реагують на те, як користувачі взаємодіють зі сценою.

Анімувати можна будь-яку властивість об’єкта: позицію, обертання, масштаб, розмір, матеріал, клонери чи видавлювання шляхів. Ключові кадри записуються автоматично, коли ви вносите зміни у в’юпорті чи на панелі властивостей, тож процес залишається плавним і неруйнівним.

Наведіть курсор або торкніться, щоб взаємодіяти (сцену створено на таймлайні Spline)

Кілька таймлайнів

В одному проєкті можна створити кілька таймлайнів. Так рух можна розділити на охайні доріжки, створити різні стани для одного об’єкта чи впорядкувати анімації для складних сцен.

Кілька таймлайнів також спрощують запуск різного руху залежно від взаємодії. Наприклад, один таймлайн може задавати анімацію появи об’єкта, а інший — як він реагує на клік.

Експорт відео

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

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

Розвиток у бета-версії

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

Нам не терпиться побачити, як ви оживите свої проєкти за допомогою Timeline.

— Команда Spline

Відкрити Spline