入门ae教程:科技类的加载动画,非常酷炫的效果,附带教程

一、效果图

今天这个教程属于初学者的教程,很简单,但是科技类的加载动画,我个人觉得都是非常酷的(每天5分钟,充实一整天

入门ae教程:科技类的加载动画,非常酷炫的效果,附带教程_第1张图片

二、教程

1、

首先打开我们的AE

2、

新建一个合成,1080*660px,持续时间10秒

将我们的素材导入AE中,导入种类:合成-保持图层大小,图层选项:可编辑的图层样式

入门ae教程:科技类的加载动画,非常酷炫的效果,附带教程_第2张图片

3、

将三个素材,分别单独预合成命名为大圆、中圆、小圆

进入预合成调整合成设置,将合成的大小改为圆的大小,让圆的中心点保持在画布中心

三个素材都用相同的方法,上面这二步是针对素材有问题的,如果你们自己的素材是对的,那就跳过

选中三个图层,在时间线为1秒17帧的时候,我们按S键调出缩放并改为0,打上关键帧;在将时间线移动到2秒16帧,我们将缩放改为100,并按R键调出旋,打上关键帧;在将时间线移动到7秒10帧,我们将大圆改为360,中圆改为-360,小圆改为360

选中三个图层缩放属性的关键帧,按F9添加缓动效果,进入图表编辑器将速度改为前快后慢

入门ae教程:科技类的加载动画,非常酷炫的效果,附带教程_第3张图片

4、

点击圆角矩形工具,我们创建一个12,31的圆角,圆角度数拉到最大

在点击对齐工具,垂直对齐画布中心,在点击向后平移(锚点)工具,将中心点移到到画布中心

复制23层图层(快捷键:crl+d),按R键打开旋转属性每层分别比上一层多15度

选中所有圆角矩形,预合成(快捷键:ctrl+shift+c),命名为进度

进入进度合成,复制所有圆角矩形图层;返回主合成,粘贴

在进入进度合成,我们选中所有圆角矩形,按S调出缩放属性,在时间线为0秒,缩放改为0打上关键帧,时间线移动到1秒,缩放改为100;选中所有图层的缩放关键帧,我们按F9添加缓动效果,并在图表编辑器里面将速度改为前快后慢;在时间栏按鼠标右键选择关键帧辅助-序列图层,时间填写4秒23帧

返回主合成,选中所有圆角矩形,右键关键帧辅助-序列图层时间填写4秒20帧,然后在预合成所有圆角图层,命名为进度高光

在效果栏搜索填充添加到进度高光图层,颜色改为蓝色

并将进度高光的图层开始移动到2秒16帧

入门ae教程:科技类的加载动画,非常酷炫的效果,附带教程_第4张图片

5、

点击文本工具,我们在画布上输入加载

在效果栏搜索编号,拖入文本图层中,将小数位数改为0,并在时间线为2秒16帧的时候,将数值/位移/最大值打上关键帧;移动时间线到7秒10帧,将数值/位移/最大值改为100

在点击文本工具,我们在加载图层后面加个%符号

选中两个文本图层,我们拖动时间线将开始改为2秒16帧颜色都改为蓝色

入门ae教程:科技类的加载动画,非常酷炫的效果,附带教程_第5张图片

6、

这样我们的加载动画就做好了

入门ae教程:科技类的加载动画,非常酷炫的效果,附带教程_第6张图片

结语:今天的很简单,逻辑简单,效果简单,步骤也简单,总体而言不难(新知识点0个)

入门ae教程:科技类的加载动画,非常酷炫的效果,附带教程_第7张图片

你可能感兴趣的:(入门ae教程:科技类的加载动画,非常酷炫的效果,附带教程)