锁屏时钟波浪纹自动动画交互动效制作

标记狮私有云部署
一键部署标记狮至私有服务器,构建快速,安全,高效,私密的UI设计团队云协作

教程内容:

绘制圆环并使用投影和模糊,通过添加时间为0的自动动画来制作交互

跟着下面的步骤一步一组制作吧!


1.制作波浪圆环


绘制一个圆环填充渐变色,添加一下阴影和对象模糊效果

1C028A79-A27F-49A6-904A-DD000DD94D75.png

image.png

9ACEC0D4-162E-4605-97ED-60AD7D994187.png

将第一个画板的圆环缩小到和中心点圆差不多的大小


复制一个画板,给第二个画板的时针素材添加一个360°的旋转

60BA1221-8B02-4AAD-A349-200D7A522FBA.png

并将第二个画板的圆环对象模糊参数修改为35,然后放大整个圆环,将透明度调整为0


75A56459-7C2D-44C5-B94A-974DE32F6074.png

58A85B6B-BCC3-432B-8685-C610DAE123E8.png


2.添加交互


链接两个画板,添加一个时间为0的自动动画

E928D5E1-D1E0-4CDC-8529-5B16EE062002.png

从第2个画板对第1个画板添加一下过渡交互

0B5D36E3-2920-4BF1-9DDB-77C0748D5C08.png

效果完成

点击前往查看→查看视频教程获取源文件

标记狮私有云部署
一键部署标记狮至私有服务器,构建快速、安全、高效、私密的UI设计团队云协作
立即部署>>
标记狮私有云部署-一键部署标记狮至私有服务器,构建快速,安全,高效,私密的UI设计团队云协作