处理位图的基本知识

处理位图简介

使用数字图像时,您可能会遇到两种主要的图形类型:位图和矢量。位图图形也称为光栅图形,由排列为矩形网格形式的小方块(像素)组成。矢量图形由以数学方式生成的几何形状(如直线、曲线和多边形)组成。

位图图像用图像的宽度和高度来定义,以像素为量度单位,每个像素包含的位数表示像素包含的颜色数。在使用 RGB 颜色模型的位图图像中,像素由三个字节组成:红、绿和蓝。每个字节包含一个 0 至 255 之间的值。将字节与像素合并时,它们可以产生与艺术混合绘画颜色相似的颜色。例如,一个包含红色字节值 255、绿色字节值 102 和蓝色字节值 0 的像素可以形成明快的橙色。

位图图像的品质由图像分辨率和颜色深度位值共同确定。分辨率 与图像中包含的像素数有关。像素数越大,分辨率越高,图像也就越精确。颜色深度 与像素可包含的信息量有关。例如,颜色深度值为每像素 16 位的图像无法显示颜色深度为 48 位的图像所具有颜色数。因此,48 位图像与 16 位图像相比,其阴影具有更高的平滑度。

由于位图图形跟分辨率有关,因此不能很好地进行缩放。当放大位图图像时,这一特性显得尤为突出。通常,放大位图有损其细节和品质。

位图文件格式

位图图像可分为几种常见的文件格式。这些格式使用不同类型的压缩算法减小文件大小,并基于图像的最终用途优化图像品质。Adobe Flash Player 支持的位图图像格式有 GIF、JPG 和 PNG。

GIF

图形交换格式 (GIF) 最初由 CompuServe 于 1987 年开发,作为一种传送 256 色(8 位颜色)图像的方式。此格式提供较小的文件大小,是基于 Web 的图像的理想格式。受此格式的调色板所限,GIF 图像通常不适用于照片,照片通常需要高度的阴影和颜色渐变。GIF 图像允许产生一位透明度,允许将颜色映射为清晰(或透明)。这可以使网页的背景颜色通过已映射透明度的图像显示出来。

JPEG

由联合图像专家组 (JPEG) 开发,JPEG(通常写成 JPG)图像格式使用有损压缩算法允许 24 位颜色深度具有很小的文件大小。有损压缩意味着每次保存图像,都会损失图像品质和数据,但会生成更小的文件大小。由于 JPEG 能够显示数百万计的颜色,因此它是照片的理想格式。控制应用于图像的压缩程度的功能使您能够控制图像品质和文件大小。

PNG

可移植网络图形 (PNG) 格式是作为受专利保护的 GIF 文件格式的开放源替代格式而开发的。PNG 最多支持 64 位颜色深度,允许使用最多 1600 万种颜色。由于 PNG 是一种比较新的格式,因此一些旧版本浏览器不支持 PNG 文件。与 JPG 不同,PNG 使用无损压缩,这意味着保存图像时不会丢失图像数据。PNG 文件还支持 Alpha 透明度,允许使用最多 256 级透明度。

透明位图和不透明位图

使用 GIF 或 PNG 格式的位图图像可以对每个像素添加一个额外字节(Alpha 通道)。此额外像素字节表示像素的透明度值。

GIF 图像允许使用一位透明度,这意味着您可以在 256 色调色板中指定一种透明的颜色。而 PNG 图像最多可以有 256 级透明度。当需要将图像或文本混合到背景中时,此功能特别有用。

ActionScript 3.0 在 BitmapData 类中复制了此额外透明度像素字节。与 PNG 透明度模型类似,BitmapDataChannel.ALPHA 常量最多提供 256 级透明度。

处理位图的常见任务

以下列表介绍了在 ActionScript 中处理位图图像时您要执行的几项任务:

重要概念和术语

以下列表包含将在本章中遇到的重要术语:

完成本章中的示例

学习本章的过程中,您可能想要测试示例代码。由于本章涉及创建和操作可视内容,因此测试代码包括运行代码以及在创建的 SWF 中查看结果。

要测试本章中的代码示例,请执行以下操作:

  1. 创建一个空的 Flash 文档。
  2. 在时间轴上选择一个关键帧。
  3. 打开“动作”面板,将代码复制到“脚本”窗格中。
  4. 使用“控制”>“测试影片”运行程序。

    您将在所创建的 SWF 文件中看到代码的结果。

几乎所有示例代码都包括用于创建位图图像的代码,因此您可以直接测试代码,而无需提供任何位图内容。或者,如果您希望在自己的图像上测试代码,则可以将该图像导入 Adobe Flash CS3 Professional,或将外部图像加载到测试 SWF 并将其位图数据与示例代码一起使用。有关加载外部图像的说明,请参阅动态加载显示内容


Flash CS3

 

评论添加到页面后给我发送电子邮件 | 评论报告

当前页: http://livedocs.adobe.com/flash/9.0_cn/main/00000242.html