呕血之作：动画GIF教程三部曲
盼望斑竹能够加加精、置置顶。。。

首部曲：一份GIF的礼物
在还没有教大家如何制作GIF之前，我觉得有必要让大家了解一下它的来源、特点、相关名词等等。这些将会让大家对下面的制作过程有更透彻的了解，也比较容易上手。

1．什么是GIF？
GIF是Graphics Interchange Format的缩写，即为图形交换格式，以这种格式存在的文件扩展名为.gif。它是CompuServe公司推出的位映图形标准。它采用非常有效的无损耗压缩方法（即Lempel-Ziv算法）使图形文件的体积大大缩小，并基本保持了图片的原貌。目前，几乎所有图形编辑软件都具有读取和编辑这种文件的功能。

GIF有以下几个特点：
　　（1）GIF只支持256色以内的图像；
　　（2）GIF采用无损压缩存储，在不影响图像质量的情况下，可以生成很小的文件；
　　（3）它支持透明色，可以使图像浮现在背景之上；
　　（4）GIF文件可以制作动画，这是它最突出的一个特点。

GIF文件的众多特点恰恰适应了Internet的需要，于是它成了Internet上最流行的图像格式，它的出现为Internet注入了一股新鲜的活力。GIF文件的制作也与其它文件不太相同。

首先，我们要在图像处理软件中作好GIF动画中的每一幅单帧画面，然后再用专门的制作GIF文件的软件把这些静止的画面连在一起，再定好帧与帧之间的时间间隔，最后再保存成GIF格式就可以了。制作GIF文件的软件也很多，我们比较常见的有AnimagicGIF, GIF Construction Set、GIF Movie Gear、Ulead Gif Animator等。

2．动画用词：帧
什么是“帧”？其实，简单的来说，“帧”（frame）就是一幅的图画，或者静止的一幅画（Still Picture）。GIF文件，其实只不过是一系列相连的图画，用不同的速度，不断地播放而达到“动”的效果而已。所以，我们常常看到的卡通片，其实也就是根据这样的原理来的。

“帧”的速度（frame rate），在动画中扮演了非常重要的角色。因为整个动画的效果，就是全靠这速度的调整。在很多的GIF制作软件中，大家可能都会有看到这个字眼。而帧速的算法是用fps（frame per second）来计算的，也就是：每一秒钟能播放多少帧的画面。换言之，fps越大，动画就越快，fps越小，动画就越慢。有些软件会用“延迟”Delay来计算，下面我所要介绍的软件：GIF Movie Gear就是用Delay的。其算法相反而已，1/100th Second，就是说：每一帧将会停留 / 延迟（Delay）1/100 秒。下面我将会详细介绍。

3．GIF动画用的颜色（Color）
嗯，众所周知，我们的眼睛可以看到的颜色何止256种？但是，很不幸的，GIF文件所能够支持的颜色，最多就只有256种。哈哈，这时候大家可能会觉得用GIF在小E的65k颜色彩屏上真的大材小用了。不过，别忘了GIF的看家本领可是“动”画哦！

4．GIF动画的透明色（Transparency / Alpha Channel）
对，GIF文件就是有这个特别的属性，是jpg所没有的：透明色！在动画中，透明色可是举足轻重哦。没有了它，整个动画就会很死板了。至于如何在动画中设定透明色，我将在下面一一讲解。


次部曲：使用GIF Movie Gear制作GIF动画
Hoo... 终于到戏肉了。哈哈，好吧，为了让大家容易上手，我个人推荐使用以下的软件来制作简单的动画：GIF Movie Gear。
大家可以去以下的地址下载：



GIF Movie Gear: 下载点

其实，这个软件即简单，又容易操作，最适合大家自己DIY的了！
首先，请大家先预备一些的图片，每个图的大小最好都一样（不要太大，因为太大的话，出来的文件会很大）

好，就看看软件的界面吧！


接下去，就正如软件的每一个步骤所提：
1．先按此图标，放入第一帧的图画，如此类推，再放入全部的图画，如下：
（这里就借用手机之家的一些图画了。。。）



2．然后，再在Delay那儿设定每一帧的延迟时间。记得：此延迟时间是与fps相反的，越大的数值就会越慢，越小就越快。所以，最快就是1/100啦。如果想要一次过设定每一帧的速度，可以按 Ctrl + A 来选择所有图画帧，然后才打入所要的数值。那样，就容易多了！大家也可以在不同的图画帧里设定不同的数值来制造不同的果效哦。




3．最后，可以按‘播放’来预览所完成的动画。



4．当然，满意后，就可以把档案Save成GIF文件了！！！

整个简单的动画就完成了！




最终曲：小E与GIF的邂逅
嗯，大家对GIF制作都应该有比较基本的认识了。现在，让我们一起来看看当小E遇上GIF的时刻吧。

1．小E与动画的透明色
嗯，GIF动画的特质：透明色，怎么设定啊？嘻嘻，其实，很简单，只要按如图下的图标就能够设置透明色了。



然后，在出现的视窗中，选择背景的颜色，如下图：



这样，就完成了！！大家可以自己研究使用 + 的方式，来让更多的颜色变成透明色哦！

* 当然，在有些图画中，用这种的透明色设置法，有可能会将图画的主要颜色部分也变成透明掉。所以，如果要学习如何更有效的除去背景，只选择主要部分，敬请期待我下一个的进阶教程。

2．小E的帧速
嗯，相信大家都懂得如何设置帧速了吧！（不会的请看上面啦）不过，在小E里面，大家所制作的动画，可不如大家在电脑所看到的一样哦！

看看这两个动画吧！前者的是电脑看到的帧速，后者则是放进去小E后所看到的帧速：





哈哈，明白了吧，小E在处理GIF动画时，不懂是不是硬件的原因，所显示的动画是比较慢的（图片越复杂，就会越慢）！相差的时间大概在10/100秒左右。也就是说，以上的图片，左边的是10/100s，而右边小E的是20/100s。因此，大家在调整帧速时，请记得把帧速放高一些，那样在小E里才会正常，否则，大家就会看到如Matrix那样的慢动作了！

3．小E与GIF的重画方法（Redrawing Method）
嗯，相信应该没什么人发现这个东西。

好，请大家再注意以下的两张图：





哈哈，是不是好像没什么分别呢？其实，当大家放进小E看时，就会看到分别了！那就是在最后的几帧会出现如下图的画面：


对！就是影子的问题！那是因为GIF文件中的重画方法（Redrawing / Removal Method）所导致的。要如何避免这样的问题呢？很简单，只需在最后的一帧中，设置重画方法（Removal Method）为 Restore Background就可以了！

如下图：



* 其实，很多的GIF在经过一些软件的Optimization后，放入小E时就会出现以上的叠影问题。所以，大家记得别把全部的图画帧都设置为 Restore Background，因为，当中可能需要用到 Restore Previous 来制造动画果效。因此，在这种情况下，只需把最后的那一帧设置为 Restore Background 就可以了。（或者任何一帧出现叠影问题的图片帧）

4．The Last Finale
嗯，最后，希望大家能够有所学习，有所收获吧！因为这个教程可真的是本人的心血啊！话说，就在我写着教程的最终曲时，眼前突然一黑，停电！！！！噢！我竟然还没有储存档案啊！！！！汗。。。。泪。。。。唉，为了要让这教程出炉，我唯有咬紧牙根，拼了命的重新再写！！所以啊，兄弟朋友们，请好好珍惜我的一份心意，一份心血。。。

如果大家觉得还可以的话，小弟会继续努力发下一个的进阶教程，迟些可能也会继续分享小弟在制作音乐、图片、小E皮肤、主题等方面的心得！敬请期待！有任何问题，可联络我。

* 声明：本人并没有受过在这方面专业的进修，以上一切都只是本人在多年来自己的研究及学习。所以，如有任何错误，请多多包涵，也请多多指教。谢谢。

[ Last edited by adiz9700 on 2005-5-12 at 10:24 ]

［此帖子已被 seacore 在 2005-5-17 10:17:11 编辑过］

好啊!顶