手势编辑器

手势用于控制角色的手部动画。在 Creator 中,角色的手势是独立的素材,可以在剧本中动态更换。手势编辑器支持前景/背景双图层和帧动画,让你制作出丰富的手部动画效果。

gesture-editor


创建手势

  1. 在左侧项目树的 素材 → 手势 分类中,点击 + 按钮创建新手势素材
  2. 双击手势名称修改为更具描述性的名称(如「白色手势组」等)

编辑器界面

区域说明
手势树管理手势使用的图片部件,帧,状态
属性面板编辑选中元素的属性
画布预览右侧主区域,预览手势外观
帧时间轴管理手势的每一帧

部件(Part)

手势的部件是手部各元素的图片。

添加部件

  1. 在部件面板中,点击 + 按钮
  2. 选择手势图片文件导入

import-part

手势图片可以是单张手势图片,或者一张包含多个手势状态的图集,导入时会自动切分图集为多个部件。例如:

gestures


帧动画(Frame)

与表情编辑器类似,手势通过帧动画制作动态效果(如挥手动作)。

前景/背景图层

手势的每一帧支持双图层绑定,用于实现握持之类的动作时的遮挡效果。

图层用途
背景被握持的物体遮盖
前景遮盖被握持的物体

如果手势素材只有一张图片,建议将其放在背景层。

目前剧本中尚未实现握持命令,后续会增加相关功能,以实现手势的正确遮挡效果。

创建帧

  1. 有 2 种方式添加新的帧
    • 在帧时间轴中,点击右键,在弹出菜单中选择 添加帧
    • 在手势树 帧列表 右侧,点击 + 添加新帧
  2. 选中帧后,右键点击该帧,可以为该帧分别设置前景和背景绑定的部件
    • 在设置部件的子菜单中,最下方是一个 选项,选择该选项可以移除部件绑定
  3. 之后可以在画布上调整部件的位置

背景和前景分别只能绑定一个部件

在剧本中使用角色手势时,是将手势演员绑定到角色的「左手」或「右手」上。为了保证手势正确显示,请确保手势图片是从原点开始,朝向 X 轴的正向(即预览区红色线,朝向右侧)。

edit-gesture


状态(State)

手势状态与表情状态不同,手势状态仅对应一帧。

手势状态目前不支持多帧动画

创建状态

  1. 在帧时间轴中,选择一帧,右键点击,在弹出菜单中选择 创建手势状态,即可添加新状态
  2. 手势状态的关联帧默认为选中帧

常见状态示例:

  • 默认:手势的默认形态,作为第一个状态。角色首次切换手势时,默认使用列表中的第一个状态
  • 指向:手势是握拳 + 食指指向 X 轴正向

add-state


使用技巧

  • 区分左右:同一个手势素材可以同时用于左手和右手
  • 前景/背景搭配:合理利用双图层,让手部动画看起来更自然

动画剧本

可在剧本中使用的素材部分

手势编辑器中创建的元素,在剧本中可以通过以下方式引用:

元素引用方式说明
手势名【手势名】手势作为 2D 演员使用,可入场后 依附到 角色的 左手右手 骨骼
状态名【手势名】变换为【状态名】通过 变换为 切换手势显示状态(如从「默认」切换到「指向」)

角色能使用手势的前提是:角色当前姿势对应的骨架中必须有一个名为「左手」和「右手」的骨骼。

角色的左手和右手手势是独立的。如果同一个手势素材需要同时放在两只手上,请用模板创建两个手势演员实例。

剧本示例

为角色设置手势

// 为左手和右手分别创建手势演员
使用【白色手势组】的模板创建【左手手势】,入场。
使用【白色手势组】的模板创建【右手手势】,入场。
【左手手势】依附到【小明】的【左手】。
【右手手势】依附到【小明】的【右手】。

切换手势状态

// 切换到指向状态
【右手手势】变换为【指向】。

综合示例:角色做出指向动作

// 1. 设置右手手势
使用【白色手势组】的模板创建【右手手势】,入场。
【右手手势】依附到【小明】的【右手】。
// 2. 切换到指向状态
【右手手势】变换为【指向】。
// 3. 配合骨骼旋转,抬起右手臂完成指向
【0.5】秒内,【小明】的【右上臂】的【旋转角度】减少【60】。
【小明】说:"看那边!"。
【0.5】秒内,【小明】的【右上臂】的【旋转角度】增加【60】。