AE制作超炫LOGO动画

作者&投稿:东郭建 (若有异议请与网页底部的电邮联系)
~ 第1步:在Illustrator里绘制图形
打开Illustrator,画布大小设置为800X600px大校创建出一个图形,这里我用的是Bridge的Logo,你也可以使用自己喜欢的图形,然后新建一个图层,用钢笔在图形的边缘上创建动画路径,如下图:

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

   第2步:AE合成
打开AE,你会看到如下界面。
接下来按(CRL+N)创建一个新的合成。"合成"就是类似于一个Ps文件,里面有图层,你可以在图层上面添加蒙版和各种特效,而且还可以在时间轴上用关键帧给特效做动画。
注:关键帧是用来让对象运动的。举个例子,我们要做一个淡入的效果,只需要用两个关键帧,第1个关键帧的透明度设为0%,第2个关键帧的透明度设为100%,这样效果就出来了。这是AE里面最基本的操作。
建立一个新的合成,设置如下图。大小为800X600,持续时间为5秒,其他的使用默认设置就可以了。

   第3步:Illustrator转到After Efect
现在你已经在合成里面,新建一个固态层(CRL+Y),图层颜色可以自定义。

   切换到Illustrator,"复制"其中一条路径,然后切换到After Effect,选中刚建立的固态层"粘贴"。路径可能会过大,需要缩小视图才能看得到。双击路径并缩放到合适大校
你需要为Illustrator里的每一条路径新建一个新的固态层,并用上面的方法将路径复制到固态层中。你也可以尝试将所有路径一起复制一个图层中,但做不出预期的效果,所以还是确保一条路径一个固态层。
同样的也要为我们的Logo准备一个固态层。和前面的一样你也可以用自己的图形。

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

   在这个教程里我只用了一个图层,实际上的图层数量由路径数量决定,但每个图层的操作方法是类似的,你需要为每一个图层的路径添加"描边"特效。
你的效果应该是这样的,当然具体取决于你的图层数量了。

   现在我们要开始做动画。
选中图层,打开你刚才添加的"描边"特效(可以先选中图层,再按E键)。

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

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

   其他路径动画的制作方法相同,这里就不做具体解释了。

   第5步:调试和优化
缓动
添加缓动效果会让你的动效看起更自然。在AE里面缓动的类型有很多种,设置缓动的方式也有很多种,而且一点也不麻烦,AE会替你完成。右击关键帧,你就会看到一个菜单,选择 关键帧辅助柔缓曲线(F9),这时菱形关键帧就会改变形状,说明你添加完成缓动效果了。

   如果想要预览动画效果,可以使用内存预览(0键),这样你就可以看到实时的动画效果。这也是你测试正常时间的动画效果的唯一方式。预览也需要渲染时间,你可以从绿色的进度条观察。

   添加画笔大小动画
之前我们添加动画时只要添加两个不同数值关键帧就可以了,同样的也可以应用在画笔大小的改变上面。在这个案例里,我为画笔粗细添加了3个关键帧,从2到12再回到2。当然你也可以自定义。
调试你的时间轴
我完成后时间线面板是这样的。你可以发现在我的动效里面看到,每个动画不是同时发生,而是交错出现的。这没有统一的标准,你自己在时间轴上面可以多研究研究。

   添加小动画

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

   单击"渲染"按钮。听到"叮"的一声就完成了。现在我们有一个quicktime影片了,可以在ps里面打开,然后"储存为web所用格式。在弹出的对话框中,选择gif格式,然后在下面选择"循环"就可以了。
译者注:你也可以在AE里直接选择输出格式.gif试试效果。
另外
附上译者的作品。由于没有认真做,效果不是很好,但基本用上了以上知识点和技巧。大家有问题可以在评论里互相交流,共同进步。译者使用的软件是:Ai CS6和AE CS4

   感谢您的阅读,制作出来的朋友可以在底部提交作业哦!


宁津县19358101104: 如何用AE制作logo动效 -
甄宋阿尔: 首先你得有个LOGO 其次你得会AE 如果都没有 那就没啥说的了

宁津县19358101104: 如何用ae做logo特效 -
甄宋阿尔: 一时半会难以说清楚,如果是软件使用新手的话,建议先观看软件使用教程 AE cc(After Effects CC)基础教程视频 本教程是一套适合初学者入门学习的教学视频,该视频从模板文字、路径文字、图片三维、相册制作等多个方面进行讲解.结合实例,让学习者可以更加清楚明白地掌握该软件的操作技巧和方式

宁津县19358101104: Ae软件怎么制作logo动画 -
甄宋阿尔: 你这个问的也太笼统了.把基础的教程看了你就知道了.AE的动画基本基于关键帧,高级点的表达式

宁津县19358101104: ae如何可以制作一个立体的logo
甄宋阿尔: 你先理解AE的三维设置.然后,可以通过复制,或者3D插件的参数设置,制作...记得,x y z轴的动画帧的设置

宁津县19358101104: 用AE做一个logo破纸而出的小片头 -
甄宋阿尔: 如果你要做完全动态的.并且破纸这样的都要完全看清动画效果.以我的技术.光AE似乎费事.这得加3D软件了.如果光用AE.我现在暂时能想到的是用多个层用CC page turn来模拟.并且还得做一些假来弥补没3D软件的缺失.

宁津县19358101104: 怎么用AE做LOGO
甄宋阿尔: AE是做动态效果的,静态的logo用ps就能做

宁津县19358101104: 怎么用AE制做那种粒子Logo?? -
甄宋阿尔: 不用AE,用幻影粒子也可以做,配合PS就能做出粒子效果. 要说怎么做,就不是一句两话能说清楚的,大概说一下过程: 先用PS软件,做出你的LOGO图片,把LOGO图片加载进幻影粒子软件里做背景图片,然后再在背景图片上分别做出蒙...

宁津县19358101104: 如何快速制作变形金刚 logo动画 演绎 -
甄宋阿尔: 教程一共10讲: 1、AI曲线绘制 2、MAYA中曲线放样 3、UV及贴图绘制 4、LOGO材质设定 5、材质调节及灯光设定 6、LOGO动画01 7、LOGO动画02 8、分层渲染及输出 9、AE中合成01 10、AE中合成02

宁津县19358101104: 怎么用ae做奔驰标志 -
甄宋阿尔: 你好,很高兴回答你的问题.你可以使用钢笔工具画出奔驰标志的mask形状或者是直接使用ai或者是ps里做好的图形,然后使用E3D插件进行挤压操作,然后上材质.这样就可以轻松的完成了你想要的在ae中完成的3维的标志了.希望能对你有帮助!

宁津县19358101104: ae如何制作立体的迎面飞来的效果.就是一个logo下面文字出现然后整体迎面飞来,都要是3d的,求教程~ -
甄宋阿尔: 把logo所在图层立方体图标激活,然后点开它的变换属性就可以调整它的三维旋转值;另外一种方法就是使用e3d插件了.

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网