AE圆点加载动画制作过程

上一次写了AE的界面组成和基础设置，要是本文中有不知道的面板名字，可以参考一下上一个文档“AE基础界面设置和旋转加载案例”。圆点加载动画是很常见的一种页面加载交互，那用AE是怎么做的呢，下面为您解答！
Ctrl+art+N：新建项目+关闭当前项目，恢复默认打开软件状态；
1、案例制作过程：

1）需要素材：用ps制作一个‘圆点’，一个‘蓝色矩形背景’，将素材调入面板。
→
2）建立‘矩形合成1’，将‘椭圆1’拖至预览区，点击‘椭圆1’，Ctrl+D复制出多个椭圆
·Ctrl+D 复制时间轴
·点击时间轴-移动错位-调整椭圆出现顺序：可以制作出有时间差的动画

3）从‘椭圆2’开始将时间轴错位，错位间距自定义
4）移动‘工作区结束点’定义总时间/裁剪多余的时间

5）点击功能区的‘合成c’- 将合成裁剪到工作区w；快捷键：Ctrl+Shift+X
·合成 + 裁剪合成至工作区 - 确定合成总时间快捷键：Ctrl+Shift+X

6）点击/T编写文本：“正在加载，请稍后！”
7）点击‘空格’渲染预览
番外：
1、如何将帧的加速度：由快到慢
1）点击帧 + 柔缓曲线F9 ，将帧变成
2）点击时间轴上方的图形编辑器
3）调整时间曲线

2、裁剪多余的时间轴
1）将工作区终点进行调整 → 调整旋转终止时间

2）第二种修改时间轴总时长方法： Ctrl+K

3）放大和缩小合成时间视图

猜您喜欢的文章：
2018UI课程总结（UI理论篇）
什么是Java算数运算符？
令程序员泪流满面的瞬间，实在忍不住笑了
Oracle约束怎么写？
AE基础界面设置和旋转加载案例
《酒店管理系统——桑拿、沐足模块》项目研发阶段性总结
Oracle 基础知识汇总
PS快捷键
如何使用Oracle视图？

AE圆点加载动画制作过程相关推荐

AE基础知识-如何使用Ae CC加载动画
Adobe After Effects简称"AE"是Adobe公司推出的一款图形视频处理软件,适用于从事设计和视频特技的机构,包括电视台.动画制作公司.个人后期制作工作室以及多媒体 ...
html数字跳动加载,【AE】加载动画和数字跳动
原标题:[AE]加载动画和数字跳动转载一篇晓斌师兄的教程~ 最近都在研究动效,跟着师兄一起动手吧! 转载:吴影浪技作品:http://www.zcool.com.cn/work/ZMjExNzkx ...
android应用的loading加载动画制作
加载界面只需要一张logo,颜色渐深,三秒显示后跳入下一个activity,同时去掉标题栏与状态栏.代码如下:AppLoadingActivity.java中 public class AppLoad ...
android 加载动画素材,【AE教程】教你用Lottie实现App加载动画
@Olaf_Chou 更加简便和高质量的还原 App 动效前言在没有 Lottie 之前,一般都是通过给 PNG 序列图,或者是开发自己写,当然这些动画一般都是比较简单的,如果遇到复杂的动画,开发 ...
CSS 实现加载动画之四-圆点旋转
原文:CSS 实现加载动画之四-圆点旋转圆点旋转也是加载动画中经常用到的.其实现方式和菊花旋转一样,只不过一个是线条形式,一个是圆点形式.圆点按照固定的旋转角度排列,加上延时的改变透明度的动画就可以 ...
用css3制作旋转加载动画的几种方法
2019独角兽企业重金招聘Python工程师标准>>> 以WebKit为核心的浏览器,例如Safari和Chrome,对HTML5有着很好的支持,在移动平台中这两个浏览器对应的就是i ...
echarts加载动画效果_入门ae教程：科技类的加载动画，非常酷炫的效果，附带教程...
效果图今天这个教程属于初学者的教程,很简单,但是科技类的加载动画,我个人觉得都是非常酷的(每天5分钟,充实一整天) 教程 1. 首先打开我们的AE 2. 新建一个合成,1080*660px,持续时间 ...
php设置加载动画,如何用CSS3制作页面圆圈加载动画（附代码）
打开页面时,经常会遇到页面正在加载的情况,作为一个前端工程师,你知道如何用CSS3实现页面加载动画效果吗?这篇文章就和大家分享一个炫酷的圆圈加载动画效果的代码,有一定的参考价值,感兴趣的朋友可以看看. ...
HTML+CSS制作Windows启动加载动画
HTML+CSS制作Windows启动加载动画效果图如下: HTML部分源代码如下: <!DOCTYPE html> <html lang="en">&l ...

AE圆点加载动画制作过程

AE圆点加载动画制作过程相关推荐

最新文章

热门文章