加载动画在非常多的地方都运用,只是效果不一样,但基础都是一样的。
教程
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、
- 这样我们的基础加载动画就做好了
结语:今天教程很简单,但运用非常的广泛,也是加载动画的基础原理,希望大家自己做一遍争取理解清楚,以后就会很轻松的就上手了