AE制作绘制线条动画教程

版权申明:本文原创作者“Duplicate”,感谢“Duplicate”的原创教程分享!

原设计师:Gal Shir

这么一个有趣动画,你是否好奇怎么制作?

只要懂一点点数学,懂一点点表达式就可以分分钟完成啦。

首先,我们创建一个800*600的合成,并创建一个同大小的纯色层。添加两个效果,一个是生成-写入,一个是扭曲-偏移AE制作绘制线条动画教程

写入用来绘制曲线,偏移用来让曲线移动。

然后,我们给画笔位置(写入)添加表达式:

x=time*thisComp.layer(“空1”).effect(“x轴偏移速率”)(“滑块”);

y=Math.sin(time*thisComp.layer(“空 1”).effect(“y轴来回频率”)(“滑块”))*thisComp.layer(“空 1”).effect(“振幅”)(“滑块”)+300;

[x,y];

AE制作绘制线条动画教程

第一行:用时间乘上x轴偏移速率,是的x的数值随时间每一秒增加433.1。

第二行:数学公式:y=Asin(ωt+ψ)+B,这里A是振幅,ω是震动频率,由于绘制的曲线我们用偏移来做水平移动,所以这里ψ=0,最后B是曲线在y轴方向上上下偏移的距离,这里我想让曲线位于合成的中心,故偏移300(合成宽为600)。

之后,我们给将中心转换为(偏移)添加表达式:

x=time*thisComp.layer(“空1”).effect(“曲线循环”)(“滑块”);

y=effect(“偏移”)(“将中心转换为”)[1];

[x,y];

第一行:x每秒向左偏移250。

第二行:y不需要变化,保持原值。

这两步完成之后我们可以得到这样的效果:

AE制作绘制线条动画教程

接着,我们将所有的层打预合成,向前偏移一定时间,为的是略去书写动画,确保一开始就是完整的弧线运动,然后就简单了,复制四层,各偏移不同的时间,并给它们做上不同的遮罩。

AE制作绘制线条动画教程

这里需要一提的是,可以看到我们动画周期为8S(-00:00:00:17~00:00:07:07,24fps),可以让动画前后无缝衔接。8S是最短的周期了,计算方式如下,还记得我们偏移是每秒250吗,合成长为800,由于sin曲线的对称性,所以我们只需偏移半个合成长400就可以与未偏移的曲线重合了,250与400的最小公倍数为2000,而2000/250=8,得到最小周期。

最后就是画笔动画了,首先在ai中绘制画笔,当然这里画笔简单也可以在ae直接绘制,接下来我们将锚点移动笔尖,对旋转和Y位置K帧做好动画,这里需要对照曲线确定笔来回移动的最小周期,做好一个周期的笔的运动动画,接下来就只需要添加loopOut(“cycle”)表达式进行无限正循环。

AE制作绘制线条动画教程

将关键复制给其他画笔,调节位置,偏移时间线对上曲线节奏。最终效果就出来啦。

AE制作绘制线条动画教程

当然,这里我并没有做到完美,例如灰色线条应该位于蓝色线条之上,虽然只是简单的图层顺序问题,不过追求完美,不断优化的理念还是需要的。多说一句,透露一下下一期视频教程的内容,我将教大家如何制作先前发的漂浮钢笔动效哦。期待吗?

最后的最后,感谢大家的阅读。

特别说明:本站所有资源仅供学习与参考,资源是免费分享的,标价是整理费。请勿用于商业用途,如有侵犯您的版权,请及时发邮件联系我们(243574967@qq.com),我们将尽快处理。

觉得文章有用就支持一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

分享到:
赞(0) 赞赏支持

说点什么抢沙发

//整站变灰色