ae如何把已有图片当做蒙版_AE加载动画的学习分享

这篇博客分享了如何使用Adobe Illustrator(AI)绘制猫咪图像,然后在Adobe After Effects(AE)中将其制作成动态蒙版,通过调整速度和蒙版实现猫咪身体的动态效果,最终导出为.gif动画。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

大家多动动手,练习下一只可爱的猫咪就能展现出来了

Step1.用AI做出猫咪的图;

Step2.用AE让它动起来,可以看出头尾在动画的一个周期中,开始和结束的位置是相通的,中间有所不同,所以可以通过控制中间尾部的运动速度来实现;

Step3.AE导出.mov,用ps保存为gif。哇感觉好简单赶快做起来…

Step1.用AI做出猫咪的图

就是同心圆咯,圈圈圆圆圈圈~建立参考线分割成适合的长度,给一个合适的粗细

21bd742d2755ecfae6e697239924b62e.png

然后删掉不需要的部分,轮廓化描边,加上眼睛嘴巴~可爱~

3f850de4a713bdef951e1b68ccda3da6.png

把猫咪身体的部分单独导出一个图,会用到~

a7ffc0d4cc111fe5818c5fe12d2ff13a.png

AI里需要做的就这些啦~因为没有复杂的路径动画,可以直接导出png来用

Step2.用AE让它动起来

AE新建合成,导入这两张图片

ee53b7a821f0de7586f6dafa84db4cd6.png

居中新建一个圆形的形状图层(以便找到猫咪的旋转中心)

e40190ca25066094cf86910c77656913.png

导入的两个图片对齐圆形边缘,将锚点移动到中心位置(锚点位置如果没对齐转起来会对不上哦)

69dbea954a322f2bc4fae5f1493ab95d.png
21213ed5c93e95eacf459b8d26993a2a.png

嗯,完成一半了

因为头尾旋转速度不一样(猫咪身体拉长的效果),复制一个猫咪图层(ctrl+d),分别命名头/尾,用钢笔工具画蒙版

5bf500f193792410678d0dc2705a225f.png
23138e6957ea9f7b8532b4b054467893.png

先给3个图层相同的2秒360度旋转,加缓动,然后在速度曲线面板里调整速度~就是尾部要比头部转的慢一些,easy~

eb8e8042ea65e964265deba1432f67ef.png

然后身体图层就是用来填补头部和尾部中间的空隙啦,随便调一下就好了,如果有超出头尾的部分,就画个蒙版遮一下~

b8f61caeeb82efadbe12924396e56338.png

Step3.AE导出.mov,用ps保存为gif

5ca3c936e9e31a905d1ba121f8d4cff8.gif
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值