签到

05月05日
尚未签到

共有回帖数 0

    顾我心安

    等级:
    AE制作超炫LOGO动画

    第1步:在Illustrator里绘制图形打开Illustrator,画布大小设置为800X600px大小。创建出一个图形,这里我用的是Bridge的Logo,你也可以使用自己喜欢的图形,然后新建一个图层,用钢笔在图形的边缘上创建动画路径,如下图:


    还需要创建另外5条路径,这些路径将用于制作动效。路径的数量不是固定的,你想创建多少条都可以。


    第2步:AE合成打开AE,你会看到如下界面。
    接下来按(CRL+N)创建一个新的合成。"合成"就是类似于一个Ps文件,里面有图层,你可以在图层上面添加蒙版和各种特效,而且还可以在时间轴上用关键帧给特效做动画。

    注:关键帧是用来让对象运动的。举个例子,我们要做一个淡入的效果,只需要用两个关键帧,第1个关键帧的透明度设为0%,第2个关键帧的透明度设为100%,这样效果就出来了。这是AE里面最基本的操作。
    建立一个新的合成,设置如下图。大小为800X600,持续时间为5秒,其他的使用默认设置就可以了。






    第4步:特效先选中一个图层的路径,添加"描边"特效,如下图






    首先设置绘制风格为"在透明通道上"。这一步会去掉固态层的背景,只留下我们的描边路径。
    译者注:很多人将illustrator的路径复制到AE时,发现位置和大小很难与Logo贴合。将每个图层的绘制风格都设为"在透明通道上"就很好调整了。
    在描边特效里你会看到"开始"和"结束"两个属性。
    接下来将时间指针移动到2秒的位置。在停表左边有菱形形状的小按钮。点击他们为添加关键帧,同时改变"开始"和"结束"的值为100%(试着将start的值从0%拖到100%,你会看到一条线沿着我们的路径运动,直到消失)。将指针移到00:00的位置。将"开始"和"结束"的值改为0%。这样在00:00的位置"开始"和"结束"的值都为0%,在2s的位置"开始"和"结束"的数值都为100%。
    最后只要将star和end的关键帧位置错开就可以了。具体可以参考下图:


    现在试着拖拽playhead在0到2秒之间移动,可以看到如下效果(原文图片丢失,该图片由译者补充)












    为了完善这个动画,我在图层最上面添加了一些小动画。这些小动画的制作和前面的方法是一样的,都是通过"描边"特效完成。
    添加像上面这样的小动画,你需要新建一个合成。合成的优点是你可以反复利用它,而且只要修改源合成就可以改变所有子合成,听起来是不是很方便。
    在合成里制作完后,我把它们拖到时间线面板里,放在不同位置,然后调整大小就可以了。
    第6步:输出 当完成所有动画时,就可以渲染你了。在做这一步之前,确保你在你想渲染的合成里面,然后选择图像合成添加到渲染队列。
    接下来在渲染队列面板里,你需要指定文件位置,也可以进行其他的输出设置。在这里我将会输出.mov格式的影片。


    单击"渲染"按钮。听到"叮"的一声就完成了。现在我们有一个quicktime影片了,可以在ps里面打开,然后"储存为web所用格式。在弹出的对话框中,选择gif格式,然后在下面选择"循环"就可以了。

    译者注:你也可以在AE里直接选择输出格式.gif试试效果。
    另外附上译者的作品。由于没有认真做,效果不是很好,但基本用上了以上知识点和技巧。大家有问题可以在评论里互相交流,共同进步。译者使用的软件是:Ai CS6和AE CS4


    楼主 2015-11-23 13:44 回复

共有回帖数 0
  • 回 帖
  • 表情 图片 视频
  • 发表

登录直线网账号

Copyright © 2010~2015 直线网 版权所有,All Rights Reserved.沪ICP备10039589号 意见反馈 | 关于直线 | 版权声明 | 会员须知