AE表达式应用,教你制作萤火虫飞行效果。

2025-10-27 07:48:30

1、如何应用 AE 表达式科学地偷懒,今天我们来探索一下

温馨提示:本教程需要一点 AE 基础,没基础的同学也可以学习一下。

AE表达式应用,教你制作萤火虫飞行效果。

2、1.翅膀

国际惯例,对称的玩意先搞定一边。

先思考需要的效果:

翅膀,来回扇动,不停地扇......

•-• ... 

(ㅎ‸ㅎ)  不停打帧?

(๑و•̀ㅂ•́๑)و✧ 初中的正弦函数有木有!周期性的往返。

如果你也年少轻狂不爱打帧,表达式完美命中需求。

在 AE 表达式中,sin 函数的写法是:

Math.sin( );

话不多说,折出右翼。

把锚点挪到翅膀左上合适的旋转支点处,按 R 调出旋转属性,按住 Alt 用左键猛击秒表,码下:

a = 1;// a 控制幅度f = 1;// f 控制频率value - Math.sin(time * f ) * a ;

value 代表当前的「属性值」,Math.sine(time) 返回一个在 [-x,x] 之间周期变化的数值,两者配合就可以实现周期的扇动了。

time 返回当前的时间(秒),作为时间变量来控制动画。

根据需调整频率和幅度,得到:

value - Math.sin(time * 30 ) * 15 ;

在 AE 表达式中,-1 表示反向,于是我们也得到了左翼:

value + Math.sin(time * 30 ) * 15 ;

ps:此处相当于 value 后面的数值变化「乘与 -1」。

空格键预览。细调频率和幅度,直到效果满意,进入下一步。

3、2.触须

这里需要一个不规则的小幅度抖动,翻牌!抖动表达式就你啦:

wiggle(freq,amp);

瞄准两触须的旋转属性秒表,分别码下 wiggle 表达式。

频率 5,幅度 8°,感觉妥了,一起摇摆~~~

wiggle(5,8);

似有非有,但很重要。

ps:freq 表示频率;而 amp 这个幅度参数对应不同的属性有不同的单位。对应位置,单位是 px、对应不透明度,当然就是 % 了。以此类推。

4、3.尾部闪光

Bling~bling~一个典型的循环动画,召唤最常用的循环表达式来对付它:

loopOut(type="cycle",numkeyframes=0);

平时我喜欢最简形态:

loopOut("type");

最常用的 type 有 cycle 和 pingpong。(轮子和乒乓球嘛~分别对应首尾相接的循环、不断往返的循环。)

目标效果,一闪一闪对不对?

添加一个「外发光」效果,对发光的不透明度打帧 0-100%。

接着对不透明度属性码下:

loopOut("pingpong");

就这样?

就这样。

5、4.效果加强

屁股的闪光还不够亮骚,所以给整个「萤火虫」加了一个「外发光」。

由于还是周期循环,如法炮制。

对发光的不透明度打帧 0-50%。(适当点缀就好。)

然后对不透明度属性码下:

loopOut("pingpong");

至此,效果拼装完成。

可萤火虫只是在原地飞啊,为了配合下面的强行安利,画个圆形路径给它试飞。

6、让对象沿路径运动的实用技巧

绘制需要的运动「路径」。(蒙版也行,随你习惯)

选择路径参数,复制。

粘贴到对象的位置属性上。(注意,复制粘贴时都要认准目标属性的秒表)

Ctrl+Alt+O 召唤神奇的隐藏命令,勾选「along path」。

 ( •̀∀•́ )」叮!乖乖地沿着路径方向飞了~~~

作为社会主义的接班人,抠细节很重要。添加「勾画」和「修剪路径」,来点拖尾。

这回是首尾相接的循环,套用 loop表达式:

loopOut("cycle");

赠送另一种 0关键帧的周期旋转控制。

对旋转属性,码下:

a = 1;time *360 * a;// time * 360 代表转速 1 秒 1 圈(360度),a 为转速倍率。

这下是真的搞定了。

7、回顾效果

你俩飞会儿~~~飞到天上去,看哪星星多么美丽。

AE表达式应用,教你制作萤火虫飞行效果。

8、各部件应用的表达式

可改动参数值 DIY。

AE表达式应用,教你制作萤火虫飞行效果。

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢