(图文+视频)AE野教程:GDC设计奖的海报动图是如何制作的

来源:第一设计网     作者:日期:2020-08-28     浏览:208    评论:0    
  
核心提示:时间有限直接看问题吧: @谢童鞋发过来的是一个动图,由于微信上没有办法保存到本地,我就简单描述一下,原图就是一个沿着路径生长的动画。我尝试了一下,其实谢童鞋说的修剪路径是可以做出来的,可能是哪里没弄对吧?这张图好像是GDC设计奖的海报图?好吧,今天我们就

时间有限直接看问题吧:
undefined  

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


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


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

undefined  


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


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


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

undefined  



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

undefined  


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

undefined  


再画两个圆,这一步不用多说吧:

undefined  


再画一个大圆:

undefined  


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

undefined  


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


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

undefined  


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

undefined  


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

undefined  


接下来打开AE,导入AI文件:

undefined  


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

undefined  


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

undefined  


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

undefined  


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

undefined  


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

undefined  


可以像原图一样,给图层添加图层样式内发光:

undefined  


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

undefined  


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

undefined  


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

undefined  


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

undefined  


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

undefined  


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

undefined  

静图


undefined  

动图


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

rame class="edUI-faked-video" src="https://v.QQ.com/txp/iframe/player.html?vid=l3018dyqdlb" width="480" height="400" allowfullscreen>rame>


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


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

本文由“野鹿志”发布

转载前请联系马鹿野郎

私转必究


本文来源:(图文+视频)AE野教程:GDC设计奖的海报动图是如何制作的    http://www.design1.com.cn/wenzhang/21157.html
相关评论