图形编辑器
(2022 年 6 月 16 日更新)
您可以使用图形编辑器创建动画,同时直观地检查参数的变化。
本节介绍图形编辑器的基本操作。

切换编辑模式
默认情况下,将显示将关键帧表示为点的Dope Sheet。

单击[切换编辑模式]按钮以切换到[Graph Editor]。

选择一个参数以显示图形以进行编辑。
您还可以通过选择多个参数同时显示多条曲线。

再次单击 [切换编辑模式] 按钮以切换到 [Dope Sheet]。

在切换到易于使用的格式时编辑动画。
基本操作
关键帧插入
您可以在要插入位置的框架上按住[Ctrl]和[左键单击],将键插入到任意位置。
您可以通过按住 [Ctrl] + [Shift] 和 [左键单击] 在曲线上插入键。
此时光标会显示“+”,如下图所示。

削除关键帧
您可以通过在关键帧上按住 [Ctrl] 和 [左键单击] 来删除一个关键点。
此时光标会显示“-”,如下图所示。

移动关键帧
您可以通过拖动选择的关键帧来更改位置。

当您移动贝塞尔曲线的关键点时,它会以一定比例膨胀和收缩,从而使前后手柄不会穿透,曲线不会弯曲。
即使它在Dope Sheet上移动也是一样的。
如果选择多个,则可以同时移动多个关键帧。
您还可以使用左右箭头键左右移动关键帧。
[箭头键] 的移动仅支持左右移动。
连续贝塞尔编辑
您可以对其进行编辑,使前后手柄在一条直线上。
这在调整平滑曲线时很有用。
在初始状态下,如果在按住[Ctrl]的同时移动手柄,将进行连续的贝塞尔编辑,但在时间线的右上方
您也可以通过从 [盘菜单] 中选中 [始终进行连续贝塞尔编辑] 来变更默认设置。
(在这种情况下,按 [Ctrl] 反转功能。)
编辑多个关键帧
如果您从时间线上的空白区域开始拖动,您可以选择该范围内的关键帧。
您可以一次编辑多个选择关键帧的参数值。
如果您进行多项选择,将显示一个红框[边界框]。
[边界框]可以像任何其他操作一样自由变换,您可以通过抓住中心点在保持关键帧位置关系的同时移动它。
您还可以通过缩放 [边界框] 来调整曲线的幅度。

多选时,按住 Shift 键或 Alt 键的同时拖动执行以下操作。
[Shift] + 拖动 | 上下垂直运动 |
[Shift] + 拖动 | 在保持纵横比的同时放大/缩小 |
[Alt] + 拖动 | 以中心的锚点缩放 |
[Shift] + [Alt] + 拖动 | 在保持纵横比的同时放大/缩小锚点 |
框编辑
如果缩小框,键将尽可能靠近放置。
变换所选框时,该键不会消失。
此外,由于在盒子消失之前会记住原始形状,因此即使盒子反复变形,曲线信息也不会丢失。
复制和粘贴
您可以在图形编辑器中复制和贴上键。
一条曲线上的信息可以粘贴到场景或动画之外的其他曲线上的任何位置。
在多条曲线或FA曲线的情况下,仅限于同一条曲线。
曲线拖动
您可以抓取曲线并编辑形状。
这在创建粗略形状时很有用。
塑造手柄
将所选点之前和之后的手柄塑造成一条直线(连续蔬菜)。
它可以从右键菜单中选择并应用于选择键和整个选择曲线。
值格式
用栅格值四舍五入选择点的值。
您可以通过在时间线菜单中选中 [按住Shift键切换智能吸附] 来使用它。
您可以通过按 [Shift] + [Alt] + [Drag] 启用/禁用。
改变价值
使用参数滑块进行编辑时,即使手柄达到上限和下限,也尽可能保持其原始形状,直到确定为止。
使用上下光标键变更值
您可以通过在Dope Sheet或图形编辑器中选择一个键并在键盘上向上或向下移动该值来变更该值。
多种属性选择
您可以选择多个属性。
选择方法:
- [Ctrl] + 单击以单独选择
- [Shift] + 单击选择范围
- 点击属性文件夹,选择里面的所有元素
TIPS
属性选择颜色和曲线颜色相同,如果选择了多个属性,它们将被颜色编码。

在关键位置显示参数名称
如果您在时间线菜单中选中[显示键名],它将位于图形编辑器的键位置。
显示参数名称。
扩大和缩小时间线
您可以使用 [Alt] + [鼠标滚轮] 放大或缩小时间线的宽度。
缩放的中心是光标位置。
TIPS
Dope Sheet可以通过相同的操作放大或缩小。

您可以通过按 [Alt] + [Ctrl] + [鼠标滚轮] 来放大或缩小时间线的垂直宽度。

应用曲线
要将下面描述的5种曲线应用于图形,请选择曲线上的键并单击每条曲线的按钮。
在这里,尝试将默认设定 [自动顺畅] 变更为 [直线]。

连接选择关键帧的下一个关键帧的曲线现在是[直线]。

您还可以通过多项选择变更曲线。
有关此曲线的详细信息,请参阅下面的“曲线类型”部分。
曲线类型
如果您在同一参数上插入多个键,则曲线将自动在每个键之间插入。
在 Cubism Editor 中有 5 种类型的曲线可以插值,您可以创建各种动画。
自动平滑
默认的关键帧插值方法是 [自动顺畅]。
一条平滑的曲线连接应用的键。
动画开始缓慢移动并朝着下一个关键帧减速。
按钮 | 实际动画 | 图形编辑器曲线 |
![]() |
![]() |
![]() |
直线
一条直线连接应用的键。
动画是恒定的和可变的,具有线性运动。
按钮 | 实际动画 | 图形编辑器曲线 |
![]() |
![]() |
![]() |
步
应用的关键点由与前一个关键帧的值匹配的水平直线连接。
动画会移动,以使上一张和下一张图片在瞬间发生变化。
按钮 | 实际动画 | 图形编辑器曲线 |
![]() |
![]() |
![]() |
反向
应用的关键点由与后面关键帧的值匹配的水平直线连接。
动画会移动,以使上一张和下一张图片在瞬间发生变化。
按钮 | 实际动画 | 图形编辑器曲线 |
![]() |
![]() |
![]() |
贝塞尔
选择按键并点击[贝塞尔]按钮,按键上会显示黄色的[贝塞尔手柄]。
您可以通过抓住圆形部分来上下左右移动它,您可以自由编辑曲线的形状。
按钮 | 实际动画 | 图形编辑器曲线 |
![]() |
![]() |
![]() |
曲线预设:

通过点击[贝塞尔]按钮右侧的按钮,常用的曲线形状预先准备好,你可以应用任何你喜欢的形状。
它通常主要用于动态图形,但它是一种方便的功能,也可用于角色移动。
关于曲线重新计算
从 Cubism 4.2.00 开始,提高了曲线计算的准确性。
在 Cubism 4.1.05 之前的版本中创建的运动可以 [Curve Recalculated]。
如何重新计算曲线:
单击项目面板上的 CAN3 以在检查器面板上显示 Recalculate Curve 按钮。
单击重新计算曲线按钮以重新计算所有场景的曲线。
如果值发生变化,详细信息将显示在对话框中。
嵌入 SDK 时的注意事项
在 SDK 中嵌入动画时,需要注意一些事项。
详情请参阅以下页面。