欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

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

程序员文章站 2022-07-21 21:02:43
AE怎么制作一个圆形波纹加载动画?...

经常看到网上有很多很棒的动态加载画面,都会心痒痒也想做个出来。在网上看了很多文章,知道很大部分都是用ae做出来的。经过一段时间学习ae,下面就让我们也开始做些简单的动态加载页面吧!首先来张效果图:

1、打开ae,新建文档,大小自定,时间为5s

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

2、新建一纯色图层ctrl+y),设置颜色为蓝色

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

3、选中纯色图层,点击矩形工具,给图层新建蒙版

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

4、在效果和预设窗口,找到扭曲-波形变形,把它拉到纯色图层上,并设置参数如最后一张图

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

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

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

5、不选择任何图层,选择椭圆工具,绘制椭圆,颜色描边均不用设置。大小如图

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

6、下面我们给波浪增加上下移动的动画。选中波浪图层(即纯色图层),快捷键p调出其位置属性,增加关键帧如图:

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

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

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

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

7、设置纯色图层轨道遮罩(t trkmat)为椭圆形状图层

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

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

8、复制这两个图层,(选中这两个图层,ctrl+d复制),选中复制的纯色图层,选中图层-纯色设置,设置图层颜色,并修改其波形变形属性

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

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

9、增加文字图层,快捷键t调出其透明度属性,并增加关键帧

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

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

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

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

10、选中合成-添加到渲染队列,设置输出模块选中quicktime,在输出到选择输出模块,点击渲染即可生成mov.文件.

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

注意事项:

需要安装quicktime播放器

想转化成gif,直接使用ps打开文件,保存为网页格式中选择gif格式即可。

相关标签: AE 动画