AE表达式教程！5个实用弹性运动表达式

教程作者： 如如（ 优设视觉设计实战营讲师）

交作业：微博搜索话题  #优设每日作业# 进入超话页即可发布作业打卡

文章编辑： @十豆

一、关于教程

本期视频为大家介绍 AE 中 5 种能够做出弹性运动的表达式， 弹性表达式都比较长，但是大家只要键盘上有Ctrl+C和Ctrl+V，就可以轻松实现效果啦~

想让如如老师手把手教你制作更多有趣的AE动效吗？戳下方链接立即报名：

二、教程简概

详细操作请看文章开头的视频教程演示。

①弹性表达式：做出灵动的花朵生长动效

freq = 3;
decay = 5;
n = 0;
if (numKeys > 0){
n = nearestKey(time).index;
if (key(n).time > time) n--;
}
if (n > 0){
t = time - key(n).time;
amp = velocityAtTime(key(n).time - .001);
w = freq*Math.PI*2;
value + amp*(Math.sin(t*w)/Math.exp(decay*t)/w);
}else
value

②小球回弹：小球碰撞地面的回弹效果

e =0.7;//弹力
g =1000;//重力
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

③挤压拉伸：做出可爱的挤压表情包

spd =20;maxDev =10;
decay = 1;
t = time - inPoint;
offset = maxDev*Math.sin(t*spd)/Math.exp(t*decay);
scaleX = scale[0] + offset;scaleY = scale[1] - offset;
[scaleX,scaleY]

④弹性摆动：制作自动摇晃效果

delay = 0.03; // 延迟
freq = 3; // 频率
amp = 60; // 幅度
decay = 10; // 值越小，弹性越大
Speed = 0.8; // 值越小，动画越慢
myDelay = delay*textIndex;
t = (time - inPoint)*Speed - myDelay;
if (t >= 0){
freq;
amp;
decay;
s = amp*Math.cos(freq*t*2*Math.PI)/Math.exp(decay*t);
[s,s] }else{
value
}

⑤弹性文字：做出 DuangDuang 闪现的文字效果

var amp = 2.0;//晃动幅度
var freq = 2.0;//晃动速度
var decay = 4.0;//晃动时间
var maxRotation = 45;//最大角度
var maxSpeed = 3000;//读取的最大速度
var useAxis = 0;//0使用X轴速度，1使用Y轴速度
var timeBeforeKey = thisComp.frameDuration/10;

想要来 「优优自学团」和500位小伙伴一起交流学习进步吗？
添加管理员微信：uisdc5 备注「优优 自学团」（无备注不通过哦）

学完这篇教程的人还在学…