一个简单字体动效

最近刚学的一个ae插件小动效，结合自己之前学的关于表达式的利用，做了这么个小演示。大体用到的就是3D Stork插件和表达式。方法很简单，主要是一些思路。

上次的春夏秋冬的字体动效（点击这里跳转到上次的练习）是利用ae的修剪路径动画，优点是ae自带，操作简单，缺点就是笔画粗细一致，因为是通过路径描边达到的效果。如果是笔画粗细不一的字体，路径又封闭，就达不到想要的效果了。

这次则是利用了3D Stork（点击下载插件），这个插件功能还是很强大的，我也只是根据网上资料知道皮毛而已，思路就是通过新建纯色层，然后用钢笔先画出字体形状走势，然后添加3d stork效果。动画只是对3d stork的end效果进行了K帧，最终的效果感觉和修剪路径差不多。

最后的小圆点则是利用了Bounce表达式，代码如下，学过表达式的同学应该很容易运用。

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

关于表达式多说一句，如果还是没明白，可以看一下这个链接。

字体还是在AI中调整好，分好层导入AE后通过矢量图层创建形状。大体思路就是这样了。工具只是个载体，重要的是方法，希望自己在将来的日子里能有个好运。共勉！

打赏

微信扫一扫，打赏作者吧～