Spine教程 | 【路径约束】制定位移路线+更改【绘制顺序】

鱼和蝴蝶json文件+图片的链接：

https://pan.baidu.com/s/1tcvQXXPmoYX8IXX_SDSK_g?pwd=2233 提取码: 2233

第一部分：鱼

1）创建骨骼，骨骼细的一端指向前进方向。

2）选中层级树根骨骼（root），转到下方选择【新建】>【路径】。

3）连续点击鼠标创建路径，通过杠杆调节线段弧度。

4）点击【编辑路径】退出编辑模式。

5）框选住小鱼的所有骨骼，新建【路径约束】>选中刚创建好的路径。

6）调整属性：

  【骨骼】和【目标】里显示受约束对象的名称，点击一下就能在层级树里选中，再点一下 它们后面的约束图标，属性框就会再次弹出来。

【间距】是指一二三级骨骼沿路径放置的距离，正数是拉长，负数是缩短。

【位置】将路径的长度换算成了百分比，可以通过“拖动滑块”或者“输入数字”移动小鱼，还可以拖动“小手柄”让小鱼移动。

【偏移旋转】按骨骼的轴心转圈圈。

【混合旋转】各个骨骼按路径的弧度来旋转，让前后骨骼尽可能的贴合路径。

【移动】就是位移的影响程度，左x轴右y轴。

【链接滑块】勾选的状态，三数值同步，若只调整其中一个数值，记得取消勾选。

7）进入动画模式，添加关键帧

a.小鱼移动：使用【路径位置】打关键帧实现。

b.加一个缓进缓出的曲线.

c.加一个透明渐变效果，在20帧的位置，找到图片插槽，转到层级树下方【颜色】这里，打一个关键帧，回到0帧这里，将【颜色】窗口左边的透明度改为0，结尾也是同样的操作。

第二部分：蝴蝶

1）第一步创建骨骼，在小蝴蝶下方 创建一个定位的十字花，再创建 翅膀的骨骼

2）选中根骨骼（root），【新建】>【路径】 >创建一个8字形的路径

3）选中小蝴蝶的定位骨骼，新建【路径约束】，选中刚创建好的路径

4）取消【链接滑块】的勾选项，将混合旋转关掉。

5）添加关键帧：

a. 先做翅膀扇动效果：用缩放工具 拉扯翅膀 实现扇动效果

b. 然后做位移，点击路径约束的图标

c. 蝴蝶在路径两侧各有一个转身效果，也是使用缩放工具，将x轴的数值变成负数就行

d. 再加一个近大远小的效果，飞到花前面这一段，放大蝴蝶，飞到后面这一段，缩小

e. 最后调整图层顺序：找到对应的帧数，给绘制顺序打一个关键帧，在经过花朵背面的这一段，调整绘制顺序

大家自己做的时候可以做的再精细一些，比如蝴蝶的行动速度和扇动效果等。