百木园-与人分享,
就是让自己快乐。

AE教程!教你制作滚滚Q弹动效(含预设)

视频地址:https://www.bilibili.com/blackboard/html5player.html?aid=13062096&as_wide=1

img

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

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

知识点链接:

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

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

教你制作一个滚滚的三角形,和一个Q弹圆形(含预设)

AE教程!教你制作滚滚Q弹动效(含预设)

这个是滚滚↑

AE教程!教你制作滚滚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的分割线—————————————————

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

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

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



来源:https://uiiiuiii.com/aftereffects/121210645.html
图文来源于网络,如有侵权请联系删除。

未经允许不得转载:百木园 » AE教程!教你制作滚滚Q弹动效(含预设)

相关推荐

  • 暂无文章