来源:站酷  作者:evilj

先上实验效果

细节实现

1.翅膀

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

先思考需要的效果：

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

•-• ...

(ㅎ‸ㅎ)  不停打帧？

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

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

在 AE 表达式中，sin 函数的写法是：

Math.sin( );

话不多说，折出右翼。

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

value - Ｍath.sin(time * 1 ) * 1 ;

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

time返回当前的时间（秒），作为时间变量来控制动画。

根据需调整频率和幅度，得到：

value - Ｍath.sin(time * 30 ) * 15 ;

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

value + Ｍath.sin(time * 30 ) * 15 ;

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

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

2.触须

这里需要一个不规则的小幅度抖动，翻牌！抖动表达式就你啦：

wiggle(freq,amp);

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

频率 5，幅度 8°，感觉妥了，一起摇摆～～～

wiggle(5,8);

似有非有，但很重要。

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

3.尾部闪光

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

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

平时我喜欢最简形态：

loopOut("type");

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

目标效果，一闪一闪对不对？

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

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

loopOut("pingpong");

就这样？

就这样。

4.效果加强

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

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

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

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

loopOut("pingpong");

至此，效果拼装完成。

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

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

绘制需要的运动「路径」。（蒙版也行，随你习惯）

选择路径参数，复制。

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

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

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

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

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

loopOut("cycle");

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

对旋转属性，码下：

a ＝ 1; time *360 * a; ／／ time * 360 代表转速 1 秒 1 圈（360度），a 为转速倍率。

这下是真的搞定了。

回顾效果

你俩飞会儿~~~

各部件应用的表达式

可改动参数值 DIY。

秘技 • 辞典

对频繁使用的工具，当然要想点办法「花式偷懒」。

由于沉迷玩耍颜文字，某天发现「输入法辞典」很适合解决这个问题。

举个栗子

输入码lp对应loopOut("cycle");

输入码wg对应wiggle(freq,amp);

常见的系统输入法都带这样的功能，大家自己挖掘。

唯一的坑

辞典不支持换行！复杂的自定义自己执生。

举一反三

作为平时练习的重要环节，想尽办法玩起来也是必要的。

这里我把「萤火虫」作为单元贴图，用Trapcode Particular插件撸了一团粒子。

一大群，看起来果然比较有工作量 ∠( ᐛ 」∠)＿