（图文+视频）AE野教程：GDC设计奖的海报动图是如何制作的

时间有限直接看问题吧：

@谢童鞋发过来的是一个动图，由于微信上没有办法保存到本地，我就简单描述一下，原图就是一个沿着路径生长的动画。

我尝试了一下，其实谢童鞋说的修剪路径是可以做出来的，可能是哪里没弄对吧？

这张图好像是GDC设计奖的海报图？好吧，今天我们就来看看这个GDC设计奖的海报图是如何制作的吧！

开始之前还是又双叒叕啰嗦一句，我对AE的操作不熟悉。个人觉得AE虽然是一个很强大的视频图形视频处理软件，但是还是有很多觉得不太好操作的点。

首先是排版方面，用AE操作起来真的是很不方便，另外AE对于形状图层的操作也很让人头疼，缩放形状图层的时候描边也会一同缩放，如果不希望一同缩放，我在网上找过方法，貌似最直接的方法就是输入表达式了。

不过好在Adobe自家的软件支持都非常好，所以就像之前写过的复相叠影的效果，排版部分我就是用的PS做的：

今天的内容，由于涉及到的是路径，所以我觉得用AI会比较方便一点，打开AI，用钢笔工具画出这样的路径出来：

在描边属性里把路径改为圆头：

再画两个圆，这一步不用多说吧：

再画一个大圆：

用剪刀工具剪开箭头所示的地方，删除多余的路径：

到这里AI里的部分就操作的差不多了，反正就我个人而言这些操作你让我在AI里操作肯定会比在AE里操作要快的多。

可以先把颜色改为自己喜欢的颜色吧，不过不改也没关系，然后将AI里的图层进行释放：

释放以后这些图层都是图层1的子图层，把他们拖出来：

这个时候图层1就会变成空图层，删除以后就可以保存AI文件了：

接下来打开AE，导入AI文件：

双击合成进入，就可以看到AI分好的图层了：

全选所有图层，鼠标右键从矢量图层创建形状：

这样每一个AI图层都会新建出一个形状图层出来，AI图层就可以删掉了：

下面就是做路径动画了，我以其中一个路径为例，展开属性，在内容里点击小三角添加修剪路径：

然后再通过开始或者结束的参数来控制路径的生长K关键帧就行了，其实还是蛮简单的：

可以像原图一样，给图层添加图层样式内发光：

然后再去调整图层样式的参数，这一步不用多说吧，和PS是一样的：

调整好了以后，可以直接把这个图层样式复制给其他的图层：

接下来继续把其他的图层动画做好就行了，这里就不赘述了，过程中你可能需要对图层进行旋转或者微调位置：

路径动画做好以后，可以再如原图一样给整体的位置做一丢丢的位移动画：

旋转也可以做一下动画，让画面看起来有一点缓慢飘动的感觉：

最后搞上文字看看静图和动图的效果吧：

静图

动图

其实还是挺简单的吧，就当是AE的入门练习吧，下面是今天的视频版：

AE野教程：那个GDC设计奖的海报动图是如何制作的_腾讯视频

好啦，今天的分享就到这里，想要源文件以及原视频的童鞋后台撩我获取吧！

更多内容欢迎关注公众号：

本文由“野鹿志”发布

转载前请联系马鹿野郎

私转必究