【Spine】眨眼动画

Spine 眨眼动画

眨眼动画的思路一般是序列帧播放眨眼或者网格变形，这里以Spine为例介绍第二种网格变形的方法

眼睛图层分层

如果美术给到的素材本身就是分层可以忽略这部分。但是个人有时候会从漫画抠一张没有分层的图自己补图再分层，所以给可能有需求的人分享一下自己的推荐分层

• 眉毛
• 上眼睑
• 二层上眼睑（可选）
• 眼珠高光（可选）
• 眼珠
• 眼白
• 下眼睑（根据情况看是否需要分这层）

效果的主体部分是上眼睑、眼珠和眼白三层，再加上眉毛和下眼睑完全可以算一个完整的眨眼动画了。其它的眼珠高光等等都是用于增加层次感的，分的层越细致，效果越好

上眼睑和眉毛：路径约束

眉毛与上眼睑思路相差不多，这里以上眼睑为例，先为所有的网格布线

mesh 布线
在上眼睑处创建一条路径以及多个骨骼，骨骼用于控制网格变形，路径用于控制骨骼

为上眼睑创建路径和骨骼

选中上眼睑的所有骨骼，为它们添加路径约束，注意旋转选择“链”或者“链缩放”

路径约束选择链或链缩放
把骨骼绑定到对应 mesh 上，即可通过路径控制上眼睑了
眉毛、下眼睑都可以参考这个思路，参考样例如下
路径约束控制部分

眼珠和眼白：剪裁

新建一个插槽，里面新建一个剪裁，画出剪裁的轮廓

ps：Spine 的剪裁（Clipping）其实和遮罩差不多，用别的一些软件习惯了个人下意识更想叫遮罩一些

创建剪裁
Spine 的剪裁需要在绘制顺序中调整，剪裁图层默认会对它之上的所有图层进行剪裁，这里只影响眼珠和眼白的内容，所以需要在绘制顺序中调整并选择对应的结束插槽，剪裁图层就影响从剪裁图层开始直到结束插槽的区域

调整绘制顺序并设置结束插槽

眨眼动画

最简单的眨眼就分为两个阶段，闭眼和睁眼，具体k帧看需求。
上眼睑向下运动幅度更大，下眼睑可以稍微向上运动一小点，比例差不多3：1或者4：1

闭眼位置参考
一般来说会把闭眼相较于睁眼k的较快一点

摄影表
至于曲线方面，个人喜欢这样拉

曲线图表

效果样例预览

参考眨眼动画预览