在使用手机跳转页面的过程中 , 如果应用的UI做得比较细致的话 , 肯定会有相应的加载动效 , 加载一般就是运动等待的情况 , 虽然做起来不难 , 但是用户体验比较好 , 下面来学习一下怎么做一个简单的页面加载动效 。 操作方式 01 打开电脑中的AE软件 , ctrl+n新建一个合当作 , 合当作的帧速度一般都是30f , 宽高自定 。
文章插图
02 建立合当作之后 , 在画布上我们先绘制一个椭圆 , 然后用“锚点东西”将圆的中间店移动到圆心 。
文章插图
03 接着将这个圆ctrl+c/v复制3个出来 , 要包管每个圆都是在分歧的图层 , 一共有4个外形图层 。
文章插图
04 选择4个圆形 , 将位置距离进行恰当调整 , 直接利用分布图层中的“程度居平分布”也可以进行对齐摆列 。
文章插图
05 接着我们就来加关头帧 , 挨次是从左到右活动 , 先给左侧的图形在起头的位置加一个关头帧 。
文章插图
06 我们举例往上跳动 , 算好帧数 , 然后标的目的上移动 , 再次添加关头帧 。
文章插图
07 跳上去之后必定要落下去 , 再往后的帧数中标的目的下移动 , 添加一个关头帧 , 帧数最好包管一致 。
文章插图
08 框选所有关头帧 , 右键关头帧后点击“关头帧辅助” , 在里边给关头帧添加“缓动”辅助 。
文章插图
09 【页面加载动效怎么做】最后复制左侧圆的关头帧 , 算好响应的活动位置之后ctrl+v粘贴在别个图层中 , 如许就做好了一个简单的加载动效 。
文章插图
以上内容就是页面加载动效怎么做的内容啦 , 希望对你有所帮助哦!
推荐阅读
- IE打开新页面同时在一个窗口显示
- response向页面输出中文时产生乱码问题
- 如何设置微信公众号一键关注引导页面
- axure怎么实现页面与页面之间的跳转
- 荒野大镖客2显示虚拟内存不足请增加页面大小
- 相机DCP文件制作,图片转LOG模式及加载3DLUT
- AE CC Flo Motion 液化流动效果
- QQ邮箱怎么把指定邮件置顶 如何使邮件页面最顶
- js 如何实现返回上一页,并刷新页面
- 如何使用Visual Studio创建html页面