网页制作教程第11章.ppt

第11章Fireworks的动画制作与优化输出,11.1 简单动画制作,1、动画概述,2、帧面板,在Fireworks中制作动画，主要是通过Symbol和帧（Frames）面板来完成。,帧（Frames）面板用于制作、编辑Fireworks文档中的动画。,3、简单动画应用,在Fireworks中除了可以完成网页图像制作外，还可以制作生动有趣的GIF动画。,11.2 遮罩的应用,1、遮罩概述,当2个或者2个以上的对象叠加在一起时，使用遮罩（Mask）功能，可以使下层的对象（被遮罩对象）部分区域被上层的对象（遮罩对象）遮挡，从而形成遮罩效果，位图图像之间，矢量图形之间，以及位图图像与矢量图形之间都可以制作遮罩效果。遮罩可以分为位图遮罩与矢量遮罩。,遮罩效果,11.3 图像的优化,1、优化概述,绘制、编辑完成文档后，接下来的操作是对文档进行优化，在最大程度地保证图象质量的基础上，通过压缩图像与减少图像颜色等方法来缩小图像体积，以达到输出的网页图像在具有良好浏览效果的同时，也能够快速地被下载。计算机是以二进制的方式处理包括图像颜色在内的数据的，1位可以表示2种颜色，24位能够表示出人类视觉所能辨别的1600万种颜色，虽然计算机显示器都支持8位即256种颜色，但当Windows和Macintosh两种系统运行于256色时，只有216中颜色为Netscape Navigator和Microsoft Internet Explorer等主流浏览器所共有，这些颜色称为Web安全色（Web-safe）。,2、GIF与PNG格式图像的优化设置,GIF格式的优化面板选项,3、JPEG格式图像的优化设置,JPEG格式的优化面板选项,11.4 图像的输出,输出是制作网页图形的最后一个步骤，由于目前Web中通行的图形格式主要是GIF与JPEG，因此，输出操作主要是生成应用于Web的GIF与JPEG格式的网页图形。此外，Fireworks的输出操作也可以生成矢量图形，可以在Macromedia Freehand、Macromedia Flash、Adobe Illustrator等矢量编辑程序中使用，还可以生成其它文件格式如TIFF、BMP等，但这些图形格式不能在Web中使用。输出操作可以在图像优化完成后，选择File|Export进行输出；也可以选择File|Export Preview（输出预览）命令，在输出图像操作的同时进行优化操作，在Export Preview窗口进行优化选项的设置（不包括Selective JPEG Compression），预览并进行输出；第三种方法是选择File|Export Wizard命令，根据一步步的提示完成输出操作。,输出对话框,本章小结和重点回顾,介绍Animated GIF（GIF动画）制作技术，使用该技术在网页上能创造出动画片的效果。遮罩（Mask）技术的概念是当2个以上（含2个）的对象叠加在一起时，可以使下层的对象（被遮罩对象）部分区域被上层的对象（遮罩对象）遮挡，从而形成遮罩效果，位图图像之间，矢量图形之间，以及位图图像与矢量图形之间都可以制作遮罩效果。图像优化技术能帮助：在达到输出的网页图像在获得良好浏览效果的同时，也能够加快浏览速度，即网页被快速下载；文中介绍了实现图像优化技术的方法。本章最后介绍了两个具体的应用实例。在动画制作技术中，可以使用位图制作动画，也可以使用符号制作动画。但是都是应用了帧（Frame）的变换，产生了动感。，以及几种常见图形格式的特点。在尽可能保证图象观看质量的前提下，通过压缩图像与减少图像颜色等方法来缩小图像文件的体积。,