After Effects 动画教程——打造12秒网站广告条（9）

来源：网络 作者：未知 发布时间：2010-08-29 13:18:00 网友评论 0 条

分了六个镜头，基本上描述完了整个动画设计过程。

　　这个“教程”里的滤镜、动画、效果基本上都用的是最简单方法，同时，由于对方提供的是PSD的文件，我在做PSD文件的整理时，顺便把一些可能的效果都在PS里做好，这样进入AE之后效果上就可以偷懒，而把重点放在对于动作的设计上，而动作设计主要就是改变position、scale和rotation, 相对来说是比较容易的。

　　我们分层看，每个层的运动都是简单的。

　　但是当所有的层整合起来以后，画面是否还能流畅呢？主要是考虑的问题是层级的关系和动作的配合：哪个元素先运动？哪个后运动？ 哪个物体的运动可以带动别的？ 哪个物体对别的物体可以产生反作用力？ 哪些物体是重的？哪些物体是轻的等等，这些物与物的关系的处理上要下更多的功夫，最后的动作才会流畅。

 

　　回头来看，很容易发现这个小动画的动作设计一直是这样循环的：慢动作(信息传达) ------> 快动作(转场) ------> 再慢动作，再快……….　

　　而一般我们做影像设计，会根据音乐的节奏来设计动作，但这个banner的设计中没有音乐的配合，所以在动作设计(Motion design) 上的难度会增加，最好要多试了几次，找找感觉。

　　四．输出交稿

　　这部分没什么太过说的，由于动画最后要在网上使用，所以输出成SWF或者FLV是必须的，我试了两种方法。

　　1.）我们可以点击 File/export/adobe flash(swf) 来得到swf文件。

　　经我测试，生成的文件较小，大约500多K，但觉得效果一般，运动也有点卡，图层边缘也有毛刺（毕竟swf还是表现矢量动画更好一些。）

　　2.）所以我用了另一个方法：首先将片子输出成AVI (LOSSLESS)，然后再将AVI导入flash cs3，（导入时选择 fl8格式的中等质量），可以得到一个性价比还不错的质量。

　　然后再输出成swf，我通常选JPG质量80%左右，最后生成的文件大约 600多K，还能接受，如果再大的话，可能就需要做下载条了。

　　如果客户有要求要加一些URL广告链接什么的，也在FLASH里完成好了。

　　完成基本动画用了两上小时，细节的反复调试又用了一个多小时。