跳到主要内容

帧头与帧菜单

时间轴中的每一列都对应一帧。单击帧头可切换当前帧;如果帧设置了较长时长,帧头底部还会显示提示点或短线,方便快速检查节奏。给帧添加标签后,帧头上也会显示对应的颜色标记。

  • 移动端可双击帧头打开帧菜单。
  • 桌面端默认使用右键打开帧菜单。
  • 桌面端如果启用了“双击打开菜单”,也可以双击帧头打开菜单;否则双击会直接进入“修改帧属性”。

帧菜单里最常用的入口包括:

  • 修改帧属性:设置当前帧,或当前多选帧的时长。
  • 新帧:复制当前帧并插入到右侧。
  • 新建空帧:在右侧插入一帧空白帧。
  • 删除帧:删除当前帧;系统至少会保留一帧。
  • 拷贝帧粘贴帧:复制或粘贴当前帧,桌面端也支持键盘流程。
  • 标记:为帧添加颜色标签,方便区分关键帧、节奏变化或导出节点。

在当前帧还不属于任何片段时,菜单里还会提供 新片段 入口。移动端的帧菜单里还可以进入 选择 / 取消选择,方便直接开始帧多选。

/new-medias/animation/animation-frame-ios-menu.png
移动端的帧菜单

这一组菜单项在桌面端也基本一致,只是片段相关操作更多会放到片段条本身和片段菜单里处理。

/new-medias/animation/animation-frame-desktop-menu.png
桌面端的帧菜单

帧排序与多选

移动端需要先长按帧头,再左右拖动来调整顺序;桌面端可直接拖动帧头。当前如果已经选中了连续多帧,拖动时会整体移动这一段帧。

  • 移动端可从帧菜单进入多选。
  • 桌面端更适合用 Shift 点选、全选 和右键 / 快捷键配合完成多选。
  • 桌面端也支持帧的复制、剪切、粘贴、删除和全选等键盘操作。
/new-medias/animation/animation-frame-reorder.gif
拖动帧头调整帧顺序

帧属性与持续时间

修改帧属性 对话框里,可以设置当前帧的持续时间;如果当前已经进入帧多选,对话框也会直接作用于整个多选范围。

  • 帧持续时间以基础帧率的倍数表示。
  • 新建帧默认继承前一帧的持续时间。
  • 多选帧后,可以一次性为整段帧设置相同时长。
  • 帧头底部会用提示点显示较短时长;当时长更大时,会改成短线,避免时间轴过于拥挤。
/doc-imgs/frame-property.jpeg
帧属性中的时长设置

批量设置时长时,更适合先把一段节奏相近的帧选出来,再一起修改。这样能比逐帧设置更快收出动画节奏。

/new-medias/animation/animation-frame-multi-select-duration.gif
多选帧后批量设置时长

帧头上的时长提示点和短线,适合在不打开属性对话框的情况下快速检查动画节奏。

/versions/d29/frame_duration_dots.png
帧头上的时长提示点和提示线

导出的 GIF 和精灵图集都会继承这些帧时长设置。

动画片段

动画片段用于把一段连续帧定义成一个可单独命名和播放的区间。一个精灵可以包含多个片段;每个片段从“片段头”开始,一直延伸到下一个片段头,或者时间轴末尾。

  • 在不属于任何片段的帧上,可通过帧菜单里的 新片段 创建片段。
  • 如果当前已经多选了一段连续帧,新建片段时会优先把这段范围带入片段属性。
  • 单击片段可选中它。
  • 桌面端可右键片段条打开片段菜单;如果启用了“双击打开菜单”,也可以双击片段条打开菜单,否则双击会直接打开片段属性。

片段菜单和片段属性,才是编辑片段的主要入口。它们和普通帧菜单是两套不同的工作流。

片段播放模式与片段属性

片段属性 对话框中,可以同时设置:

  • 片段名称
  • 播放方向
  • 起始帧
  • 结束帧

当前支持的播放模式有:

  • 正向:从首帧播放到尾帧
  • 反向:从尾帧播放到首帧
  • 乒乓:先正向再反向循环
/new-medias/animation/animation-frame-clip-property-dialog.png
片段属性对话框

选中片段后,还可以直接拖动片段左右边缘来修改范围。系统会自动阻止片段之间发生重叠。

/versions/d29/drag_clip_range.gif
拖动片段边缘调整范围

继续阅读: