loading加载动画是手机app和网页web页面经常能看见的一种等待动画。只要一步一步按照笔者的步骤操作，你也一样能做出漂亮的加载动画，如下图所示：
一、cdr制作图形
1、打开CorelDRAW软件（不限版本），新建一个文件，在空白处按住CTRL键画一个正圆圈。
2、选择弧形工具，调整至垂直中心点对其，然后按F2键调出轮廓笔，设置好喜欢的颜色、设置线的厚度、角、线条端头为圆头，最后点击确定按钮。
3、如图所示选择透明度工具，拉出线端一端的渐变透明度，再水平翻转复制图形。一定要仔细看这个步骤的最后一张图的操作步骤。
4、然后把刚才复制的反向图形垂直翻转，然后按CTRL+A全选图形，此时注意输入法，如果系统自动切换到了中文，要切换回英文输入法，然后按“E”键让图形水平对齐。
5、图形对齐之后，这个时候按CTRL+E导出PNG图片。选择好图片存放路径，设置好文件名，文件格式为PNG，点击导出按钮，过一会儿弹出“导出到PNG”对话框，点击确认按钮得到一个PNG透明背景图片。CorelDRAW软件可以关闭了
二、ae制作动画
1、打开AE软件，把刚才导出的PNG图片直接拖进AE资源库，再从资源库里的PNG图片拖入图层，然后点开图层的两个三角形，一会儿要在这里操作。
2、舞台旁边空白处单击右键，点击“合成设置“，帧数率设置30，播放时长设置1秒，点击确定。再在图层的第一帧的旋转项点击小圆圈设置关键帧，然后鼠标点击最后一帧，此时在旋转项填写数值1（1代表顺时针旋转一圈，-1代表逆时针旋转一圈） 。这时按空格键可以预先看见动画效果。
3、按CTRL+M导出，在弹出的对话框中选好存放路径，新建一个文件夹，打开文件夹，点击保存。再点击”无损“弹出输出模块设置，选PNG格式，选择RGB+Alpha,设置好图片分辨率建议设置小一点，再点击确定，再点击渲染，最后得到动画图片序列。
4、打开Adobe ImageReady CS2软件，导入刚才输出的图片序列，点击4-up选项出现四个画面，建议选第四联，因为最终GIF文件体积不会太大便于传输。这个时候按住CTRL+SHIFT+AIL+S导出动画，设置好文件名和存放路径，点击保存，再点击OK并关闭Adobe ImageReady CS2软件。最后得到GIF动画。
以上就是AE制作相互追逐的圆环加载loading动画的教程，希望大家喜欢，请继续关注脚本之家。
相关推荐：
