效果展示
loading page
制作步骤：
工具准备：ps、ae（主要）绘制
1、背景页从ps中导入图层，注意ps中图形要转为智能图形，否则导入ae会变为遮罩。（ae中图形称谓都是遮罩）
2、在ae中新建图形-椭圆形（右上角长按图形按钮可以选择图形），
长按选择图形
页面上方工具箱图形可设置去处填充，调整描边大小、颜色。此处得到一个圆形描边即绿色圆圈。
修改图形参数
可选纯色或者渐变
（注意⚠️：新建图形要在空白处点击，不要选中在导入图形点击，否则会变成该导入图形的下拉项）
3、对绿色圆圈制作路径加载动画。选中它-点击添加-弹出对话框选则修剪路径。
选中绿色圆圈点击添加
对绿色圆圈添加修剪路径功能
点击-开始，设置第一个关键帧参数为0
开始-添加第二个关键帧，设置参数为100%
初步完成绿色圆圈加载
4、新建椭圆形-绿色椭圆小点（注意⚠️：与2一致），cmd+r,打开标尺，以绿色圆圈为参考建立参考线找准中心点，使绿色点和绿色圆圈中心点一致。将绿色圆点放到绿色圆圈开始加载处。
5、对小绿点进行变换—旋转 r
旋转-初始点设置关键帧，对齐绿色圆圈关键帧
旋转，第二个关键帧加一圈（1x）
完成了，绿色小圆点一起加载的页面如下：
6、接下来添加制作数字字符偏移动画
6.1 分别添加3个文本:0、0、%
6.2 然后对第一个0进行字符偏移设置，选中它，在合成列表处，选择它点击动画-字符位移
第一个字符位移关键帧为0
第二个关键帧设置为9
第一个0,动画设置完毕（字符位移的参数设置，决定文本数字变化的速度，参数越高，则变化越快，因为第一个文本位于10位数，所以设置1-9内的参数会变化的比较慢。）
6.3 第二个0，位于个位数，字符位移关键帧设置和上面十位数一致，但是第二个关键帧参数设置为99。
第二个关键帧位移参数设置为99
6.4 数字只加载到了99%，所以之后要添加100%的文本
新建文本100%，覆盖在99%上方，
随后修剪99%的时间条，处理到最后一个关键帧显示位置。
紧接着对100%文本时间条拖动到前面99%文本时间条的后方，使之刚好可以接上
完成～
