动画与时间轴

概览

动画模式是静态设计变为动态的地方。KinoViz 采用基于关键帧的时间轴——在特定时间点设置属性值，引擎自动在关键帧之间进行插值。

通过顶部栏的 设计 / 动画 切换按钮进入动画模式。

时间轴概览

时间轴在动画模式下显示于编辑器底部，分为三个主要区域：

• 图层列表（左侧）——当前项目中的所有元素，与图层面板保持同步。
• 关键帧轨道（中央）——菱形标记代表各属性的关键帧。
• 播放头——显示当前时间位置的竖线。

时间标尺

关键帧区域顶部的标尺以秒和帧为单位显示时间。点击标尺上的任意位置可将播放头跳转到该时间。

时长与帧率设置

项目时长在时间轴工具栏的时长选择器中设置（播放控件旁显示当前时长的那个按钮）。帧率不是项目设置——在导出对话框中渲染时选择（15 / 24 / 30 / 60 fps，上限取决于套餐）。

• 时长：默认为 10 秒，可按项目自定义，引擎无硬性套餐限制。
• 帧率上限（按套餐限制）：

帧率越高，动画越流畅，但导出文件也越大。

添加关键帧

关键帧记录特定时刻某属性的值。

方式一——关键帧按钮

1. 选中一个元素。
2. 将播放头移到目标时间。
3. 在属性面板中，点击任意属性旁的菱形图标（◇），记录当前值的关键帧。

方式二——拖动并设置

1. 选中一个元素。
2. 将播放头移到目标时间。
3. 直接在面板中修改属性值——KinoViz 自动创建关键帧。

方式三——键盘快捷键

按 K 为当前播放头位置的所有已动画属性添加关键帧。

方式四——右键点击时间轴轨道

在图层时间轴轨道上右键点击任意位置 → 添加关键帧。

编辑关键帧

• 移动关键帧——沿轨道左右拖动。
• 复制关键帧——Ctrl/Cmd+拖动关键帧以复制。
• 删除关键帧——点击选中后按 Delete。
• 多选关键帧——拖动框选，或 Shift+点击。

缓动曲线

缓动控制属性在两个关键帧值之间的过渡方式。平缓的缓动 = 匀速；弯曲的缓动 = 加速或减速。

右键点击关键帧 → 缓动，选择曲线。每个预设都有内联 SVG 预览图。

KinoViz 提供 40+ 缓动预设：

也可输入自定义三次贝塞尔进行完全精确的控制。

播放控制

图层时序与错排

每个图层都有入点和出点——即元素可见并参与动画的时间范围。

调整图层入/出点

拖动时间轴中图层片段条的左边缘或右边缘，设置元素的进入和退出时间。超出片段范围的元素在画布和导出中均不可见。

错排动画

目前没有自动错排命令。手动创建错排入场：

1. 给第一个元素做好入场关键帧（例如 0.4 秒内不透明度 0 → 1）。
2. 选中下一个元素，把它的第一个关键帧（或片段条）向后挪零点几秒——每层 0.1 到 0.2 秒观感最自然。
3. 沿图层列表依次重复。先在元素间复制关键帧再整体挪动时间，比逐个重做更快。

用 转为可编辑 导入的 SVG 会保留子形状间的内置错排；下方的 TextFX 预设也自带逐字错排，无需手动偏移。

同时为多个属性制作动画

属性面板中带关键帧图标的任意属性均可独立制作动画：

• 独立为 X 和 Y 制作动画，实现对角线或复杂运动路径。
• 为不透明度制作动画，实现淡入/淡出效果。
• 为缩放制作动画，实现放大/缩小效果。
• 为旋转制作动画，实现旋转元素效果。
• 为填充颜色制作动画，实现颜色过渡效果。
• 为图片滤镜值（亮度、对比度等）制作动画，实现调色过渡效果。

动画预设（文字特效）

文字特效元素内置 5 个分类共 40+ 动画预设。一键应用包含多个关键帧的完整动画。

完整预设列表请参阅物理与特效。

相机动画

对于使用 3D 系统的项目，相机可以制作关键帧动画。相机运动需要 Pro 及以上套餐。

1. 切换到 3D 视图模式。
2. 将播放头移到目标时间。
3. 使用轨道/平移控件调整相机角度。
4. 设置相机关键帧。

在不同时间重复上述操作即可创建相机移动效果。完整相机控制说明请参阅 3D 系统。

3D 动画预设（animation3d）同样需要 Pro+。

AI 生成动画

使用 AI 生成，用自然语言描述动画，让 KinoViz 自动生成完整的关键帧序列。AI 助手目前已暂停。详情请参阅 AI 生成。

下一步

• 设计模式——先构建静态布局
• 3D 系统——制作 3D 模型和相机动画
• 物理与特效——添加物理模拟和文字特效
• 导出与发布——渲染动画