装配新姿势教程

December 24th, 2020

在动画中使用不同的艺术创建姿势是一个很好的方法扩展角色在Spine中能做的事情范围。我们在网格绑定教程中略微介绍了这一点,并在最新的一次演示项目Helmet狗的完整转向的几个流视频中谈到过。本篇博文将总结在Spine骨架中添加和管理多个姿势的步骤。

你可以点此下载这些文件跟随学习。其中包含了所有需要的图像,以及每一步的Spine项目。

准备资产

假设你已经装备了一个角色,并且想要在动画中间添加一个新姿势。第一步是创建新姿势所需的其他资产。你可以使用Spine的PSD导出为Photoshop或其他图像编辑软件创建工作参考。这对于为动画创建新资产(如有不同视角的躯干)特别有用。PSD导出为你提供了整个中间动画姿势的所有附件的层,让你可以更轻松地绘制新附件。

一旦对新资产感到满意,就可以使用这些脚本从图像编辑软件中导出它们。下面我们假设你正在使用PhotoShop和相应的PhotoshopToSpine脚本。

通过在Photoshop项目中使用与骨架中现有插槽匹配的[插槽]标签和名称,Spine可以自动将你的新资产导入到正确的位置。对于我们的节日Spineboy,我们在Photoshop项目中创建了额外的资产,你可以在本文随附的资料下载中的2-spineboy-alt-images/文件夹中找到这些资产。

导入资产

PhotoshopToSpine脚本会生成一个JSON文件以及可以导入到现有Spine项目中的图像。

要导入新资产,请打开你要将新资产导入到的Spine项目(本示例中为1-festive-spineboy-start/文件夹中的1-festive-spineboy.spine)。下一步,选择导入数据或将JSON文件拖放到Spine窗口打开导入数据对话框(本例中是2-spineboy-alt-images文件夹中的festive-spineboy-alt-hands.json文件)。

取消勾选新建项目可将文件导入到当前骨架中,然后选择导入到现有骨架中,并选择忽略已有附件以保留已存在的网格。

点击导入后,Spine会将与现有插槽匹配的导入附件放在该插槽下。与任何现有插槽不匹配的附件将放在根骨骼下的新插槽中。

在Spine中添加新的姿势资产。

我们现在已经准备好将新资产整合到装配中,以便可以在动画中使用它们。

第一个问题是,新附件的位置可能与骨架中已有的骨骼不匹配。你可能会尝试通过为新姿势创建一组新骨骼来解决此问题。这样做也可以,但缺点是骨骼过多会造成骨架拥挤,将角色变成难以管理的章鱼,长远看会不方便导航和使用装配。

如何装配新姿势图片

有一种更好的方法来整合新部件!我们可以将姿势存储在动画中作为一种替代设置姿势。然后,还可将此动画用作一个便捷来源快速复制姿势并粘贴到新动画中。我们将用于此目的的动画称为“设置姿势动画”。

首先,在设置模式下,使新姿势的新附件可见,将其全部转换为网格,然后使用编辑网格创建网格结构。记住遵循网格裁剪提示,并尽量保持较低的顶点数!

仍处于设置模式时,将新网格绑定到在任何动画中都不移动的骨骼,例如骨骼。

完成上述步骤后,隐藏新姿势的网格,从而恢复原始设置姿势。

提示: 可以取消选中动画属性中的导出,这样该动画就不会被导出。它仍然可以在编辑器中供你使用。

现在是时候为我们的新姿势创建“设置姿势动画”了。切换到动画模式并创建将用于存储新姿势的动画。

提示: 如果肢体的新姿势处于透视状态,则可以平移骨骼以使它们更近或更远。可以沿父轴移动子骨骼以使此过程更加精确。尽量匹配骨骼的旋转。

显示新姿势所需的所有网格。由于所有网格都绑定到根,因此作为这些附件的真正父对象的骨骼可以自由移动,而不会影响附件。将骨骼与网格的新位置匹配。

一旦你对此动画中的骨骼位置感到满意,请将每个网格绑定到应该影响它的相应骨骼,并取消绑定根骨骼。

要测试权重,最好创建一个用于测试的新动画。你可以使用设置姿势动画测试它们,然后撤消,但会很容易忘记和意外破坏姿势。复制设置姿势动画并调整权重。一旦对结果满意,这个姿势就可以使用了!

使用新姿势

提示:

  • 按空格键清除你的选择。这将使所有的摄影表行都可见,只需从第一行选择关键帧即可轻松复制和粘贴。
  • 偏移显示附件的关键帧,使其位于动画中间以减少更改的影响。
  • 将图像放在分开的插槽中,如果想要用稍有不同的图像创建更平滑过渡的错觉,可淡入新插槽。

完成所有设置后,使用姿势非常简单:只需将设置姿势动画中的所有关键帧复制到新动画即可。

添加新姿势要使用的新骨骼

在向姿势添加新部分时,你可能会意识到实际需要一两个新骨骼才能更好地控制。当姿势与设置姿势非常不同时,如何才能做到这一点呢?

首先,按照上一节中介绍的步骤将现有骨骼与设置姿势动画中的新网格进行匹配。接下来,将设置姿势动画中的网格绑定到将成为新骨骼父对象的骨骼,将权重设置为100%。

现在切换到设置模式并使新网格可见。它们的位置可能看起来很奇怪,但与将成为新骨骼的父级骨骼相应对齐。使用网格作为参考来创建新骨骼。完成此操作后,可以在设置模式下再次隐藏网格。

切换到动画模式,并在设置姿势动画中将网格绑定到新创建的骨骼。如上所述,在测试动画中设置它们的权重。

修改替代姿势的网格

如果网格结构可以改进并需要更改该怎么办?这在Spine 4.0及更高版本中很容易操作:只需在动画模式下使用编辑网格按钮即可。

在早期版本的Spine中也可以,但有点困难,因为编辑网格只能在设置模式下使用。网格是在动画中的为姿势绑定的,在设置模式下它可能会扭曲,使得在那里编辑网格变得困难或不可能。这是可以做到的,但需要减轻网格的权重。你可以记下最重要的权重百分比或保持较低的顶点数,以更容易重新创建权重。

首先,将所有网格顶点100%加权到骨骼(或另一个不移动的骨骼)。如果没有解除根部与网格的绑定,则只需将权重设置为100%,否则,请确保在设置姿势动画中绑定根部,以便在绑定时存储网格的正确状态。

返回到设置模式并激活网格,现在网格在设置模式下显示为未变形状态,然后单击编辑网格。网格修改完成后,切换到动画模式,激活设置姿势动画,然后按更新绑定以存储正确的骨骼位置。

现在可以编辑权重以使网格再次受到正确骨骼的影响。

视频

如果你是一个视觉学习者,我们也有提供相关视频教程!Erika在Twitch上以流视频方式讲解了这些技巧。可在这里观看完整流视频或摘要版本:

总结

这是一个需要掌握的强大技巧,它可以为你的角色开启丰富的表现力。要让它工作,重要的一点是要细心并注意你绑定骨骼的位置,以及设置姿势动画要像在设置模式下一样仔细处理。由于这是一种高级技巧,在尝试记住所有步骤时很容易迷失,所以希望本篇博文能对你有所帮助。

你试过这个工作流程了吗?告诉我们你创造了什么!我们喜欢看到你的作品,记得在社交媒体上用#madewithspine来标记它们!

如果你对这些技术有任何想法,或者遇到了问题需要求助,可访问Spine论坛交流探讨。