# Представляем 3D-анимацию на таймлайне - Spline blog (https://spline.design/ru/blog/introducing-3d-timeline-animation)

> Анимация на таймлайне в Spline позволяет оживлять 3D-дизайны плавным движением по ключевым кадрам.

[Блог](https://spline.design/ru/blog)

18 сентября 2025 г.

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

Анимация на таймлайне в Spline позволяет оживлять 3D-дизайны плавным движением по ключевым кадрам.

[Открыть Spline](https://app.spline.design)

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

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

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

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

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

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

Ключевые кадры на таймлайне Spline

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

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

Анимация на таймлайне с кривыми в Spline

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

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

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

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

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

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

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

Анимированные 3D-траектории и камера на таймлайне

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

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

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

Видео на основе таймлайна, экспортированные из Spline

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

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

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

— Команда Spline

## Ещё в блоге

[3 ноября 2026 г.Представляем Spline Arena](https://spline.design/ru/blog/introducing-spline-arena)[21 октября 2026 г.Представляем Spline для ChatGPT](https://spline.design/ru/blog/introducing-spline-for-chatgpt)[27 августа 2026 г.Представляем Hana V2](https://spline.design/ru/blog/hana-v2)

[Spline](https://spline.design/ru)

3D- и 2D-редактор для команд и их агентов. Публикуйте в веб, на iOS и Android.

#### Спросите ИИ о Spline

#### Продукты

- [3D-дизайн](https://spline.design/ru/3d-design)
- [Hana](https://spline.design/ru/hana)
- [Omma](https://omma.build)
- [Генерация 3D с ИИ](https://spline.design/ru/ai-generate)
- [Spline MCP](https://spline.design/ru/mcp)
- [Spline Arena](https://spline.design/ru/arena)
- [Цены](https://spline.design/ru/pricing)
- [Enterprise](https://spline.design/ru/enterprise)

#### Рантаймы

- [Web](https://spline.design/ru/web)
- [iOS](https://spline.design/ru/ios)
- [Android](https://spline.design/ru/android)

#### Приложения

- [Скачать](https://spline.design/ru/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Скачать Spline Mirror](https://spline.design/download-mirror)

#### Обучение

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/ru/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Решения](https://spline.design/solutions)

#### Сообщество

- [Сообщество Spline](https://community.spline.design)
- [Blog](https://spline.design/ru/blog)
- [Что нового](https://spline.design/ru/changelog)
- [Образование](https://spline.design/ru/education)
- [Contra](https://spline.design/contra)
- [Партнёрам](https://spline.design/ru/affiliate)

#### Компания

- [Клиенты](https://spline.design/ru/customers)
- [Вакансии](https://www.ycombinator.com/companies/spline/jobs)
- [Безопасность](https://spline.design/ru/security)

#### Правовая информация

- [Условия использования](https://spline.design/terms)
- [Конфиденциальность](https://spline.design/privacy)

#### Контакты

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.
