3D 时间轴动画正式推出

借助 Spline 的时间轴动画,你可以用流畅的关键帧动态让 3D 设计活起来。

打开 Spline

我们很高兴分享最新的更新,它延续了我们在 Spline 中拓展动效设计的努力:推出时间轴动画。

这项新功能让你可以在 Spline 编辑器中,为视频导出和交互式体验创建流畅的、基于关键帧的动态。

状态与基于关键帧的动画

最初在 Spline 中,动画是通过基于状态的系统实现的。你为对象创建不同的状态,然后借助事件和过渡动作在它们之间切换。

我们至今仍然深信这套系统。它易于使用和设置,你可以通过一系列过渡,让对象从 A 到 B 再到 C 运动起来。但在更复杂的动效中,若要控制多个对象状态过渡的时机,这套系统就有其局限。

有了时间轴,你现在可以更精确、更可控地制作动画。过渡会排布在一条水平的时间轴上,让你能够更精细地控制时机。这个新方案建立在状态之上,进一步扩展了 Spline 的动画能力。

Spline 时间轴上关键帧的演示

曲线编辑器:流畅的动态,更精细的控制

内置的曲线编辑器让你可以控制缓动和速度,不再局限于线性过渡,从而创造出自然、流畅或富有活力的动态。

Spline 中基于曲线的时间轴动画演示

事件与交互

与状态一样,基于时间轴的动画也可以连接到 Spline 的事件系统,让你可以通过用户操作或条件逻辑来触发动态。这样就能构建交互式时间轴,根据用户与场景的互动方式做出动态响应。

任何对象属性都可以制作动画,包括位置、旋转、缩放、尺寸、材质、克隆器或路径挤出。当你在视口或属性面板中进行调整时,关键帧会自动记录,让工作流保持流畅且非破坏性。

悬停或触摸即可交互(使用 Spline 时间轴制作的体验)

多条时间轴

你可以在一个项目中创建多条时间轴。这样就能把动态分到清晰的轨道上,为同一个对象构建不同的状态,或为复杂场景组织动画。

拥有多条时间轴,也让根据不同交互触发不同动态变得更容易。例如,一条时间轴可以定义对象的入场动画,另一条则控制它被点击时的反应。

使用时间轴制作的 3D 路径与相机动画

导出视频

时间轴不仅限于交互式项目。你还可以直接从 Spline 将动画导出为高质量视频。选择要渲染的时间轴,调整时长、帧率和分辨率,即可生成可用于演示、营销活动或循环内容的视频。

这种双重用途让时间轴既适用于交互式动效设计工作流,也适用于传统动效设计工作流。

从 Spline 导出的基于时间轴的视频

在 Beta 中不断演进

时间轴动画以 Beta 版本推出。我们正在积极改进它,并会根据你的反馈持续完善工作流。我们的目标是让 3D 动画制作尽可能流畅且富有表现力,无论你是在为实时交互式体验还是为视频进行设计。

我们很期待看到你用时间轴让项目活起来。

—— Spline 团队

打开 Spline

更多博客文章