日常工作中,在AE里用上表达式,能轻松实现很多复杂且出彩的动效,但是AE表达式是很多人面临的一道难关,因为涉及到代码知识,让人望而却步。本篇文章将会带领大家走进AE表达式的世界,解读AE表达式,让你不光看懂,还能手写AE表达式,让你的动效6得飞起来!
一.什么是AE表达式?
AE表达式是AE内部基于javascript语言开发的代码,针对AE里可做动画的属性添加。
二.怎么添加AE表达式?
1. 按住ALT键,单击属性前的码表

2. 出现表达式编辑面板,在编辑面板里输入要添加的表达式代码

三.常用的表达式
1. wiggle摆动表达式
wiggle表达式,实现物体随机摆动效果
写法: wiggle(频率,振幅)
解释: 频率--指的是每秒抖动的次数
振幅--指的是抖动的像素幅度
举例: wiggle(5,50)代表着物体每秒抖动5次,每次抖动50个像素单位
案例演示:
在位置属性,加入表达式

效果展示:

2. time时间表达式
time表达式,用来获取时间的值,以24帧/秒的帧速率为例,如果时间指针走到第2帧,那么time的值为2÷24≈0.1;到第24帧的时候,time的值为24÷24=1;
写法: time*n
解释:n指的是time乘的倍数
举例:time*300 代表着当前时间的300倍
案例演示:
在旋转属性,加入表达式,当时间指针走到第10帧的时候,time为10÷24=0.416,0.416*300≈125;如下图所示

效果展示:

因为time值是一直在变化的,所以旋转会一直持续。
3. random随机表达式
random表达式,能够实现随机变化的效果,random随机函数,执行random(),可以得到0~1之间的一个随机数,利用随机数,可以做出各种随机的动画效果
写法: random()*n(注:random表达式里的参数较多,这里不做深入介绍)
解释: n指的是ranom乘的倍数
举例: random()*100 代表随机数的100倍
案例演示:
在不透明度属性,加入表达式

效果展示:

加入表达式后,不透明度的值随机变化,会出现随机闪烁效果。
4. loopOut循环表达式
loopOut表达式,可以实现无限循环效果,如果我们需要某个效果一直重复,不需要重复多次做关键帧,只需要做好一个来回的关键帧,再添加loopOut()函数即可解决。
写法: loopOut()
案例演示: 做一个循环缩放的动效
a. 打开缩放属性,在时间轴上,做三个关键帧
起始帧:缩放值为0%;
中间帧:缩放值为100%;
结束帧:缩放值为0%;
如下图所示:

b. 添加表达式

效果展示:

大家今天的干货教程虽然是以最简单的效果进行展示,但是大家要注意不管多么复杂炫酷的效果,其实都是有简单效果组合而成。
希望可以帮到你!
作者: 刘胜喜
来源:UI设计师之家
上一篇 AE教程:制作动态小图案
下一篇 用AE制作UI图标简单动效
热门课程
专业讲师指导 快速摆脱技能困惑相关文章
多种教程 总有一个适合自己专业问题咨询
你担心的问题,火星帮你解答为给新片造势,迪士尼这次豁出去了,拿出压箱底的一众经典IP,开启了梦幻联动朱迪和尼克奉命潜入偏远地带卧底调查 截至11月24日......
此前Q2问答环节,邹涛曾将《解限机》首发失利归结于“商业化保守”和“灰产猖獗”,导致预想设计与实际游玩效果偏差大,且表示该游戏......
2025 Google Play年度游戏颁奖:洞察移动游戏新趋势
玩家无需四处收集实体卡,轻点屏幕就能开启惊喜开包之旅,享受收集与对战乐趣库洛游戏的《鸣潮》斩获“最佳持续运营游戏”大奖,这不仅......
说明:文中所有的配图均来源于网络 在人们的常规认知里,游戏引擎领域的两大巨头似乎更倾向于在各自赛道上激烈竞争,然而,只要时间足......
在行政服务优化层面,办法提出压缩国产网络游戏审核周期,在朝阳、海淀等重点区将审批纳入综合窗口;完善版权服务机制,将游戏素材著作......
未毕业先就业、组团入职、扎堆拿offer...这种好事,再多来一打!
众所周知,火星有完善的就业推荐服务图为火星校园招聘会现场对火星同学们来说,金三银四、金九银十并不是找工作的唯一良机火星时代教育......
同学您好!