AE教程！教你制作滚滚Q弹动效（含预设）

作者/预设作者/教程作者：@leizingyiu

预设下载：https://pan.baidu.com/s/1qYXC4cW 密码：4389

知识点链接：

→超赞!一份实用简单好上手的AE表达式江湖文档

→学习动效设计表达式,你应该从这5个开始

教你制作一个滚滚的三角形，和一个Q弹圆形（含预设）

这个是滚滚↑

这个是弹弹↑

教程中使用的overshot的弹性表达式，直接复制黏贴就可以使用（来源）：

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-0.001);w=freq*Math.PI*2;value+amp*(Math.sin(t*w)/Math.exp(decay*t)/w)}else{value};

—————————————————我是一根关于fixedAnchorPoint.ffx的分割线—————————————————

滚滚所用的预设大概的原理是：判断图层里面的矢量图形，再图层原始位置时候的宽高，以及左上角坐标；根据以上数据进行偏移。（由于根据矢量内容判断，所以无法使用在纯色层/预合成等以像素为基础的图层上）

弹弹所用的预设大概的原理是：通过属性层级，找到圆角矩形/圆形的大小，然后矢量路径的大小增加或者缩小的时候，位置的数值相应跟随变化。

关于弹弹的原理，更详细的介绍可以查看这篇早期的介绍；关于这两个预设的源代码可以查看这里。

最新教程欢迎关注 @优设基础训练营 与 @leizingyiu，最新设计干货请戳→优设网，更多精彩教程尽在优优教程网