第二十章 Web图像与动画设计.pptVIP

第20章 Web图像与动画设计 图20.24 设置第4帧的效果 图20.25 设置第5帧的效果 图20.26 设置帧延迟值 图20.27 【图层】面板 图20.28 【动画】面板 图20.29 【过渡】对话框 图20.30 拟合后的【动画】面板 图20.31 预览动画 图20.32 在Internet Explorer中预览动画 图20.33 选择GIF格式时的【优化】面板 20.5 优化和输出图像 网页在网络上传输时，较大的图片将使网页下载时间过长，这就产生了一个问题，如何在不影响图像品质的情况下将图像进行最大程度压缩，成为最优化图像，提高网页浏览速度。 在ImageReady中最优化图像的操作，可在图像窗口中完成，但在最优化图像时必须配合使用【优化】和【颜色表】面板。在讲解最优化图像之前，先了解一下【优化】和【颜色表】面板的基本功能。 2. 【颜色表】面板 1. 【优化】面板 在【优化】面板中，可以设置图像文件格式、色彩显示方式、颜色混合方式、颜色数量、是否保持透明、透明区域以哪一种颜色取代和下载时显示方式等参数。在该面板中，可以选择5种文件格式，JPEG、GIF、PNG-8、PNG-24和WBMP，选择任何一种文件格式，在面板中将显示不同的参数选项，图20.33、图20.34、图20.35、图20.36和图20.37所示是分别选择GIF、JPEG、PNG-8、PNG-24和WBMP格式时的【优化】面板。其中选择GIF格式与选择PNG格式时的面板设置基本相同。下面主要介绍常用的GIF格式和JPEG格式的【优化】面板。 1. 【优化】面板 GIF格式的【优化】面板如图20.33所示，各个选项含义如下： JPEG格式的【优化】面板如图20.34所示，各项含义如下： ● A：【格式】下拉列表框 。在这个下拉列表框中可以选择优化图像的 格式。 ● B：【深度减低】下拉列表框。通过这个下拉列表框可以选择哪些颜 色作为GIF中的颜色，有9个颜色方案选项，如果选择【自定】选项， 可以在【颜色表】面板中设置颜色。 ● C：【方法】下拉列表框。在包含连续色调(尤其是颜色渐变)的图像 中 ，设置仿色可以防止出现颜色过渡不均匀的现象。选项中后面的3 种模式是仿色算法的不同运算方式。当选择【扩散】选项时还可以在 右侧的【仿色】中设置扩散程度。当图像中存在Alpha通道的时候 ， 还可以按下【仿色】后面的按钮，设置Alpha通道的扩散程度。 ● D：选中【透明区域】复选框后，可以在【透明度仿色】下拉列表框 中选取对部分透明的像素应用仿色的方法。选择【无透明度仿色】选 项即不对图像中部分透明的像素应用仿色。【扩散透明度仿色】选项 表示应用与【图案透明度仿色】选项相比不太明显的随机图案，仿色 效果在相邻像素间扩散。选择该选项后可以在下方的【仿色】中设置 应用于图像的仿色量。【图案透明度仿色】选项表示对部分透明的像 素应用方块图案。【杂色透明度仿色】选项表示应用与【扩散透明度 仿色】选项相似的随机图案，但不在相邻像素间扩散图案。 ● E：【交错】复选框。选中该选项后，在整个图像文件的下载过程中 ，可以在浏览器中以低分辨率显示图像。 ● F：【使用统一的颜色表】复选框。选中该选项可对所有翻转状态使 用同一颜色表。 ● G：单击该箭头图标可以将当前面板中的参数设置创建成一个可执行 文件.exe，以便应用到一个图像或批处理的图像中。 ● H：【颜色】下拉列表框。可以设置GIF格式的颜色数，范围是2～ 256。 ● I：【Web 对齐】菜单。指定将颜色转换为最接近的 Web 调板颜色 的容差级别，值越大，转换的颜色越多。 ● J：【杂边】菜单。若要使完全透明的像素透明并将部分透明的像素 与一种颜色相混合，选中【透明区域】复选框，并在该菜单中选择一 种杂边颜色；若要使透明度大于 50% 的所有像素完全透明并使透明 度小于或等于 50% 的所有像素完全不透明，选中【透明区域】，并 从【杂边】菜单中选取【无】；若要用选中的颜色填充完全透明的像 素并将部分透明的像素与同一种颜色相混合，可在该菜单中选择一种 杂边颜色，并取消选择【透明区域】复选框。 ● K：【损耗】文本框。用于设置GIF格式的压缩比，这里的压缩是有损 压缩，即参数值越大图像的文件尺寸就越小，但图像的质量就越差。 如果优化的图像包含Alpha通道，可按下【损失】参数后面的 按钮 打开【修改损耗设置】对话框设置Alpha通道的压缩比，如图20.38所 示，在对话框中可以在【通道】下拉菜单中选择通