搜索从这里开始

AE弹性表达式——让动画更生动

弹性表达式

弹性表达式,Bounce 和 Overshoot!利用这个两个表达式你可以轻而易举地实现各种弹性动画,如抖动、弹跳动画等。是的,你没听错,只要998个赞,你就能轻松获得随意加弹性Buff!赶快拿起你的鼠标点赞吧!

表达式的是国外大神写出来的,感谢大神的分享,我们只能膜拜了!而且作者非常无私的贴出了两个(Bounce & Overshoot)可以直接进行关键帧的表达式,再次膜拜(室友问我为什么跪着打字)。后面我会提到怎么去快速理解和掌握这个弹性两个表达式。

首先我们先来了解一下什么是Bounce 和 Overshoot吧!

Bounce 效果(重力效果)

Overshoot 效果(弹性效果)

我可以简单将:

·Bounce 理解为“反弹、类似重力作用”,如 皮球落地反弹的效果;

·Overshoot(过冲、夸张的)理解为“抖动”,如 果冻抖动的效果。

说了这么多,我们来看表达式的真容吧!

Overshoot(弹性表达式–加上后你的效果就是Q弹Q弹的)

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

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

AE如何使用表达式

第一步,将上面两套表达式ctrl+c复制到你的笔记中,方便你的随时随地的调用它。

看到这步,恭喜你!你已经学会了80%了。

下面我将拿用的最多的弹性效果来举例吧。

step 1:为要做动画的物体打关键帧(位置移动,缩放,透明度都行,我们以位移为例)

未加表达式的匀速运动效果(是不是很生硬):

step 2:复制弹性表达式

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

step 3:按住ALT键点击关键帧码表,把表达式复制进去。大功告成!

未经允许不得转载:光影7号 » AE弹性表达式——让动画更生动
微信公众号:光影7号
关注我们,一起学习!
91000人已关注
分享到:
赞(3)

评论2

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #2
    来了来了 先留言再看
    qingpingle19862020-03-26 12:08:04回复
  2. #1
    火钳留名
    lixiaoda2020-03-29 10:33:50回复