所在位置:首页 > 手机应用 > AE怎么制作圆形波纹加载动画

AE怎么制作圆形波纹加载动画

发布时间:2026-09-07 13:00:01作者:xx

在ui动效、产品加载页中,圆形波纹加载动画因为简洁灵动、不抢视觉焦点,是非常受欢迎的加载样式,用ae制作只需要几个基础步骤就能实现效果自然的无限循环动画,新手也可以快速上手。

新建项目与基础形状绘制

打开ae后新建一个1920×1080分辨率、帧速率30fps、时长5秒的合成,方便后续调整和导出。在工具栏选择椭圆工具,关闭填充选项,保留描边,将描边粗细设置为8到12px,选择你需要的加载配色后,按住shift键在画布拖动绘制一个正圆形,完成后打开对齐面板,将正圆图层设置为水平居中、垂直居中对齐画布,保证圆形位于画面正中心。

批量复制图层调整规格

选中绘制好的正圆形状图层,按ctrl+d连续复制4次,得到总共5个同心正圆图层,全选所有图层再次点击对齐面板的居中按钮,保证所有圆形完全同心对齐,避免出现波纹偏移的问题。接下来从最内层到最外层调整规格:如果第一层正圆直径为200px,那么每向外一层直径增加40px,保证层与层之间的间距均匀;也可以直接调整每个图层的统一缩放值,每向外一层缩放增加15%,操作更快捷,也能保证间距均匀。

添加动画关键帧设置循环

我们要实现圆形从中心向外扩散、扩散到最大后逐渐消失的波纹效果,先选中最内层的圆形图层,在时间线0帧位置,打开缩放和透明度属性,将缩放设置为(10%,10%)、透明度设置为100%,分别打上关键帧;移动时间指针到第1.5秒位置,将缩放修改为160%、透明度修改为0%,再次打上关键帧。选中这两个关键帧,按f9添加缓动效果,让动画过渡更平滑自然,避免生硬的变化。

接下来按照顺序给每个圆形图层设置相同的参数,只需要把起始关键帧依次向后错开0.2秒:第二层从0.2秒开始,第三层从0.4秒开始,以此类推。全选所有图层的所有关键帧,右键选择「关键帧辅助」-「循环动画」,添加循环表达式后,动画就能从开头到结尾无限循环播放了。如果想要层次感更强,可以给越外层的圆形降低10%左右的初始透明度,完成后直接导出为gif动图或是带透明通道的视频即可,整个制作过程不超过10分钟,还可以随时调整颜色、速度适配不同场景,全文约750字。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

  • 热门资讯
  • 最新资讯