数据可视化大屏项目开发中,设计师提供了下面的底座装饰图,习惯了动态效果,如果只是放一张静态图片的话,总觉得少点意思。
实现动态效果
我们首先将图片拆解,我们将图片拆分成4部分,刻度部分不要,
图片拆解
最底部的线
中间的线条
带流光的线条
顶部的遮罩
线条添加流光
我们使用saber给线条添加流光效果。
刻度动画
刻度分为两部分,第一部分是浅色部分,第二部分是发光部分
浅色部分
我们使用椭圆工具绘制描边10 颜色浅黄色,虚线8.5
开启3d,配置x轴68°,这样一个倾斜的齿轮就出现了。
发光层
我们再复制一层,使用Deep Glow来发光,我们的发光齿轮就出现了
添加修剪路径添加动画,这样一个刻度逐渐变亮的效果就实现了,接下来
旋转动画
逐渐变亮以后,我们还需要让其转起来,我们跟z轴打一个关键帧,从第3s 0度到第6s
最终ae效果
我们最终的ae效果就出来了