Creator 时间轴与关键帧——调整动效节奏的核心

时间轴布局

Creator 的时间轴在界面底部，横向展开。主要元素：

• 时间标尺：顶部显示时间标记（帧号或毫秒），拖动手柄可以跳到任意时间点。
• 图层轨道：每个图层占一行，关键帧用小菱形标记。
• 关键帧操作区：选中关键帧后可以调整位置、复制、删除、修改缓动曲线。

添加关键帧的三种方式

1. 记录按钮：点选时间轴上方的圆形记录按钮（类似 AE 的 "Record"），然后在画布上修改属性——每次属性变化自动生成关键帧。
2. 手动添加：移动时间指针到目标帧，在右侧属性面板点击属性旁的菱形按钮，显式添加一个关键帧。
3. 双击时间轴：在轨道上双击时间轴位置，手动插入关键帧。

Graph Editor 缓动曲线

时间轴下方可以展开 Graph Editor——在这里可视化调整关键帧之间的插值曲线。和 AE 的 Graph Editor 思路完全一致：

• 线性（Linear）：匀速运动，曲线是直线。
• 贝塞尔（Bezier）：拖拽手柄调整进入和离开关键帧的速度。
• 缓入/缓出：预设的 ease-in、ease-out、ease-in-out。

Creator 的优势是 Graph Editor 是内置的、全在浏览器里就能完成——不需要切回 AE。

关键帧辅助工具

Creator 提供了一些 AE 里没有的辅助功能，帮助快速调整关键帧：

• 关键帧镜像：选中一组关键帧，水平翻转它们的时间位置——快速生成对称动画。
• 时间拉伸：选中关键帧组后整体拉伸或压缩时间范围——调整动效节奏。
• 关键帧对齐：多个图层的关键帧一键对齐到同一时间点。
• 帧数值精确输入：播放控件的时间输入框支持直接跳转到精确帧号。

和 AE 关键帧的兼容性

Creator 导出的 JSON 和 AE+Bodymovin 导出的 JSON 格式相同——两种工具生成的动画文件可以互换。在 Creator 里做的动画可以在 AE 里用 Bodymovin 导入再编辑，反之亦然。