网页动画GIF的制作

网页动画GIF的制作

动画技术已成为当今网页制作的一个重要组成部分。在网页中使用动画可引起用户对重要信息，如主要论点的注意；可显示某种动态过程；可从多种视角观察同一对象，还可实现自动放映幻灯片等多种特殊效果。以前，网页中的动画是通过服务器驱动的，其速度是可想而知的。GIF动画技术虽问世不久，但其鲜明的特色使其一跃成为网页动画的主流，得到了浏览器与系统平台的广泛支持。

动画GIF图形由多种不同的块组成，包括：图像块、文件头块、循环块、纯文本块、注释块、控制块等。动画GIF的制作非常简单，且无需了解相关编程语言，无需对Web服务器采取特殊形式的访问。动画GIF合并到网页中的方法和普通图像一样，即使用IMG符号。动画GIF是由本地计算机驱动的，因而其显示速度要比由服务器驱动的动画快。本文以在动画制作软件GIF Construction Set for Windows 1.0M中的二个制作来说明其一般用法。

系统提供了二个实例ball.gif和example.gif，选择File/Open来分别打开这二个文件后，在屏幕上将显示其组成内容。下面，我们制作二个动画文件。

●让屏幕依次显示“Who”，“are”，“you？”三幅字幕。

1、启动画笔或其他画图工具，分别制作出三幅图像A1.BMP、A2.BMP、A3.BMP，其内容分别为“Who”、“are”、“you？”。

2、启动GIF Construction Set for Windows 1.0M。

3、选择File/Animation，单击Next，选择Yes/Next/Loop imdefinitely /Next /Photorealistic Wizard/Next,然后选择每幅图像的显示时间，如

100hundredths(即1秒)。

4、单击Select，依次选择A1.BMP、A2.BMP和A3.BMP三幅图像，选择Done /Next /Done。

5、选择File/Save，取名为Who.GIF，此动画文件就制作成功了。

在屏幕上，将会看到此文件的组成结构。第一行是文件头块(HEADER)，它包含文件的GIF版本、文件的大小及使用的调色板。双击文件头可修改其内容，在Screen框内，应是最大的一帧图像的尺寸。第二行是循环块(LOOP)，可设定动画的循环次数。第三行是控制块(CONTROL)，控制其后面的一幅图像的显示方式，如显示时间、清除方式等。

单击View可观看此动画文件，也可在浏览器的地址栏中输入

file://c:\gifconstructionset\Who.GIF 来观看其动画效果。如不满意，可修改动画文件的循环块及控制块的内容。

●改变图像的交错方式

要使一图像在显示时由浅到深，或从左向右显示，就需要改变其交错方式。下面是让A1.BMP在从底向上显示的制作过程。

1、启动GIF Construction Set for Windows 1.0M。

2、选择Edit/Transitions，出现Edit Transitions对话框，单击Select，选择文件A1.BMP。

3、在Transitions下拉列表中选择Wipe in from Bottom，并输入其他的一些内容，如Cells(将A1.BMP分多少帧显示)、Delay(每帧显示时间)等。最后点击OK，并选择File/Save保存此动画文件。

在建立动画文件时，最常用的是先选择File/New，然后按Insert，分别插入适当的图像、控制、文本、循环等块，或合并另的动画文件，以达到预期的效果。通过观察系统的实例，您一定会制作出美妙的动画GIF文件，为您的个人主页增添特色的。

不过，在网页中使用动画GIF文件，还应注意以下几点：

1、应尽量减小文件的大小。可通过减少图像使用的颜色数，减少图像的帧数，减小每幅图像的大小等措施来减小动画文件的大小。

2、GIF动画占用了浏览器的状态栏，因而用户无法从这里接收浏览器的返馈信息。

3、GIF动画会重复访问用户的硬盘缓冲区，减少可使用资源。故应尽量不要使用无限循环。

4、不是所有的浏览器都支持动画GIF的所有特性。制作好动画文件后，应在不同的浏览器上检查动画效果。