优化您的动画图象
优化您的动画图象
· 无边·CPCW
作网页GIF动画时,我们不能无视动画的大小而一昧只追求动画的多变化、多动作、多色彩,因为带宽毕竟是任何一位网页制作者所不能不加以考虑的主要问题。在网页上我们不赞成放太多太大的图形文件,如果为了一张图而不惜牺牲整个网页的浏览速度的做法就更不可取。那么,如何才能做到在尽可能小的动画文件中获得尽可能多的信息,在尽可能小的动画文件里获得尽可能好的动画效果呢?在这里我想跟大家谈下自己的几点经验,希望对大家能有所启示吧。
一、善用圆圈、方框、线条与文本
一个成功的,能吸引人的动画,并不一定是由眩目多彩的图象组成,如果我们能善用圆圈、线条与文本,再配合对象编辑模式下特有的变形、斜切、扭曲、旋转、缩放工具以及通过Fireworks快捷方便的透明度、特效、滤镜等方面的处理设定,很简单的点线面结合也能给予人们很好的动态效果,见左图。由于整个动画都是由圆、线、点、字这些较为简单的图形元素组成,而且它们都以单一颜色存在,整个动画包含的色彩不多,因此该动画虽然有二十一帧之多,但是总的文件大小也只有几K。通过这个例子我们不难看出:如果我们想创作多动作、多变化的动画的同时又不希望动画文件太大,这时适当地应用好圆、线、点这些简单的符号是你最好的选择。
二、共享背影层
在Fireworks中,图层共享是图层与帧之间一个非常有用的纽带,如果共享一个图层,该图层的内容将会同时出现在每个帧里,对共享图层的任何修改,也会在每一个帧中体现出来。如果对于一个只有几帧的动画来说图层共享的作用也许不太明显,但是如果我们要对一个包含十几、二十帧的动画作背景处理的话,图层共享所带给我们的方便是可想而知的。图层共享还有另一好处,如果我们要做这样一个动画:动画的帧与帧之间只发生局部的改变,见左上图。这时最好的方法就是使用共享层,并将动画里每一帧与背景相同的内容去掉,只保留改变的部分,这比起使用《如何使用Fireworks制作动画(一)》中介绍的传统方法来做相同的动画,文件的大小将会小很多。如果动画中每一帧变化的区域只占整个动画的很小一部分,这时我们就能更加明显地看到由此带来的好处。大家可以将左图挎贝到本机上用Fireworks打开来看看。
三、图象优化
网络带宽的限制,使得图形的优化和压缩成了网页图形制作者在制作图形时所必须经过的一道工作程序。我们知道:在不能改变图片尺寸、减少动画帧数和不影响图片效果的前提下,最大可能地减少色彩的应用,是我们一般压缩图片的常用方法。Fireworks3.0继承了Fireworks2.0导出预览和转存精灵的所有图片优化工具。
搜索更多相关主题的帖子:
图象 动画