【新像素】详解AE常用的表达式

很多童鞋在学习AE的时候会觉得表达式很难，不知道如何使用。今天像素妹给大家分享一些常用的表达式用法，揭开AE表达式神秘的面纱，为你的动效设计加速。

表达式是AE内部基于Java Script语言开发的编辑工具，能够通过简洁的代码代替复杂的关键帧对于动画属性的控制，从而提高我们的工作效率，实现出更加流畅、真实的效果。

AE里可以打关键帧的属性前面都会有码表，我们按着Alt键+鼠标左键点击码表，就可以调出来属性的表达式输入框，接下来在里面输入想要添加的表达式就可以了。

1、time时间表达式

time表达式的写法是time*n，n表示单位时间(每秒)内，属性参数的变化量。如给图层的旋转属性添加表达式：time*90，则表示该图层每秒钟旋转90度，并且旋转会一直持续下去。

了解time表达式后，我们可以尝试着做一个时钟，画出外轮廓以及秒针、分针。将秒针图层旋转属性添加表达式time*360，分针图层旋转属性添加表达式time*6（数值可以自定义，数值大小决定了旋转的快慢）。

我们来看一下效果：

2、wiggle抖动表达式

wiggle是很常用的表达式，对物体实现随机抖动。写法是wiggle(x,y)，x表示每秒钟抖动的频率，y表示抖动的幅度，即每次抖动所偏移的量。

如新建一个文本图层，调出位置属性P，给位置属性添加表达式wiggle(7,40)，表示每秒抖动7次，每次抖动40个像素单位。

除了可以给位置属性添加wiggle表达式以外，还可以给别的属性添加，如缩放、旋转、不透明度等。

如果希望在单个轴向上进行抖动，我们就需要修改一下wiggle表达式的写法。举个例子，想要将动画限制在x轴抖动，抖动频率3，抖动幅度90，那么表达式为[wiggle(3,90)[0],value[1]] 。（在这里0对应x轴，1对应y轴）

3、loopOut循环表达式

loopOut表达式可以创建循环的动画效果，我们只需要做动画的开始帧、结束帧，添加表达式后动画就会一直循环运动，不用再重复打关键帧了。

基础写法是loopOut()

接下来我们使用loopOut表达式制作一个音量播放的效果，巩固一下。

我们在AE中绘制一个矩形，将矩形的锚点调整至底部中心位置，这样就可以通过缩放属性来控制单向的长短变化。调出缩放S，把约束比例锁链去掉，然后根据矩形的高度变化来打关键帧（结束帧与开始帧属性相同）。

按Alt键+左键点击缩放码表，表达式输入框内只需要写loopOut()即可实现循环效果；

用同样的方式做出其它矩形，我们来看一下效果：

进阶一些的用法，是在loopOut()括号里面写内容，如下：

loopOut(type = “cycle”, numKeyframes = 0)

我们也可以在表达式语言菜单里面选择，点击表达式右侧的三角箭头——Property中进行调用。

loopOut循环表达式的类型，最常用的是“cycle”，指的是在动画的最后一个关键帧结束，然后从第一个关键帧开始循环播放。

想要做动画播放完再反向的来回循环运动，可以将括号里的cycle替换成pingpong

若想在当前动画基础上叠加循环运动，需要将括号里的cycle替换成offset

4、惯性弹跳表达式

生活中我们见过太多自由落体反弹的例子，比如篮球、乒乓球等，我们可以通过使用表达式来代替复杂的手动k帧。接下来以一个案例的形式，给大家分享一下惯性弹跳表达式Bounce，让我们可以轻而易举地实现弹跳动画。

首先我们绘制地平线，再画一个椭圆，对椭圆小球的位置属性做垂直方向的运动。

将这两个关键帧变成缓动，进入图表编辑器中调节运动曲线，保证结束帧的速度不为0（因为结束帧速度为0，添加的惯性弹跳表达式会失去效果）

接下来是重点了，Keyframe Bounce Back表达式：

e = .7;

g = 5000;

nMax = 9;

n = 0;

if (numKeys > 0){

n = nearestKey(time).index;

if (key(n).time > time) n–;

}

if (n > 0){

t = time – key(n).time;

v = -velocityAtTime(key(n).time – .001)*e;

vl = length(v);

if (value instanceof Array){

vu = (vl > 0) ? normalize(v) : [0,0,0];

}else{

vu = (v < 0) ? -1 : 1;

}

tCur = 0;

segDur = 2*vl/g;

tNext = segDur;

nb = 1; // number of bounces

while (tNext < t && nb <= nMax){

vl *= e;

segDur *= e;

tCur = tNext;

tNext += segDur;

nb++

}

if(nb <= nMax){

delta = t – tCur;

value + vu*delta*(vl – g*delta/2);

}else{

value

}

}else

value

你没有看错，这么长都是惯性弹跳表达式的内容。表达式开头的e是弹性，g表示重力，nMax表示最大跳动次数。我们将这一大段表达式进行复制，按Alt键点击位置属性码表，将表达式粘贴到表达式输入框内，弹跳的效果就做好了～（我们可以适当调节结束帧的速度以及重力等参数，会看到不一样的效果哦）

5、random随机表达式

random表达式，可以实现随机变化的效果。写法是random(min,max)，min表示最小值，max表示最大值，添加表达式后会在最小值与最大值之间随机取数值进行变化（很多人容易把random与wiggle搞混，wiggle是控制两个不同属性参数的变化）。

比如我们给矩形图层的不透明度属性添加表达式，random(50,100)，图层不透明度的值会在50%～100%之间随机变化。

我们也可以给文本添加表达式，做出数字随机出现的效果。选中文本图层，找到“源文本”属性，按Alt键单击码表，输入random(5,20)，表示文本会在5～20之间，随机生成数值（这时生成的数值是带有很长的小数点数字）。

为了在实际工作中更加实用，我们想要得到随机生成的整数数字，就需要使用取整表达式Math.round() ，将需要取整数的表达式放在括号内就可以了。如刚才的案例，表达式需要写为Math.round(random(5,20))，这样就可以实现随机的整数数值变化了。

6、index图层编号表达式

index指的是AE图层前面的编号，使用这个表达式可以非常便捷的做出有规律的变化效果。

先举个简单的例子，在AE中制作一个小太阳：

绘制一个椭圆和圆角矩形，将圆角矩形锚点调整至圆的中心，图中红框所示就是图层的编号。

选中圆角矩形图层，调出旋转属性R，按Alt键点击码表，表达式输入框中输入index*45。

复制多个圆角矩形图层，你会发现图层边复制边旋转，转了一圈。在这个例子中，给第一个图层旋转属性添加表达式index*45，index此时为1，表示图层旋转了45度，那么在复制图层的时候，第二个图层（图层编号2）的角度就变成了90度，以此类推。

接下来像素妹给大家分享一个很有意思的index表达式拓展内容：在AE中制作3D展示效果。

首先我们在AE合成中导入一张APP效果图，打开3D图层属性。新建摄像机，调节摄像机的参数，将图层顺序放在效果图的下面。

调出效果图图层的位置属性，点击位置——右键——单独尺寸，这样就可以把x、y、z位置属性分离。

对z位置属性添加表达式：index*1，这样在进行每次复制图层的时候，会在z轴方向往后移动1px，从而营造出三维厚度效果。

选中效果图图层，菜单栏——效果——颜色校正——曝光度，添加曝光效果。

在效果控件面板，降低曝光度的参数，如-0.6，使整体图片变暗。

接下来就是重头戏了，我们将效果图图层选中，复制多个，然后将第一个图层（图层编号1）的曝光度参数调回0。神奇的3D展示效果就出现了，是不是很简单方便呢？ヾ(´∀`o)

7、延迟表达式

延迟表达式在动效设计中是用的比较多的，想要做出运动物体之间延迟的效果，利用错帧虽然可以实现，只不过想要后续修改的话会比较麻烦，那么使用表达式来做是一个非常便捷的方法。

首先新建合成，绘制小球，对位置属性做动画（0s左侧，1s右侧，2s左侧）

接下来我们认识一下延迟表达式valueAtTime(t)，这个表达式可以通过括号内的参数对图层效果作用的时间产生影响，实现延迟的效果。可以直接用Alt键单击位置属性码表，然后在表达式输入框中输入，也可以在表达式语言菜单中进行调用。

我们可以结合前面讲的index表达式，配合着做延迟效果。按Alt键单击位置属性码表后，在表达式输入框中的内容最右侧输入一个点.，然后输入表达式valueAtTime(time-(index-1)*0.08)。这个表达式的意思是，第一个图层动画效果不延迟，第二个图层相较于第一个图层延迟0.08s，以此类推（这里的延迟时间0.08可以根据个人需要调整）。