Software 版 (精华区)

发信人: checcy (老巴夺), 信区: Software
标  题: 网页动画GIF的制作 
发信站: 哈工大紫丁香 (Sat Apr  4 15:54:53 1998), 转信

网页动画GIF的制作 

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

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

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

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

　　1、启动画笔或其他画图工具，分别制作出三幅图像A
1.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/Nex
t,然后选择每幅图像的显示时间，如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 Bot
tom，并输入其他的一些内容，如Cells(将A1.BMP分多少
帧显示)、Delay(每帧显示时间)等。最后点击OK，并选择F
ile/Save保存此动画文件。

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

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

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

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

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

　　4、不是所有的浏览器都支持动画GIF的所有特性。制
作好动画文件后，应在不同的浏览器上检查动画效果。 -- 
*********************************
Chengyan Che - Software Freelancer
Harbin, P.R.China
mailto: checcy@public.hr.hl.cn
ICQ: 5116726

--
☆ 来源:．哈工大紫丁香 bbs.hit.edu.cn．[FROM: checcy@public.hr.hl.]