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

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

作者: 野鹿志 | 来源:发表于2019-11-08 17:50 被阅读0次

    时间有限直接看问题吧:

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

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

    这张图好像是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设计奖的海报动图是如何制作的_腾讯视频

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

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

    本文由“野鹿志”发布

    转载前请联系马鹿野郎

    私转必究

    相关文章

      网友评论

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

        本文链接:https://www.haomeiwen.com/subject/jnewbctx.html