咨询电话:400-810-1418服务与监督电话:400-006-6572

解读AE表达式 让你的动效6得飞起来!

发布时间:2019-06-12 13:30:10

日常工作中,在AE里用上表达式,能轻松实现很多复杂且出彩的动效,但是AE表达式是很多人面临的一道难关,因为涉及到代码知识,让人望而却步。本篇文章将会带领大家走进AE表达式的世界,解读AE表达式,让你不光看懂,还能手写AE表达式,让你的动效6得飞起来!

一.什么是AE表达式?

AE表达式是AE内部基于javascript语言开发的代码,针对AE里可做动画的属性添加。

二.怎么添加AE表达式?

1. 按住ALT键,单击属性前的码表

1.webp.jpg

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

2.webp.jpg

三.常用的表达式

1. wiggle摆动表达式

wiggle表达式,实现物体随机摆动效果

写法: wiggle(频率,振幅)

解释: 频率--指的是每秒抖动的次数

       振幅--指的是抖动的像素幅度

举例: wiggle(5,50)代表着物体每秒抖动5次,每次抖动50个像素单位

案例演示:

在位置属性,加入表达式

3.webp.jpg

效果展示:

4.gif

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;如下图所示

5.webp.jpg

效果展示:

6.gif

因为time值是一直在变化的,所以旋转会一直持续。

3. random随机表达式

random表达式,能够实现随机变化的效果,random随机函数,执行random(),可以得到0~1之间的一个随机数,利用随机数,可以做出各种随机的动画效果

写法: random()*n(注:random表达式里的参数较多,这里不做深入介绍)

解释: n指的是ranom乘的倍数

举例: random()*100 代表随机数的100倍

案例演示:

在不透明度属性,加入表达式

7.webp.jpg

效果展示:

8.gif

加入表达式后,不透明度的值随机变化,会出现随机闪烁效果。

4. loopOut循环表达式

loopOut表达式,可以实现无限循环效果,如果我们需要某个效果一直重复,不需要重复多次做关键帧,只需要做好一个来回的关键帧,再添加loopOut()函数即可解决。

写法: loopOut()

案例演示: 做一个循环缩放的动效

a. 打开缩放属性,在时间轴上,做三个关键帧

起始帧:缩放值为0%;

中间帧:缩放值为100%;

结束帧:缩放值为0%;

如下图所示:

9.webp.jpg

b. 添加表达式

10.webp.jpg

效果展示:

11.gif

大家今天的干货教程虽然是以最简单的效果进行展示,但是大家要注意不管多么复杂炫酷的效果,其实都是有简单效果组合而成。

希望可以帮到你!

作者: 刘胜喜

来源:UI设计师之家