​效果图

今天这个教程，可以用于UI设计里面，制作的一些小动画，增加画面的美观，已经冲击力等。

教程

1、

首先打开我们的AE

2、

新建一个合成，1080*660px，黑色画布，持续时间5秒钟点击椭圆工具我们再画布上按住shift画一个正圆描边为30，大小400的正圆

3、

我们点击正圆图层内容-添加-修剪路径在0秒的位置我们将开始值设置为25%，结束值为25%，并只打上结束属性的关键帧然后将时间移动到1秒我们将结束的值拉到75%

4、

我们复制2次正圆分别改为淡蓝色和橙黄色淡蓝色正圆的大小为340；橙黄色正圆的大小为280我们将三个图层对应颜色改好名字以后我们选中3个图层，按U键调出刚刚编辑的结束属性在1秒的时候，我们将黄色结束值改为50%，蓝色结束值改为65%

5、

右键点击时间栏，我们新建一个形状图层用钢笔工具在起点位置画一条直线并添加描边属性，数值为1就行然后点开形状图层，内容-添加-修剪路径我们在0秒的时候将结束值调为0%然后将时间线移到5帧，结束值为100%

6、

我们点击直线图层，复制2次都进行旋转90度，放在2个圆交界的地方然后拉动时间线上蓝色的条，往后拖可以调整他们的出来的时间

7、

新建一个纯色图层，颜色为黑色我们再效果栏里搜索编号，找文本-编号我们将编号拖入纯色图层然后将编号的小数位数设置为0时间线为0秒，我们数值/位移/随机，这里为0将时间线移动到1秒，我们将数值/位移/随机的值改为50点击文本工具，在数值后面打个%符号我们将数值图层和%图层，都复制2次分别将数值改为65和100然后两两组合后，进行预合成（快捷键：shift+ctrl+c）然后旋转-90度放到对于的颜色上按S键调出缩放属性，我们将三个数值缩小点

8、

我们选中3个预合成点开不透明度这个属性时间线为0秒，不透明度为0；时间线为10帧，不透明度为100然后拖出时间栏下的颜色条我们将所有图层的先后顺序调整下，红色的是最先出来的，蓝色的第二，黄色的最后出来

9、

我们点击文本工具，在中间打上Skill然后在效果栏-动画预设-Text-Animate In，随便拖入一个你觉得好看的动画，我电脑太卡了，就不加残影了找到喜欢的效果以后，把他拖到文字图层上

10、

我们将时间线往后拖动10帧左右找到效果栏-动画预设-Text-Animate Out，对应你刚刚选的效果我们去文字图层里找到效果的关键帧，调整时间，缩短一点然后旋转三个预合成我们再文字效果飞离时，我们分别在不透明度和位置打上关键帧（理解不了，看动画）然后往后移动10帧左右我们不透明度调为0，位置向上移动（理解不了，看动画）拖动他们关键帧的位置来调整不透明度离开的时间（理解不了，看动画）

11、

选中3个正圆图层我们按U调出结束属性一样在文字效果飞离时，我们分别在结束值打上关键帧（理解不了，看动画）向后移动相同的帧数，将结束值改为25%然后拖动关键帧，来调整结束的前后时间

12、

选中直线的3个图层我们按U调出结束属性一样在文字效果飞离时，我们分别在结束值上打上关键帧（理解不了，看动画）向后移动相同的帧数，将结束值改为0%然后拖动关键帧，来调整结束的前后时间

13、

最后就让我们来看看效果吧（实在不想码字了）

结语：今天的字数太多了，好累，过程也比较复杂，但我相信你们，一定可以，毕竟我和你们一样都在学习，我都能学会，而且现在是凌晨2点，我这个教程写了2个小时（今天的新知识1.5个）