行业热点
动画GIF(可交换图象文件格式)――为你的网页添加活力
2000-11-15 12:12  ???:4546

适当的使用动画技术可以使网页给人留下深刻的印象。如有兴趣请访问www.builder.com/Graphics/Ctips/ss04a.htm网站,那里有很多GIF动画设计技巧,从中会得到一些正确使用GIF动画的指导。


动画GIF的定义
那么什么是动画GIF呢?大家可能已经对静态 GIF相当熟悉了,它是网页上显示图片最流行的文件格式,不需要专门的插件就可以对这些网页进行浏览。动画GIF是GIF格式的一种扩展。它能被目前所有的Web浏览器支持,学术上称为GIF89a。本质上,动画GIF是由许多独立的GIF(帧)一层层重叠而成的。这些独立的GIF图被定时、循环地显示出来。每一个独立的GIF图(帧)都可以按照用户的定义显示一段时间,或者按照计算机的时钟速度不停地转换。用户可以自定义每个帧的循环次数,一次或几次都可。通过这些独立帧之间的快速转换,我们会产生动作的错觉,即动画的感觉。
动画GIF和静态GIF一样有着严重的缺陷:它们只能显示256种颜色。因此当所有帧的颜色都共用这256种颜色时,就会尤其感到不够用。如果使用的颜色超过了256种颜色,那么动画中的颜色会被“省略”,即计算机会把颜色从调色板中删除,用最相近的颜色来取代。由此产生的图象可能会非常难看,因此最好的解决办法是在动画中只使用216种Web安全色。这意味着你将不能使用数字照片来产生动画效果。如果你坚持在图案、文本和插图的动画设计中使用有限的颜色原则,那么一定会获得不错效果的图像。你能更好地控制最后图象质量,而且设计出的动画效果很好。

Macromedia的Fireworks是众多动画GIF设计软件中最棒的一个。所有的网页设计者都离不开它。无论是图象处理的新手,还是经常使用Adobe Illustrator或者 Macromedia 的FreeHand进行设计的设计者都会对Fireworks基于矢量的处理方式感到非常亲切。


Fireworks


通过“葱皮”一词,我们可以很好的理解动画GIF。 “葱皮”是从传统的动画设计中借鉴过来的术语。传统的动画设计思想是先做一个背景,再在“葱皮纸”(半透明纸)上添加各自独立的帧。因为“葱皮纸”是半透明的,所以动画图象很容易与背景相匹配。而动画GIF的设计思想是:一个动画有很多层,把最底层作为背景。Fireworks还提供了“tweening”功能(in-betweening 的缩写),指从起始图象到结尾图象的自动转换过程。

另外,Fireworks以面向对象的方式处理插图,这使它具有强大的动画功能。由于可以快速的对图象中的每一个元素进行选择、移动和修改,所以能够轻松的实现动画效果。虽然Fireworks提供了创建多层组合的功能,但它的面向对象方式使其比别的程序可以更少地使用层。一旦最初的帧被设计出来,它就可以被复制到后来的帧中。由于每一个帧都具有原始帧的所有元素,而且这些元素都是完全可编辑的对象,因此制作动画的步骤变得非常简单。

举一个例子,我们要在屏幕上动态地显示单词“Internet”,一次只显示一个字母。首先,我们建立一个文本框,按照我们希望的字体大小设定文本内容为“I”。接下来,在“Layers”和“Frames”复选框中点击“Frames”选项,在下拉菜单中选中“Duplicate Frame”。最后,在复选框中设定“Number”值为7,再选中“After current frame”选项,并点击“OK”。这样,我们就在图象中添加了7个帧。

每一个新的帧都是第一个帧的复制品。通过在每个帧的文本框中依次添加一个字母,(第一个帧中为“I”,第二个帧中为“In”,依次类推。)我们就可以得到了一个具有8个帧的动画图象,每次在屏幕上只显示单词“Internet” 的一个字母。

帧的设计完成以后,我们就可以从“File”菜单中调出“Export”对话框。从中选择“Animated GIF”输出格式,并指定调色板的生成方式。这时预览窗口将自动更新并反映出我们对图象质量和下栽速度的改变;窗口底部的VCR风格控件允许用户循环显示各个帧,让我们预览最后的动画效果。通过点击“Animation”控件, 我们可以得到帧间延迟(十分之一秒)和循环参数(从无循环到连续的循环)。在设定好这些参数之后,我们点击“Export”,就可以得到一个动画文件,该文件可以立即在浏览器里进行预览。

虽然对这个过程的解说好象有点复杂,但是如果实际动手操作的话,很快就可以完成。更妙的是,Fireworks提供了自动实现这些步骤的工具。在原始帧中的任何元素都可以被定义成“Symbol”,而所有复本中的元素都可以被定义成“Instance”。可能这些术语有点令人感到困惑。打个比方,我们将“Symbol”视作家长,而将“Instance”视作子女。第一个帧就象家长,而随后复制的帧就象子女,而且,对家长的任何更改都会自动的在子女身上出现。另外,对一个子女的修改会通过家长在别的子女身上自动的出现。虽然这个过程有点过于复杂,但是该工具大大地增强了Fireworks的动画功能,而且具有惊人的适时保存功能。

虽然现在网页上还有其它的一些动画标准,其中较著名的有Macromedia的Flash和Apple的QuickTime,但是动画GIF仍然拥有大量的支持者。如果灵活地使用动画GIF,你的网页或广告会让人过目不忘,而且Fireworks工具的使用时非常简单。