2026-10-24 10:49:02来源:兔叽下载站 编辑:news
在ui动效设计、短视频占位加载页制作中,简约干净的圆形波纹加载动画既不会占用过多视觉空间,又能清晰传递内容加载状态,用ae制作这类动画不需要额外安装复杂插件,仅依靠基础形状工具和关键帧设置就能做出流畅自然的效果,新手也能快速上手完成,成品还可直接导出运用到各类商业设计项目中。
新建合成与基础形状
打开ae后新建1080*1080px、帧率30、时长3秒的空白合成,在合成中新建形状图层,使用椭圆工具按住shift绘制一个正圆形,关闭填充、开启8px的浅色描边,将形状图层对齐到合成中心位置。

添加扩散效果关键帧
选中正圆形路径,展开形状的路径属性,在时间线0秒位置给「路径大小」打上关键帧,初始参数设置为10px*10px,移动时间指针到1秒位置,将路径大小修改为220px*220px,同时给「描边不透明度」打关键帧,0秒位置不透明度100%,1秒位置不透明度0%。
错开图层得到递进波纹
按住alt拖动做好关键帧的初始形状图层,复制出3个相同属性的图层,依次向后错开每个图层的入点,相邻图层的入点间隔设置为12帧,这样就能得到多个圆形波纹依次扩散消失的递进效果。
添加循环表达式实现无限播放
选中所有四个形状图层,按住alt点击时间线面板中的「时间重映射」,输入循环表达式`loopout(type = "cycle", numkeyframes = 0)`,即可让动画自动无限循环,不需要手动复制图层延长时间线。
微调参数优化流畅度
全选所有大小、位置关键帧,按f9添加缓动效果,让波纹扩散速度由快变慢,更符合自然视觉效果;如果需要固定中心标识,可以在合成中心添加一个实心正圆,调整整体配色匹配设计需求,预览无误后导出即可。
2026-10-23
2026-10-22
2026-10-19
2026-10-19
阅读浏览
24.16MB
下载
系统工具
32.53MB
下载
网上购物
35.65MB
下载
系统工具
57.34MB
下载
生活实用
67.54MB
下载
社交聊天
105.42MB
下载
影音播放
45.91MB
下载
阅读浏览
119M
下载
系统工具
406.1M
下载
影音播放
151.6M
下载