UE练习动效制作-loop加载动画

使用软件：sketch,principle

Sketch:

插入一个圆，无填充，将描边设置为合适的大小。comend+c,v复制一个圆，置于上一个圆的上方，R插入矩形，按住shift键同时选中圆与矩形，使用布尔运算的intersect可以剪切圆，双击剪切下来的圆边后可以将圆角点设置为断开，并将断点边缘设置为圆角，与圆对齐后选择合适的颜色

为了保证剪切后的圆能以完成圆同一个圆心运动，需要再复制一层完整圆，将剪切圆与完整圆编组后删除完整圆，这样就使得剪切圆的圆心与完整圆相同。

制作完对勾图标后将文件导入principle

Principle

首先将对勾图标头难度设置为0%，缩放设置为零以制作初始状态

对图层使用auto后复制出完全相同的图层

将剪切圆旋转一定角度，同时将对勾图标的缩放设置为1，透明度设置为100%，在animate面板中将对勾图标的时间与剪切圆的时间错位即可得到基本加载效果

动效细节

1、“加载成功的图标”出来后具有一定弹性

实现方法：在animate中使用spring,使其具有一定的物理特性

2、剪切圆的旋转过程中有拖尾

实现方法：在剪切圆上再复制一层剪切圆，将其时间与剪切圆时间稍稍错位，以此达到拖尾的效果，使其过渡平滑