ae实现动态旋转的底座效果

AE动画 yekong

数据可视化大屏项目开发中,设计师提供了下面的底座装饰图,习惯了动态效果,如果只是放一张静态图片的话,总觉得少点意思。

ae实现动态旋转的底座效果

实现动态效果

我们首先将图片拆解,我们将图片拆分成4部分,刻度部分不要,

图片拆解

最底部的线

最底部的线

中间的线条

中间的线条

带流光的线条

带流光的线条

顶部的遮罩

顶部的遮罩

线条添加流光

我们使用saber给线条添加流光效果。

线条添加流光

刻度动画

刻度分为两部分,第一部分是浅色部分,第二部分是发光部分

浅色部分

我们使用椭圆工具绘制描边10 颜色浅黄色,虚线8.5

浅色部分配置

开启3d,配置x轴68°,这样一个倾斜的齿轮就出现了。

1732406331890

浅色部分

发光层

我们再复制一层,使用Deep Glow来发光,我们的发光齿轮就出现了

发光层

Deep Glow来发光

添加修剪路径添加动画,这样一个刻度逐渐变亮的效果就实现了,接下来

添加修剪路径添加动画

旋转动画

逐渐变亮以后,我们还需要让其转起来,我们跟z轴打一个关键帧,从第3s 0度到第6s

旋转动画

最终ae效果

我们最终的ae效果就出来了

最终ae效果

喜欢