计算机教程 第17章动画.pdfVIP

下载 第17章 动 画 很少有不使用图像的网页，而在使用图像的网页中，同样很少有不使用动画的图像。在 网页中，要实现图像的动画效果，可以采用多种方法，例如，可以使用 J a v a 、D H T M L或F l a s h 等，但是最简单、最有效、兼容性也最好的方法是使用动画 G I F 图像。 这一章，我们介绍如何利用F i r e w o r k s构建动画。 17.1 概述 您一定看过电影，当然也了解电影的原理。电影实际上是由无数的静态画面构成的，每 个画面被称作一帧。在将这些静态图像连续不断地显示时，由于人眼存在视觉暂留效应，同 时因为每两帧图像之间具有微小差异，因此就产生了画面活动的感觉。大多数情况下， 1秒钟 的电影画面中包含了2 4 帧静态图像，这足以给人以连续的无跳跃的活动感受。 同样，动画的原理与之类似，它也是由多个帧构成。只是对于动画来说，对连续性的要 求要远远差于电影，毕竟动画用于表现的内容不会像电影那么细腻。根据需要的不同，可以 在动画中设置不同的帧数，例如，可以将 1秒钟显示的图帧设置为只有十几帧甚至几帧，如果 1秒中只包含两帧，则给人以闪烁的感觉。 在计算机世界中，动画的应用远远超出了电影的范畴，利用动画可以给您的网站带来无 限生机。如果您经常上网，就会看到，几乎所有的广告都采用了动画图像的方式，为的是吸 引您的注意。而很多非常具有创意的小元素，例如版主的签名或公司的徽标，也经常被设置 为动画，以充分体现网站的个性。 在F i r e w o r k s 中，利用其强大的图像处理能力，您可以构建多种复杂的动画，例如，通过 连续帧的内容，您可以使一个对象呈现出横越画布、逐渐变大或变小、旋转、改变颜色、淡 入淡出、改变形状等效果。合理运用这些技巧，您就可以构建成一个非常复杂的动画，它可 以是讲述一个完整故事的，也可以是用来描述一个实际运动着的物体的，如卡通人物、动物 或是汽车等。另外，如果一幅图像中只有一小部分是活动的，还可以利用切片技术，将那一 小部分的图像制作成切片动画，这样可以极大减小图像文件的大小，加快下载速度。 通过将动画和轮替行为结合起来，也可以获得一些特殊的效果，例如，将鼠标移动到某 个图像上时，动画开始播放，而将鼠标移离该图像时，动画停止播放。利用这些技术，无疑 可以使您的网站极为出色。 限于篇幅，本章只介绍最基本的动画制作技术，关于切片动画或轮替动画，相信读者在 了解了各种相关操作技术之后，一定会自己领悟。 17.2 规划动画 在绘制动画之前，对动画进行合理的规划是非常有必要的，您必须了解希望在动画中表 达什么，也必须了解到底需要使用什么样的技术和参数，才能实现这种需求。 3 2 6 F i reworks 3 网页图像设计 下载 17.2.1 明确动画内容 首先，您必须明确动画用于表现什么内容，然后确定动画图像中需要出现的对象和其他 元素。例如，如果您只希望设置一个逐渐从小变大的“欢迎”字样，则可以肯定，图像中只 需要一个文本对象。然而，如果您希望描述一个较为复杂的场景，则必须考虑所有在图像中 可能出现的动态元素和静态元素。 例如，假设我们希望描述一个红日从山上逐渐生起的场景。在这里，红日是动态的，它 可以用一个圆形对象来表示，其位置随着时间不同而变化；而高山是静态的，它始终保持在 相应的位置上，如图 1 7 - 1所示。有时候还可能希望为图像添加其他的卓有趣味的小细节，例 如一只横飞的小鸟，则还必须考虑小鸟这个对象本身的动作。 图17-1 日出场景 一些对象可能需要您自己绘制，而另一些对象则可以采用导入的方式从其他地方获得。 合理利用符号和实例的技术，通过构建插帧，可以在很大程度上减小工作量，提高工作效率。 17.2.2 规划帧 了解了需要描述的内容之后，我们需要确定在动画中到底使用多少帧。如果需要描述比 较细腻流畅的动画，就需要较多的帧并且需要将两帧之间的图像差异减小到足够小。如果对 动画的流畅并不过分在意，则可以减小图帧的数量，或是加大两帧图像之间的差异。 帧的数目越多，图像就越大；如果帧的数目越少，图像也会比较小，因此，应该在确保 合理描述动画内容的前