一、前言

Spine中的剪裁功能,其实就是类似于视频工具里的遮罩,常被用来做带有专场的结算动画。比如那种开场全屏后冒出一些文字的这种酷炫效果,那下面就演示一下吧。

二、操作

1.创建骨骼

先按正常操作,将图片素材放到装配窗口,绑定骨骼。

2.添加剪裁

点击根骨骼root,在层级树下方新建,添加 “剪裁”。

image-20250414152914443

3.编辑剪裁

点击新建,在装配窗口添加几个顶点,自定义一个形状。退出编辑后,除那个形状里的内容能显示外,其他的都隐藏起来了。

4.编辑动画

有了剪裁,那要完成转场效果,就是将剪裁框外的素材陆续移动进去就可以了。

但如果要完成渐入渐出的效果,就要用到颜色了。

5.渐入渐出效果

在动画模式下,选中需要有渐隐效果的插槽,在第一帧时候,找到插槽的颜色。如果一开始要显示,则颜色不动,再到需要隐藏的关键帧位置,点击颜色,将透明度调低。

image-20250414161738952

6.切换附件效果

这个效果有点类似皮肤,只不过是不能被比如Unity3D操作的皮肤。效果就是动画到一个时间点后,脸部的表情换了一个,或者可以将同一个插槽下的附件(不同的颜色),通过显示隐藏的切换,能放在不同的动画下。

操作就是找到一个要切换的插槽,在层级树的图片中拖入到该插槽下,插槽下的附件左边有一个小圆点。在动画模式下,只需要在指定关键帧下,显示隐藏对应的附件即可。

image-20250414162710225

三、写在后面

可能当时Spine这个软件定位就是制作立绘动画,所以才没有像类似镜头的功能,导致要实现那种很酷炫的带运镜动画,就要导出后在别的软件中编辑。

但是我之前看过别人同样是用Spine,实现了很多伪运镜的动画,找时间我也研究一下再拆解分享出来,这次就到这里了,下次再见~

image-20250408192801332