Spine2d 零基础新手快速上手教程

Spine2d一款功能强大的2D动画绑定软件,在游戏制作中一直有着很高的地位。目前来说,Spine2d常用的几个场景有下面四个:


1.以2D为主体游戏,横版,RPG等等,Spine2d会在制作过程中帮助动画师处理,人物动作。

2.动态立绘,目前来说动态例会在手机游戏中很吃香,所以很多工作室就使用Spine2d来做动态立绘,当然还有另外一款软件更适合做动态立绘——Live2D,不过这个软件是订阅制,价格比较高,所以一般个人开发也都选择Spine2d,因为是买断制,一次付款,终身享受。 

3.片头过场,这一个在一些体量比较小的游戏上使用的会比较多,用Spine2d来做出人物立绘一样的动效,之后加入AE处理,duang的特效,最后就可以呈现比较好看的短片。

4.UI动效,最常见的就是一些比较可爱的Q版游戏,点击按钮点一下会有些扭曲,这就是用来制作UI的结果,还有就是特效,通过图片的叠加或者变换,来得到不错的视觉效果。

以上就是目前游戏制作通常会用到Spine2d的4个方向。


本文主要以0基础快速上手为主,总的来说就是导入原画切片,绑定骨骼,建立网格,添加动画这些基本操作,一步一步认真读,教程没有太多图片,认真读完,保证会有一个基本的收获——上手完成,之后自然就可以去看更高级的教程了。

万事要多学多练,上手不代表入门,入门不代表会用,一起加油!

废话少说,开始:


切片导入(以PS为例)

将原画的图片放入PS,使用PhotoshoptoSpine插件将分层图片导出png(做sprite用)+json文件

拖拽json文件到Spine软件中,会提示导入json文件到Spine,确定就好。

人物到软件中一般不会准确的在世界水平以上(原点),仔细看,视图中心X和Y轴交点有个远点,将人物放到这个原点之上,保证人物可以站在地面上。

之后存档,点击左上Spine菜单,存好这个文档就ok。


建立骨骼

导入完图片后需要绑定骨骼,或者给图片制作网格,不过还是建议先做骨骼,因为有了内在才好做外在,至少我是这样认为的。

在左下找到新建的选项,一个骨骼的突变,开始绑定,绑定的时候记住尾椎的位置先点一个点,作为角色的重心,之后向上做腰骨,胸骨,胸骨和脖子直接最好有个衍生骨(我自己是这么称呼的),之后是脖子,头,正常比较简单的人物是这个顺序,之后双机空白处左键,取消建立;

之后选择衍生骨,在左侧做上臂,下臂,手,这样做是为了在之后绑定权重的时候,手臂可以以衍生骨为父级,好控制,同时也美观,右臂同理,不多赘述。

之后是腿骨,同样操作,点击最开始做的那个重心点(骨盆),之后向下拉大腿,小腿,脚。

备注:拉手臂和腿的时候要注意,手要成一个“倒单立人旁”的样子,腿要成“横折捺”的样子,如图我已经画了,因为要涉及到IK反动力绑定,做饭了就成动物了,很诡异。


Spine2d 零基础新手快速上手教程_第1张图片

网格变形

做好骨骼,选取Sprite切片,勾上网格,新建网格,新增网格,开始绘制

绘制很简单,记住常用规则,不会弯曲的骨头至少两个点(手臂,小臂),关节(手肘,手腕,腰部,膝盖,脚腕)三个点。其他的随意。

完成后移动网格点,与骨骼对齐。

使用建立 选项,修改布线,因为之前说了手肘,膝盖这种关节要各三个点,所以布线修改的时候,要以左侧中间点向对面发射三条线,两边的点连线即可,而手腕这种,直接三条线相连即可。

手肘与手腕网格布线参考如下,这样做可以让人物动起来看着更好看。最后点击编辑网格,完成编辑。

PS:衣物,裙子等,如果想要整齐的效果,最好点和点之间等距。

Spine2d 零基础新手快速上手教程_第2张图片

开始绑定

切片绑定:选择sprite,设定父级。

网格绑定:选择网格,工具栏Tools选择权重,绑定,选择要绑定的骨骼,选择自动权重。

手动修改权重:点击网格点,选择骨骼,上下移动鼠标更改。

PS:可以批量(按住ctrl)选择网格点,选择骨骼,更改权重。


设置IK

一般最多两根骨头,头发需要使用路径约束。

腿(适用于手)IK约束:

按住Ctrl选择两根腿骨,点击建立IK反向约束,之后选择位置(一个点)来确定IK所在位置,一般选择小腿骨的尖端,就是小腿骨和脚骨相连的地方(对三段式简易骨骼来说)。

头发路径约束:

要先确定路径附着的骨骼,选择新增 > 路径,之后绘制路径曲线。之后选中要约束的骨骼,点击路径约束,完成约束。

选中路径,右侧菜单下拉找到旋转后面的模式选项,选择连接,这样骨骼就不会出现反转之类的离谱表现方式了。

毛发变形约束:

选中要约束的骨骼,选择变形约束,之后可以选择旋转,缩放等一系列操作,比如毛发立起来,通过旋转可以实现。


Spine2d 零基础新手快速上手教程_第3张图片

以上,做完还会出现两个问题:

[if !supportLists]1.     [endif]如果只设置好了IK,整体拉动人物的时候会发现IK限制了人物的移动,比如下蹲时候手还是在IK点位置不动,为了解决这个问题,就要选择IK点,之后选择 设定父级> 点击父级骨骼,比如双手IK点的父级一般选择腰部骨骼,这样问题就解决了。

[if !supportLists]2.     [endif]如果腿部的IK点定在了脚后跟,那么hip(臀部/尾椎/下蹲)下压的时候,脚尖会同样下压,掉到平面以下,游戏里就会发生穿模,观感会很诡异,所以需要新增一个骨骼或端点来限制脚步,所以在脚上设置骨骼,之后将腿部IK的父级设定设定在新增的骨骼上,然而这样并不能解决问题,需要再次点击脚步骨骼,设置IK,将IK点设置在角质,之后选择父级为刚刚新建的限制骨骼。完成限制。(此问题也有其他解决办法,比如曲线,限制,这里不过多解释,以快速上手为目的。)

[if !supportLists]3.     [endif]




制作动画


新建:

选择左上角SETUP按钮,可以进入ANIMATE动画模式,快捷键Ctrl+Tab。

在右侧选择动画,新增动画,输入名字Idle,教程以Idle(空闲)动画为例。


帧数:

制作动画前要确定帧数,在右上角选择窗口,有播放选项,可以更改帧数,默认是30FPS,也就是说30帧/s,不懂这里的去补补游戏与帧数的关系,百度下就行,不过多解释,如果动作很细腻,可以增加帧数。


制作动画:

在开始之前,可将图片选取关闭,关闭方法是点掉Options栏中第二行图片鼠标指针列下的点。


首先摆好第一个姿势,点击你变更过的点(可多选),可以看到Transform栏中的钥匙图标会编程黄色,点击黄色钥匙,就会添加动作帧,添加完初始关键帧之后,打开自动关键帧按钮,之后改变的关键帧就会自动添加。

注意:第一帧和这动作的最后一帧要相同,动画才可以循环,所以复制第一帧到最后一帧的位置就可以。


文档输出


一般来说只输出json文件是远远不够的,所以要点击打包,将图集一起导出,会有atlas,json,png三个文件。


至此教程结束,Spine绑定2D人物的基本流程就是如此,一般来说如果是项目会和同事确定好需求规则,按照规则输出和制作就好,基本操作很简单,想要做出好的人物动作还要多观察人的运动,这个更多的是经验经验问题了。

此外,如果需要导入Unity与UE4等引擎,到官网找到相应的API按照官网步骤一步一步做就可以搞定,这里不做赘述,希望各位学业有成!

你可能感兴趣的:(Spine2d 零基础新手快速上手教程)