跳到主要内容

时间轴概览

Resprite 提供与 Aseprite 相近的完整时间轴,可集中管理图层、帧、单元格和动画片段。本页先帮助你理解时间轴的基本布局,再介绍不同平台上的常用入口与设置。

认识时间轴的基本区域

时间轴通常由这几部分组成:

  • 左侧或上方的图层头,用来管理图层名称、可见性和分组。
  • 上方的帧头,用来浏览和选择当前帧。
  • 中间的单元格区域,用来查看每一层在各帧上的内容。
  • 有动画片段时,还会出现片段行,方便整理播放范围。

如果你是第一次接触 Resprite,建议先把这几个区域认熟,再继续阅读图层、帧和单元格的详细页面。

时间轴布局与面板尺寸

iOS 版可以在编辑器中打开 菜单 ▸ 视图 ▸ 时间轴显示位置,把时间轴放到左侧、右侧或底部。

iOS 版时间轴位置菜单
iOS 版时间轴位置菜单

桌面端则把时间轴作为独立窗口使用。你可以直接调整窗口尺寸,让它在更紧凑的概览模式和更宽松的编辑模式之间切换。

桌面端时间轴窗口总览
桌面端时间轴窗口总览

调整图层头宽度

无论是 iOS 还是桌面端,都可以拖动图层名称区域右侧的分隔把手,调整图层头的宽度。图层较多、名称较长,或者需要更清楚地看到缩略图时,这个操作会很有用。

拖动图层头宽度
拖动图层头宽度

图层缩略图

打开图层缩略图后,可以更直观地识别每个图层的大致内容。

  • iOS 可在视图菜单或相关设置里快速切换图层缩略图显示。
  • 桌面端可在时间轴设置中开启或关闭图层缩略图。
时间轴中的图层缩略图
时间轴中的图层缩略图

时间轴动作栏

时间轴上方的动作栏通常会放一些高频按钮,例如:

  • 播放、暂停,以及跳到上一帧或下一帧。
  • 新建图层、新建帧。
  • 洋葱皮切换。

iOS 版可以在动作栏设置里决定是否显示整个时间轴动作栏,也可以进一步挑选要放哪些按钮。

桌面端的时间轴动作栏更轻量,主要围绕播放、新建图层、新建帧和洋葱皮展开;当时间轴窗口高度过小的时候,动作栏也可能自动不显示,以优先保证表格区域的可用空间。

桌面端时间轴动作栏设置
桌面端时间轴动作栏设置

多选单元格批量编辑(iOS R60+,桌面端 / Android v1.32.1+)

在时间轴中明确选中多个单元格后,可以对这些单元格中的选区内容执行统一操作:

  • 批量变换:同时移动、旋转、缩放或翻转各单元格中的选区内容。整次操作使用相同的相对参数,并可统一撤销或重做。
  • 批量粘贴:把剪贴板中的同一内容粘贴到多个可编辑单元格,再统一调整位置、旋转和缩放。
同时变换多个时间轴单元格中的选区内容
向多个选中的时间轴单元格粘贴内容

明确选择多个图层、帧或单元格进行批量编辑时,范围内未锁定的隐藏内容也会参与,避免重新显示后出现错位;锁定内容仍受保护。

播放行为设置

如果你经常一边绘制一边检查动画效果,时间轴里的播放行为设置会很有用。当前版本支持这些常见选项:

  • 从头开始播放
  • 跨片段连续播放
  • 播放有限次数后自动停止
  • 停止时恢复到原来选中的帧

这些设置适合用来反复检查短动画片段,而不用每次手动回到原帧继续画。

时间轴播放行为设置
时间轴播放行为设置

移动端的导航帧手势

在移动端启用单指导航帧模式后,可以直接在画布上完成一些时间轴相关操作,不必频繁点回时间轴。

通常的使用方式是:

  • 左右拖动以切换上一帧或下一帧。
  • 上下拖动以切换洋葱皮。
  • 可选开启双击切换播放。

这套手势更适合平板工作流;桌面端不适用,iPhone 上也不会显示同样的单指绘图模式设置。

移动端的单指导航帧手势
移动端的单指导航帧手势

继续阅读: