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

效果图

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

e9a92fc9ba630efc4eb0fbce1395562f.gif

教程

1、

  • 首先打开我们的AE
d0b8bd008b9194b75a66fd49a30c1dd3.png

2、

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

3、

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

4、

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

5、

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

6、

  • 这样我们的加载动画就做好了
e8326ef496c72af16ad082c5c1d5d319.gif

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/442473.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

dell服务器T100无法进入系统,DELL服务器开机Alert!Cover was previously removed F1

服务器是戴尔的,dell poweredge T100。开机之后出现Alert!Cover was previously removed.Strke F1 to retuy boot. F2 for setup utility.它的意思是“主机盖被移动了”。是机箱防盗监测机箱防盗监测器可以检测到机箱是否被打开。系统设置程序中的“Chas…

结果显示窗口如何缩小_Proe草绘时提示“截面再生失败。不合适的尺寸”如何处理?...

我们在Proe中草绘的时候一般都是先绘制出整个草绘的大致外形,然后再标注尺寸,由于起初没有把握好尺寸的大小,外形虽然大致相同,但是当前的草绘尺寸与目标草绘尺寸大小差别过大就会出现这样的一个情况:系统会在信息栏提…

把变量赋值给寄存器_散装 vs 批发谁效率高?变量访问被ARM架构安排的明明白白...

作为过来人,我发现很多程序猿新手,在编写代码的时候,特别喜欢定义很多独立的全局变量,而不是把这些变量封装到一个结构体中,主要原因是图方便,但是要知道,这其实是一个不好的习惯,而…

单元格自适应宽度_最详细的Excel模块Openpyxl教程(二)-单元格操作详解

在以前的推文中,我们介绍了操作Excel的模块openpyxl的入门知识,相关推文可以从本公众号的底部相关菜单获取。接下来的推文我们来学习一下openpyxl这个python模块中的其他知识,本次推文我们来学习一下单元格(cell)操作的…

动态参数 maven_使用Jenkins Git参数实现分支标签动态选择

1.1 为什么要使用GIT参数?我们为什么要使用 git参数呢? 每个项目代码库都会有不同的分支,(如果你没有用多分支流水线的情况下)对于普通的流水线项目我们可以 让一条流水线来支持多个分支的发布,其实有时候你会发现每个分支的集成步…

走线和交互式布线_画PCB时,一些非常好的布线技巧

画PCB时,一些非常好的布线技巧布线是PCB设计过程中技巧最细、限定最高的,即使布了十几年布线的工程师也往往觉得自己不会布线,因为看到了形形色色的问题,知道了这根线布了出去就会导致什么恶果,所以,就变的…

相机裁剪旋转_怎么旋转视频画面角度

在用手机或相机拍摄视频时,有时候画面会出现镜像、画面倒转的情况,影响观看体验,那么视频怎么旋转才能将画面变为正常播放?有很多方法可以做到,以下我为你挑选了最简单的工具,详细给你说说:在线…

新代数控系统参数说明书_台湾新代宏程序编程书

点击右上角关注公众号,每天更新其实说起来宏就是用公式来加工零件的,比如说椭圆,如果没有宏的话,我们要逐点算出曲线上的点,然后慢慢来用直线逼近,如果是个光洁度要求很高的工件的话,那么需要计算很多的点&…

pycharm 开发app_windows及mac下开发Excel, python+xlwings开发环境配置

背景:孩子他妈天天excel办公,看她每天大量重复性的工作,她是时候学习python来解放自己了,虽然我不用python ~ ~网络搜索 xlwings 是python下非常强大的处理Excel的库开发IDE选择Pycharm或者vs code配置开发环境,折腾了…

sql server查询历史进程_学习笔记 | SequoiaDB SQL查询语句执行过程

本篇笔记将为大家介绍 SequoiaDB 巨杉数据库查询 SQL 语句的执行过程,以及查询语句执行过程中实例层、协调节点、编码节点、数据节点各自承担的功能。应用程序或用户想要从数据库查询需要的数据,首先通过 API 或 client 端连接数据库,将查询 …

服务器主机linux安装mysql_linux服务器上安装mysql

mysql版本:mysql-5.6.44-linux-glibc2.12-x86_64.tarlinux操作系统和版本信息:1、检查linux服务器上是否已安全mysql[rootlocalhost ~]# rpm -qa|grep -i mysql未安装则无任何信息返回,若已安装则会返回已安装的版本信息,可通过--…

mysql中rownum分页_Oracle数据库中rownum分页

测试人员在项目测试中发现查询结果列表分页的时候,有的数据在好几页中重复显示,有的则一次都不显示,经过分析sql,原来问题出在测试人员在项目测试中发现查询结果列表分页的时候,有的数据在好几页中重复显示&#xff0c…

python买东西_Python实战之ATM+购物车

学python一个月以来的第一个工程级别项目!!!!!1.首先分析项目需求:模拟实现一个ATM 购物商城程序额度 15000或自定义---->注册功能实现购物商城,买东西加入 购物车,调用信用卡接口结账----->购物车,支付可以提现,手续费5%----->提现…

multi source replication mysql_MySQL 5.7多源复制(Multi-Source Replication)

MySQL5.7.6以后开始支持多源复制Multi-Source Replication,可以将多个主的库同步到一台slave上,从而增加从的利用率,出节省了机器,也可用于备份。首先设置master_info_repository和relay_log_info_repository两个参数,这存储同步信…

列模式 文本编辑器_UltraEdit 24.2 文本编辑器免费版

UltraEdit是由IDM官方最新出品的文本编辑器版本,它是一款性价比全球一流的文本、十六进制,HTML、PHP、Java 和 JavaScript程序文本编辑器,被认为是世界上最好的文本编辑器。UltraEdit可以满足您的所有需求,例如代码突出显示&#…

在linux中加固mysql_mysql在linux下的安装

安装环境:系统是 centos6.51、下载下载地址:http://dev.mysql.com/downloads/mysql/5.6.html#downloads下载版本:我这里选择的5.6.33,通用版,linux下64位也可以直接复制64位的下载地址,通过命令下载&#x…

mysql 多条记录选择一套_2020-11-09-Mysql(练习题第一套)

遗留问题 select语句中的别名问题 group by 中的别名问题# sql-表 FACT_DAY_SC-字段 DEPT_ID varchar(20) 电厂TJSJ_DATE DATE 日期FSL number 日发电量create table FACT_DAY_SC(DEPT_ID varchar(20),TJSJ_DATE DATE,FSL LONG);insert into FACT_DAY_SC values (10001,2020-12…

wamp的mysql触发器教程_wamp里的mysql怎么做出这个

这个表怎么做这个是phpmyadmin,他是一个独立的程序,并不是wamp独有的,你也可以独立下载phpmyadmin来使用。首先,phpmyadmin你可以把他看作是一个php写的mysql管理工具。前端页面实际上就是HTML,和一般的网页没有什么区…

wx轮播图接口学习用json格式_零基础学小程序008----列表和轮播图的实现,小程序解析json数据...

点击下面网址进入系列教程上一节带领大家实现领简单的计算器,这节来带领大家学习小程序列表功能。本节知识点1,定义本地json文件2,本地文件引入3,小程序列表渲染实现4,解析本地json(为解析网络json做准备)学习之前先来…

云服务器怎么装mysql_云服务器(windows环境)安装mysql图文教程

1、首先进入的是安装引导界面2、然后进入的是类型选择界面,这里有3个类型:Typical(典型)、Complete(完全)、Custom(自定义)。这里建议选择“完全”(Complete)安装,这样可以自定义选择MySQL的安装目录,然后点“Next”下一步&#x…