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



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

(0)

相关推荐

  • AE制作超炫路径动效教程

    这篇教程教AE特效学习者们,和APP界面动画制作学习者们使用AE制作超炫路径动效教程,教程非常实用.在APP的动效中算是非常酷炫的效果了,推荐过来和飞特网的朋友们一起分享一起学习,希望大家喜欢这篇教程,我们先来看看最终的效果图吧: 首先,准备素材,我采用直接在手机截屏的方法,获取所需图片,(如果想要做练习的可以自己把界面做一遍)包括加号中的五个应用图标. 在ps中把背景.功能图标分开(包括加号旋转),同时放个蒙层#000000,60%透明度(也可以在AE里画). 打开AE,双击红色区域导入pat

  • PPT制作超炫酷的爆炸文字效果

    文字是PPT里重要的构成元素,为了让文字更加吸引观众的眼球,有时就得出点奇招,比如让文字“爆炸”,下面小编就为大家详细介绍一下,来看看吧! 图1 PPT文字爆炸效果 拆解文字 要想文字“爆炸”,首先要拆解文字笔画.方法很简单,画一个矩形块,再输入想要“爆炸”的文字,将两者叠放到一起,并且按Ctrl+A键将它们全选. 图2 全选图形和文字 接下来切换到“绘图工具-格式”选项卡,点击打开“合并形状”子菜单,选择其中的“拆分”. 图3 拆分形状 经过上面的操作,将会拆出许多小形状(显示很多节点),这时

  • AE制作爬行的蜘蛛动画

    这篇教程和的朋友们用AE制作爬行的蜘蛛动画,教程难度中等。和的AE爱好者们一起学习了。先看看效果图: 具体制作步骤如下:

  • AE制作APP界面gif动画效果

    我们在进行交互设计的时候,大部分时间是基于界面和功能逻辑的考虑,也适当的进行了交互效果的考虑,那么我们如何把交互的效果直观的表现出来呢,除了用axure做出交互的动态效果,ps绘制GIF图,代码设计动效外,还可使用一个非常容易上手的工具,那就是Adobe 的AE,AE是一款强大的后期软件,同时也可以用来制作不少直观的动效预览效果. 常见的动效有:缩放,渐变,透明度变化,旋转,左右滑进,左右滑出,跳动,颜色变化等. 1.首先安装完AE后打开,界面默认居中是预览,左边是素材窗口,下方是时间轴和图层.

  • 可牛影像简单制作超炫的支离破碎动感闪图效果

    现在,许多还不会ps,就认为制作不出那样非常动感的gif图片啦,今天呢小编就跟大家分享一下,利用可牛影像简单制作出动感支离破碎的效果,大家赶快来一起动手制作吧. 方法/步骤 1.首先,下载好可牛影像软件,并安装打开它,然后打开需要制作的图片: 2.涂鸦:将图片涂鸦成白色: 3.抠图:使用形状抠图-矩形抠图,扣除方形:另存为饰品. 4.还原-涂鸦-黑色-添加饰品:先将图片还原到最初,然后将图片整个涂鸦为黑色,进入饰品-用户自定义界面添加3中制作好的白色方块饰品:可以随机排放,方块最好紧凑一点:并另

  • PowerPoint中制作超炫旋转文字效果

    步骤一: 打开PowerPoint新建一个演示文稿 步骤二: 插入艺术字,内容输入自己想要的文字“第九软件网”,如图 点击插入的艺术字,在菜单栏选择”艺术字形状“这里我们选择细环形,然后,调整文字的间距,如图 步骤三: 右键选择”设置对象格式“,设置其颜色,如图 步骤四: 执行【插入——形状——十六角星】,然后设置对象格式,设置颜色,如图 步骤五: 分别给文字和十六角星形状添加”陀螺旋“动画效果,其中十六角星动画效果设置如图所示 步骤六: 此时我们可以预演一遍,看看效果是不超炫呢,OK,操作过程

  • 超级vip超炫出场动画是什么?

    超级会员的出场动画是专为超级会员提供的尊贵特权,出场动画可以让超级会员在好友那里更加酷炫.先要设置出场动画好友移入到您的头像上才可以查看到酷炫出场动画,出场动画是依照你的喜好来设置的(在设置专区选择喜欢的出场动画进行设置) 下面是一些出场动画:

  • 制作超炫立体win7桌面

    win7的桌面效果相对于xp来讲炫丽了很多,但我们是否可以讲桌面变得更炫?下面就和小编一起来看看如何制作win7立体桌面。 方法一:win7自带立体效果桌面 在桌面上右键单击,然后选择:新建--快捷方式 电脑常识 打开快捷方式对话框,输入如下的地址,然后点击下一步C:Windowssystem32rundll32.exe DwmApi #105 这一步输入该快捷方式的名字,最后点击完成。 women看到桌面上已经新建了一个这样的快捷方式,将其拖动到任务栏就可以快速的启动了。点击该任务栏上的图标

  • AE制作逼真粘性特效动画

    第一种制作方法:通过插件CC smear+表达式完成!这个方法是J_King大神总结的,大家可以在UI中国搜索他,谢谢你的分享!我在这里重复一遍,让大家印象更加深刻一些! 第一步:建立一个小球的形状图层,并让锚点处于小球的正中心 第二步:对形状图层添加CC smear效果,中文应该叫cc 涂抹?在扭曲的效果栏中 第三步:添加简单的表达式绑定,方法是:按住art键,左键点击CC smear的from和to,并且在图层找到表达式界面 shift+p键调出position的选项,并把from和to都绑