精华区 [关闭][返回]

当前位置:网易精华区>>讨论区精华>>网络专区>>● 网站建设>>图象制作>>网页动画GIF的制作

主题:网页动画GIF的制作
发信人: williamlong()
整理人: eagle(2000-12-24 10:22:31), 站内信件


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

  动画GIF图形由多种不同的块组成,包括:图像块、文件头块、循环块、纯文
本块、注释块、控制块等。动画GIF的制作非常简单,且无需了解相关编程语言,
无需对Web服务器采取特殊形式的访问。动画GIF合并到网页中的方法和普通图像
一样,即使用IMG符号。动画GIF是由本地计算机驱动的,因而其显示速度要比由
服务器驱动的动画快。本文以在动画制作软件GIF Construction Set for Windo
ws 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的所有特性。制作好动画文件后,应在
不同的浏览器上检查动画效果。

--
                                            
  
  ☆ 蓝色月光 ☆ [email protected]  
  
                                          

※ 来源:.月光软件站 http://www.moon-soft.com.[FROM: bbs.huizhou.gd.]

[关闭][返回]