qlineseries绘制动态曲线_AE实战教程!AE大神教你如何使用AE制作火山爆发动态表情动效...

嗨,我是爱踢汪。看见这样的动态表情,不禁跃跃欲试,本汪这次要分享一下用AE做这种小动画的做法,非常适合初学者,都是基本步骤,经过这个临摹,对于AE的基本功能将加深印象,让我们开始吧!

先来看一下效果图,如下图

30145350817677f300513b5fa9b01cab.gif

提示:

在Ps中画图时记得多分图层(需要动的元素);绘制AE中的蒙版;绘制AE中的形状图层;表情的psd和AE文件要在一个文件夹里。

第一步:在Ps中画出表情

注意点:等会AE现实时需要动的元素分图层画,比如噪点和身体要分图层画。

第二步:用AE打开在Ps里制作的表情

1.打开After Effects。

2.将Ps文件拖进After Effects里,这时会弹出导入窗口,按照图中红框标记的选择。

fa92e80bf06f43e15862c98a47778ef7.png

第三步:制作表情小动画,双击下图小动画。

3cea3b7f7de0b9560b35cd93da2e3038.png

1.这时就会看到之前Ps里做的表情,以及最下方的时间轴区域会展示每个图层,如果在Ps里打组的话,则会显示组需要双击该组,然后会看见组里的图层,我是故意拖进AE前取消组的,这样更容易看某一元素在整体中的运动轨迹是否合理。

fba7007da85cf29298a88e342b848e86.png

2.开始k帧,按照原动画做10帧,我们先从最简单的手来感受一下(图层中的左右是按照我们的左右命名,方便讲解,不要太在意),则会显示组需要双击该组,然后会看见组里的图层,我是故意拖进AE前取消组的,这样更容易看某一元素在整体中的运动轨迹是否合理。

1f096c40350a1f83ab0d1977de2618fd.png

3.选中左手的图层中的“位置”,将当前时间指示器拉到00f,然后将左手向右移,一直移到你想要的效果为止,然后点左手的“位置”前的秒表,继续k下一个帧,先将时间指示器拉到某一帧,然后移动左手,它会自己k帧。右手和眼睛的制作方法如左手一样。(一定要先确定指示器停在哪一帧后再移动图层)

75650773f5e305a7402a818f343ee1ee.png

4.处理噪点层“点点”,用上一步的方法先处理“位置”形成运动轨迹。

4baf0e0e18d20dbc704a01da83728a29.png

然后在选中“点点”图层的状态下,用钢笔工具绘制胖胖的身体,这时“点点”图层下会多出“蒙版”。

05fa56e5ce0181a283533379def242e2.png

根据“位置”上的帧的情况调整“蒙版”的轨迹,k帧和移动的顺序和上面的一样。

fa3edbdb14a59c5602121ae4bd369380.png

5.嘴巴也可以如此实现,调节嘴巴时,如果k完第一帧,不知道怎么选中一个锚点,用选取工具框选某一锚点即可,“云”图层的路径变化也是如此。要注意的一点是嘴巴的上边缘的中心处始终与双眼的中心对齐,且高度不变。

8b532cb27d00ab455b8d0d8b2fc21f8a.png

6.图层“喷”的变化轨迹是左右放大缩小,所以我们只要调整图层下的“缩放”宽的比例,图层“喷底部”随图层“喷”的缩放而缩放。

7d5573b07e3a897447d6f301b5a77d66.png

添加蒙版使得其与椭圆重合,不在溢出来。

28c4d33d17c4fbc0d462be22378fa3d2.png

7.接下来我们来解决上面变化的直线和曲线,我们在Ps中提前画好这些线做一下参考,也可以直接在AE中绘制形状图层。

d8ad30b8a7eafc8f9f19341362af749b.png

如上图,如果是选中某一层的状态下,那么绘制的是蒙版,所以我们要在什么都没选中的状态下绘制,在当前选中的图层的空白处单击一下即可,然后用钢笔工具绘制云上面的曲线,形状调整后用转换“顶点”工具处理一下,曲线会更圆滑。接下来就是在某些帧中改变路径,方法上面已经说过了。

下面就是把剩下的曲线和直线完成就好了。

1f0c2e4e1e95f670527857b5992cacb7.png

第四步:导出gif

1.整理一下图层,清除一些不用的图层,比如作为参考而在Ps中画的图层。

2.调整动画时长,我这边是把当前指示器移动到09f处,按键盘上的“n”,把后面的时间截除掉。按空格键就可以预览了。

3.用gifgun插件导出,大功告成。

今天的分享就到这里了。我是爱踢汪,您的关注是我坚持到现在的唯一动力,有了您的支持与鼓励,我才有信心一直坚持下去,继续奉上更多内容。衷心期待您能点一下上面红色关注按钮,关注我一下。万分感谢!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值