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

效果图

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

e9a92fc9ba630efc4eb0fbce1395562f.gif

教程

1、

  • 首先打开我们的AE
d0b8bd008b9194b75a66fd49a30c1dd3.png

2、

  • 新建一个合成,1080*660px,持续时间10秒
  • 将我们的素材导入AE中,导入种类:合成-保持图层大小,图层选项:可编辑的图层样式
eed1198a08a6494cfae6fa5923ce8029.png

3、

  • 将三个素材,分别单独预合成命名为大圆、中圆、小圆
  • 进入预合成调整合成设置,将合成的大小改为圆的大小,让圆的中心点保持在画布中心
  • 三个素材都用相同的方法,上面这二步是针对素材有问题的,如果你们自己的素材是对的,那就跳过
  • 选中三个图层,在时间线为1秒17帧的时候,我们按S键调出缩放并改为0,打上关键帧;在将时间线移动到2秒16帧,我们将缩放改为100,并按R键调出旋转,打上关键帧;在将时间线移动到7秒10帧,我们将大圆改为360,中圆改为-360,小圆改为360
  • 选中三个图层缩放属性的关键帧,按F9添加缓动效果,进入图表编辑器将速度改为前快后慢
a0906304a89f51c8c46d5c7a2b6e7886.png

4、

  • 点击圆角矩形工具,我们创建一个12,31的圆角,圆角度数拉到最大
  • 在点击对齐工具,垂直对齐画布中心,在点击向后平移(锚点)工具,将中心点移到到画布中心
  • 复制23层图层(快捷键:crl+d),按R键打开旋转属性每层分别比上一层多15度
  • 选中所有圆角矩形,预合成(快捷键:ctrl+shift+c),命名为进度
  • 进入进度合成,复制所有圆角矩形图层;返回主合成,粘贴
  • 在进入进度合成,我们选中所有圆角矩形,按S调出缩放属性,在时间线为0秒,缩放改为0打上关键帧,时间线移动到1秒,缩放改为100;选中所有图层的缩放关键帧,我们按F9添加缓动效果,并在图表编辑器里面将速度改为前快后慢;在时间栏按鼠标右键选择关键帧辅助-序列图层,时间填写4秒23帧
  • 返回主合成,选中所有圆角矩形,右键关键帧辅助-序列图层时间填写4秒20帧,然后在预合成所有圆角图层,命名为进度高光
  • 在效果栏搜索填充添加到进度高光图层,颜色改为蓝色
  • 并将进度高光的图层开始移动到2秒16帧
1a9e065d8f3e97ea220211a330feffb2.png

5、

  • 点击文本工具,我们在画布上输入加载
  • 在效果栏搜索编号,拖入文本图层中,将小数位数改为0,并在时间线为2秒16帧的时候,将数值/位移/最大值打上关键帧;移动时间线到7秒10帧,将数值/位移/最大值改为100
  • 在点击文本工具,我们在加载图层后面加个%符号
  • 选中两个文本图层,我们拖动时间线将开始改为2秒16帧颜色都改为蓝色
806da627c37c08081428155640b6645e.png

6、

  • 这样我们的加载动画就做好了
e8326ef496c72af16ad082c5c1d5d319.gif

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

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值