入门AE:运用广泛的加载动画,附带教程
2019-05-21 本文已影响2人
霜小付
一、效果图
这个加载动画,是在非常多的地方都运用,只是效果不一样,但基础都是一样的,要不就加些花里古哨的边框啊,或者花里古哨的效果啊,所以啊你们只要学会也可以花里古哨的(每天5分钟,充实一整天)
二、教程
1、
首先打开我们的AE
2、
新建一个合成,1080*660px,持续时间5秒,黑色画布
在新建一个纯色图层,颜色天蓝色
3、
右键新建一个形状图层,然后内容-添加-矩形路径,点开内容-矩形路径-圆角,将圆角调大
然后点击内容-矩形路径-大小,断开大小前面的锁链,将数值改成400,100
在点击内容-添加-描边,找到内容-描边-描边宽度,改为10
4、
继续右键新建一个形状图层,然后内容-添加-矩形路径,点开内容-矩形路径-圆角,将圆角调大
在点击内容-添加-填充,颜色改为橙色
点击形状图层2,用向后平移(锚点)工具,将中心点移到到中心
再按P键打开位置属性,将形状图层2移动到左边,但是别重合,留有缝隙
5、
点击形状图层2,用钢笔工具绘制蒙版,点击工具创建蒙版,将圆形左边给挡住,只留右边
然后打开内容-矩形路径-大小,将大小前面的锁链断开,我们在时间线为0秒,打上关键帧;然后时间线移动到3秒,将大小改为793,0
6、
点击文本工具,在画布上随便打个数字
在效果栏输入编号,找到文本-编号,拖入文本图层中
在效果控件里将格式-小数位数,改为1;将时间线移动到0秒,数值/位移/随机大小,打上关键帧;时间线移动到3秒,数值/位移/随机大小改为100;在将填充和描边-位置移动到圆角矩形下方
在点击文本工具,输入%,放到编号后面
7、
这样我们的基础加载动画就做好了
结语:今天教程很简单,但运用非常的广泛,也是加载动画的基础原理,希望大家自己做一遍争取理解清楚,以后就会很轻松的就上手了(新知识点1个)