小猫GIF教程基础篇（二）: 动画，初步制作完成！

小猫不理

这节的内容是怎么完整地把动画制作出来~在此之前，先讲点帧的相关概念：

上一篇文章提到过，动画是由连续的图片快速地播放而形成的。我们把其中的每一张图片叫做一帧，而把播放图片的速度快慢叫做帧速。

下面的图片是从一段完整的动画中切下来的，每一个分解动作作为一帧，如果连续地播放这些分开的帧就形成一个小人走路的动作:






这是每秒播放5帧的样子：


这是每秒播放10帧的样子，小人走得快多啦：



我们可以看到: 帧速越快，动画的速度就越快;帧速越慢，动画也跟着慢条斯里了。帧速的单位是“帧/秒”，就是说每秒播放多少帧。

在上一篇文章中我们已经能把一段精彩的视频切成一张一张的图片了，现在我们要把这些图片再组合还原成一段动画。而且动画的速度最好和原视频速度一模一样，这样可以方便向读者展示回合的原貌。


下面来具体动手实践一下，先要把制作GIF的软件准备好，这里我们使用的是 Ulead GIF Animator 5.05，可以从网上下载一个绿色版来使用（推荐到 绿色软件联盟 下载）。


安装好以后进入软件，出现如下界面：






我们选择“动画向导”这一项，接下来是设定动画的大小，一般来说我们捕获视频时的图片大小是多少，这里就填多少。上文中我们截取的图片大小为 480 * 360 像素，这里照填就行。






（这是我习惯的大小，但如果要上传到nbado论坛上可能会超过附件大小限制，可以选择更小的画面）


接下来就是“依次”添加图片，这里要注意图片的顺序：






添加图片时，会出现两个问题。

问题一：

图片一次只能添加八十张，如果你的截图有上百张，就需要分两次来添加。下图就是一次添加超过80张图片，软件就抗议了：







解决方案：饭要一口一口吃，既然一口吃不掉，我们接着吃:






问题二（一定要警惕！）：

在添加时，最后一张图像会跑到第一张图像前面，如下图，第80张图片跑到第一张图片的前面了，这会造成动画的次序颠倒，一定要将其就地阵法！







注意：如果是分多次添加图片，一定要注意，每一次都要把“不法分子”移除，不然动画中间会出现一闪而过的错乱帧，非常影响观看！


最后一步就是设定动画的播放速度，我们一般选择25帧/秒，这与正常的视频播放速度是一样的，如图所示：





把我们的制作成果保存为GIF文件，大功告成！初步的GIF动画就制作好了~






这回就讲到这里，我们已经把GIF动画制作出来了，但看看文件属性就会知道这时的动画文件体积是很大的，传到网上不方便观看和浏览。

所以下一回我们要讲的就是怎样给GIF动画“减肥”~

渣科无敌

这是技术贴  对于我这样的技术盲非常有用的。 有时间了研究研究  非常功能谢楼主哦，

树属漱

阿MAN2

顶

小猫不理

渣科无敌 发表于 2012-2-3 23:35
这是技术贴  对于我这样的技术盲非常有用的。 有时间了研究研究  非常功能谢楼主哦，

不用客气~能有点帮助就好


小猫不理于2012-2-4 09:04补充以下内容：
多谢树哥的加精置顶，拙作一篇，终于找到用武之地了~呵呵

小猫不理

okokokfish 发表于 2012-2-4 09:34
非常好的教程！这样能帮助大家分析、学习技术。
我一直都是用这个方法制作GIF图……

很喜欢okokokfish兄制作的动画，清晰漂亮，小猫还要向你学习呢~