【Spine】眨眼动画

#【Spine】眨眼动画| 来源: 网络整理| 查看: 265

Spine 眨眼动画

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

目录 Spine 眨眼动画眼睛图层分层上眼睑和眉毛：路径约束眼珠和眼白：剪裁眨眼动画效果样例预览

眼睛图层分层

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

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

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

上眼睑和眉毛：路径约束

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

mesh 布线

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

为上眼睑创建路径和骨骼

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

路径约束选择链或链缩放

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

路径约束控制部分

眼珠和眼白：剪裁

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

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

创建剪裁

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

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

眨眼动画

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

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

摄影表

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

曲线图表

效果样例预览

参考眨眼动画预览

【本文地址】

今日新闻