入门教程06-简单loading动画制作
这一期主要用到了延迟触发-缓动
制作组件
1.绘制画框,绘制3个等大等距的圆
2.为了更好理解可以将3个圆填充不同的颜色,并将圆分别命名为1、2、3
3.选中1、2两个圆推移至右侧3的位置,并将3的位置推移至最左侧1的位置,以此类推
4.用同样的方法制作第3个画框
5.将每个画框中间的圆放大尺寸
7.按规律调整一下每个画框图层的顺序
制作交互
1.链接1-2两个画框添加:延迟触发-400ms-智能动画-缓动-800ms
2.给2-3以及3-1两个画框添加同样的交互
这样就制作好了
修改一下图形的颜色,就可以完成效果了。
点击上方前往查看→查看视频教程
源文件地址: