loading动画是app，web页面经常在加载都时候给人心里预期，知道还需要多次时间。所有今天教大家简单都loading动画快速上手，当动画做成当时候，非常开心，增加自己都成就感一起开始动手吧！
工具/原料
电脑、Adobe After Effects
方法/步骤
1
新建合成 花+n弹窗选择800*600画布
2
图层区域右键，新建---形状图层添加---矩形添加--描边
3
点开描边修改颜色，调节描边宽度添加--修剪路径
4
修剪路径下面有三个属性开始，结束，偏移做动画0秒位置，开始打关键帧，值：100%2秒位置，结束打关键帧，值：0%这个从无到有到路径原理是：开始和结束相差为0，不显示相差为100，全部显示偏移：是调节起始点到位置的
5
默认起始位置是右上角修改偏移，现在起始点是左上角可以用这个做loading条
6
用钢笔工具直接画一条路径，这个路径是预设路径，比图层上添加多一个变换：形状画了一条绿色多路径
7
添加修剪路径修剪路径下三个属性：开始，结束，偏移做loading动画第一帧不显示，结束上打关键帧0秒时，值为0.0%2秒时，值为100%
8
如果我想动画做了更有连贯性，可以加入一个曲线点击图层名称，按u显示所有图层上的关键帧
10
点击图表编辑器点击下面都图表类型和选项弹窗中选择，编辑速度图表
11
框选右边都帧拉动黄色都手柄往左边拉一点成现在都曲线形状表示先快后慢
12
在点击一次图表编辑器，就回到之前都时间轴了动画做完现在导出导出跟之前都一样添加渲染队列...具体操作参考前面都
13
loading条都效果如下，感谢大家一起学习
下一篇：用ppt制作倒计时动画