效果图

今天这个教程属于初学者的教程，很简单，但是科技类的加载动画，我个人觉得都是非常酷的(每天5分钟，充实一整天)

教程

1、

首先打开我们的AE

2、

新建一个合成，1080*660px，持续时间10秒
将我们的素材导入AE中，导入种类：合成-保持图层大小，图层选项：可编辑的图层样式

3、

将三个素材，分别单独预合成，命名为大圆、中圆、小圆
进入预合成调整合成设置，将合成的大小改为圆的大小，让圆的中心点保持在画布中心
三个素材都用相同的方法，上面这二步是针对素材有问题的，如果你们自己的素材是对的，那就跳过
选中三个图层，在时间线为1秒17帧的时候，我们按S键调出缩放并改为0，打上关键帧；在将时间线移动到2秒16帧，我们将缩放改为100，并按R键调出旋转，打上关键帧；在将时间线移动到7秒10帧，我们将大圆改为360，中圆改为-360，小圆改为360
选中三个图层缩放属性的关键帧，按F9添加缓动效果，进入图表编辑器将速度改为前快后慢

4、

点击圆角矩形工具，我们创建一个12，31的圆角，圆角度数拉到最大
在点击对齐工具，垂直对齐画布中心，在点击向后平移(锚点)工具，将中心点移到到画布中心
复制23层图层(快捷键：crl+d)，按R键打开旋转属性，每层分别比上一层多15度
选中所有圆角矩形，预合成(快捷键：ctrl+shift+c)，命名为进度
进入进度合成，复制所有圆角矩形图层；返回主合成，粘贴
在进入进度合成，我们选中所有圆角矩形，按S调出缩放属性，在时间线为0秒，缩放改为0打上关键帧，时间线移动到1秒，缩放改为100；选中所有图层的缩放关键帧，我们按F9添加缓动效果，并在图表编辑器里面将速度改为前快后慢；在时间栏按鼠标右键选择关键帧辅助-序列图层，时间填写4秒23帧
返回主合成，选中所有圆角矩形，右键关键帧辅助-序列图层，时间填写4秒20帧，然后在预合成所有圆角图层，命名为进度高光
在效果栏搜索填充添加到进度高光图层，颜色改为蓝色
并将进度高光的图层开始移动到2秒16帧

5、

点击文本工具，我们在画布上输入加载
在效果栏搜索编号，拖入文本图层中，将小数位数改为0，并在时间线为2秒16帧的时候，将数值/位移/最大值打上关键帧；移动时间线到7秒10帧，将数值/位移/最大值改为100
在点击文本工具，我们在加载图层后面加个%符号
选中两个文本图层，我们拖动时间线将开始改为2秒16帧，颜色都改为蓝色

6、

这样我们的加载动画就做好了

结语：今天的很简单，逻辑简单，效果简单，步骤也简单，总体而言不难(新知识点0个)

echarts加载动画效果_入门ae教程：科技类的加载动画，非常酷炫的效果，附带教程...相关推荐

ae saber插件_入门AE：影视特效中的黑洞是怎么做的？附带教程
效果图我们在看电影的时候,有很多科幻电影都有黑洞,那黑洞是怎么制作的呢?当然也是用AE,但是肯定比我们现在要复杂的多,也更加的精细,我们现在学习的只是方法(每天5分钟,充实一整天) 教程 1. 首先 ...
H5 实现酷炫水滴效果
H5 实现酷炫水滴效果天马行空般的设计甩到面前,含着泪也要做出来 --百度前端工程师的内心独白之前接到了一个需求,设计师同事想在网页中使用一个类水滴效果的索引条.Duang,Duang,这醉人的需 ...
cad线加粗怎么设置_原来CAD的线条还可以这样加粗！还能修改初始单位！太实用了...
线条是CAD绘图中一个很基本的元素,不过,线条虽然简单,也是有很多学问的!今天小编就来跟大家分享一些关于线条的小技巧!如果你也正好遇到了这些问题,不防来看看吧! 一.线条如何加粗 1.Pedit命令 ...
studioone唱歌效果精调_Sidechain是如何工作的，为什么sidechain可以带来如此酷炫的效果...
Sidechain即侧链,涉及到信号处理器和音频源之间的交互作用(通常来说是与正在处理的音源所不同的音源).虽说这种定义方式听起来有点枯燥,但是考虑到侧链(Sidechain)的用处十分广泛,这种定义 ...
android 炫酷图片浏览,Glide实现WebView离线图片的酷炫展示效果
前言自从交房后,每天除了上班,大部分时间都是在地铁和公交上了.不过有了这些时间,可以好好看看文章打打基础,方便之后换新的环境.玩Android收录了很多值得阅读的文章,好的文章需要多读几次才有所收获 ...
axure 抖音部件库_致敬抖音一周年：用Axure还原酷炫高保真原型【附系列教程】...
短视频里的社会一哥--抖音 "一入抖音深似海,从此淑女是路人",97年的王璐在谈到她对抖音这款应用的印象时,调侃地说到.她说刚开始玩抖音,一刷就一下午,根本停不下来,太有魔性了. ...
如何把博客园的博客弄出狂拽酷炫的效果
有时候看别人的博客,明明是博客园的为什么有hexo的效果. 内容已经不重要了,效果真叫一个狂拽酷炫吊炸天. 那种风格我本人并不喜欢,但是很好奇.最终找到了一些文章,万一将来想通了还可以改. 如何美化你 ...
合影效果java_【蚂蚁课堂】四十三：如何拍酷炫集体照？
原标题:[蚂蚁课堂]四十三:如何拍酷炫集体照? 作者 | 蚂蚁MaE 编辑 | 萌仔大家出去玩或者聚会的时候会经常拍合影,但多数人拍出的效果真心不敢恭维. 蚂蚁随手翻了一下同学的QQ空间,发现了这种 ...
tree.js 酷炫的效果，人脸识别签到思路，html5 3D微信头像自动抽奖代码
1.酷炫效果 1.1 网址: https://wow.techbrood.com/fiddle/43962 网址:https://wow.techbrood.com/fiddle/25678 1.2 ...

echarts加载动画效果_入门ae教程：科技类的加载动画，非常酷炫的效果，附带教程...

效果图

教程

echarts加载动画效果_入门ae教程：科技类的加载动画，非常酷炫的效果，附带教程...相关推荐

最新文章

热门文章