实验二图像媒体实验

1、实验二：图像媒体实验一实验目的1.进一步理解图像媒体的基本知识。2. 进一步理解BMP图象格式。3.初步掌握图像媒体的处理技术。二实验仪器及相关软件1.高档计算机2.UltraEdit-32文字/HEX编辑软件 3.PhotoShop图像处理软件三实验预习要求1.阅读本节相关基本知识小节，结合理论课程相关内容理解实验内容及具体要求。2准备实验内容中应用部分的实验素材。四、实验内容及要求1. BMP图象格式分析(验证性实验）具体如下：用UltraEdit-32文字/HEX编辑软件对照主教材【例3.3.1】分析主教材配书光盘中n3目录下3-3-1.bmp图像文件。2.阴影字的制作(示范性实验）具体

2、如下：请用PhotoShop图像处理软件制作“多媒体技术与网页设计”的阴影字，要求美观。3. 金属文字的制作(示范性实验）具体如下：请用PhotoShop图像处理软件制作“多媒体技术与网页设计”的金属文字，要求美观。4. Gif动画的制作(示范性实验）具体如下：请用PhotoShop图像处理软件制作“多媒体技术与网页设计”的Gif动画，要求美观。5. Gif动画设计(自主性实验）具体如下：提前准备部分素材，用PhotoShop图像处理软件制作成Gif动画，供网页作品中使用。五、相关基础知识1BMP图象格式分析可通过下面的实例来理解【例2.1】以下为主教材光盘中n3目录下3-3-1.bmp文件的

3、完整内容，效果如图2-1所示，请分析该图像颜色数，图像宽度、图像高度等？00000000h: 42 4D C6 00 00 00 00 00 00 00 76 00 00 00 28 00 图2-1 【例2.1】的图100000010h: 00 00 10 00 00 00 0A 00 00 00 01 00 04 00 00 00 00000020h: 00 00 50 00 00 00 C4 0E 00 00 C4 0E 00 00 00 0000000030h: 00 00 00 00 00 00 00 00 00 00 00 00 80 00 00 80 00000040h: 00 0

4、0 00 80 80 00 80 00 00 00 80 00 80 00 80 80 00000050h: 00 00 80 80 80 00 C0 C0 C0 00 00 00 FF 00 00 FF00000060h: 00 00 00 FF FF 00 FF 00 FF 00 FF 00 FF 00 FF FF00000070h: 00 00 FF FF FF 00 88 88 88 44 44 88 88 88 88 8800000080h: 88 4F F4 88 88 88 88 88 89 49 94 98 88 88 88 99 00000090h: 9F 46 64 F9

5、99 88 89 FF FF 46 64 FF FF 98 89 FF 000000a0h: FF 46 64 FF FF 98 88 99 9F 46 64 F9 99 88 88 88 000000b0h: 89 49 94 98 88 88 88 88 88 4F F4 88 88 88 88 88 000000c0h: 88 44 44 88 88 88 解： （1）42 4D用ASC码表示为“BM”，表示该文件为Windows位图文件。C6 00 00 00为该位图文件实际数据长度，用十进制表示为198，为该文件实际长度；其后的四个字节00 00 00 00为保留字节，76 00 0

6、0 00为该位图文件图像数据的偏移地址，表示实际图像数据从地址：00000076h开始，即加粗、阴影处的88为起始图像数据。（2）28 00 00 00为该位图文件信息头大小，用十进制表示为40，它表示包含其自身以后的40字节为该位图文件信息头。（3）对照BITMAPINFOHEADER定义结构，该位图文件为16×10×16图像，即图像宽度为16（1215h：10 00 00 00四字节）、高度为10（1619h：0A 00 00 00）、颜色数为16（biBitCount，1C1Dh：04 00，每个像素占图2-2 【例2.1】的图24个二进制位，所以颜色数为16）。（4

7、）对256色以下图像，采用调色板位置码法组织编排像素，下面简要分析该图像的调色板BITMAPINFOHEADER结构的biClrUsed数据为00 00 00 00，调色板中的颜色信息与biBitCount一致，存储了16种颜色的原始RGB信息。黑体加粗处的00 00 00 00为0号颜色的RGB信息，C0 C0 C0 00为8号颜色（浅灰色）。分析0076h后面的图像数据，8号颜色被大量使用，对应图片中的背景颜色。若将调色板中的8号颜色C0 C0 C0 00修改为00 00 00 00（黑色），则图片背景由浅灰色变成了黑色，具体如图2-2所示。2图像处理大师Photoshop CS2简介 1

8、）界面及其新特性层、通道、路径面板工具面板标题栏菜单栏历史动作面板打开的图像颜色风格面板缩放信息面板属性栏图2-3 Photoshop启动界面从Photoshop 8开始，Adobe把Photoshop整合到Adobe Creative Suite内，并称其为Photoshop CS。Adobe Photoshop CS2即Photoshop 9，是对数字图形编辑和创作专业工业标准的一次重要更新，启动界面如图2-3所示。2)图像处理的一些基本知识了解Photoshop CS2（下面简称Photoshop）界面是运用Photoshop进行图像处理与设计的基础，除此以外，尚需了解图像处理与设计的一

9、些基本知识。限于篇幅，此处仅介绍笔者认为最重要的一些基础知识。l 色彩理论与色彩模式Photoshop提供了图像色彩调节功能，包括色调、饱和度、亮度、色阶和对比度五个方面。色调、饱和度、亮度、对比度在前面已作过介绍，色阶是指各种图像色彩模式下图形原色的明暗度。Photoshop提供了8种色彩模式：位图模式、灰度模式、双色套印模式、RGB模式、CMYK模式、多通道模式、索引模式和Lab模式。位图模式是指二色图像模式，灰度模式是指256色灰度图像模式。正确设置图像的色彩模式是进行图像处理的第一步。通常的做法是先选择“图像”-“模式”设置为RGB模式，图像处理完成后选择“文件”-“存储为web所用格

10、式”使目标文件所占空间更小。不同的色彩模式下，图像可应用的处理方法可能不同。如一幅只具有13种索引颜色的图像，要对其中的某一区域实现从红色到蓝色的渐变是不可能的。l 图层在Photoshop中，对不同的图像元素，对应不同的层，因此，要选择图像元素首先应选择图像单元所对应的层，然后才可进行其它操作。分层处理是Photoshop进行图像处理的基础，也是图像处理的工业级的标准。图层允许您在不影响图像中其他图像元素的情况下处理某一图像元素。可以将图层想象成是一张张叠起来的醋酸纸。您可以透过图层的透明区域看到下面的图层。通过更改图层的顺序和属性，可以改变图像的合成。另外，调整图层、填充图层和图层样式这样

11、的特殊功能可用于创建复杂效果。在Photoshop中，可通过图层面板快速选择层（可通过窗口的显示图层菜单项打开图层面板）。在图层面板中选中图层，单击图层面板右上角的黑色三角形可打开图层菜单。l 蒙板（MASK）蒙板的作用就是把图像分成两个区域：一个是可以编辑的区域；另一个是“被保护的区域”。l 通道所谓通道，就是Photoshop图像中的一个基本颜色的原始记录。对不同的色彩模式，Photoshop图像具有不同的基本颜色。对RGB模式，其基本颜色为R（红色）、G（绿色）、B（蓝色），这三种颜色构成三个通道，而这三个通道又合成一个RGB主通道。对CMYK模式，其基本颜色为C（Cyan，青色）、M（

12、Magenta，洋红色）、Y（Yellow，黄色），K（Black，黑色），这四种颜色构成四个通道，而这四个通道又合成一个CMYK主通道。在图层面板中选中通道，单击图层面板右上角的黑色三角形可打开通道菜单。矩形选择工具（单击右键可改变）移动工具橡皮檫工具（单击右键可改变）修补工具屏幕模式切换按钮快速蒙板编辑模式按钮设置背景色缩放工具吸管工具（单击右键可改变）画矩形工具（单击右键可改变）文字输入工具淡化工具（单击右键可改变）渐变工具（单击右键可改变）画笔工具（单击右键可改变）铅笔工具（单击右键可改变）切片工具（单击右键可改变）裁剪工具ImageReady切换按钮标准屏幕模式按钮标准编辑模式按钮设

13、置前景色抓手工具文本注解工具（单击右键可改变）钢笔工具（单击右键可改变）路径组件选择工具（单击右键可改变）模糊工具（单击右键可改变）套索工具（单击右键可改变套索方式）图章工具（单击右键可改变）魔术棒工具图2-4 Photoshop工具箱l 路径路径是Photoshop中非常有用的工具，利用路径功能，可以绘制线条或曲线，并对绘制的线条或曲线进行填充或描边。从而实现许多无法用绘图工具完成的功能。事实上，路径是一组由多个锚点组成的矢量线条，因此，它不包含任何图像像素的资料。其主要功能有以下两点：（1） 绘制精确选取曲线，已达到特殊图像的选取（2） 通过路径存储选取区域并实现相互转换在图层面板中选中路

14、径，单击图层面板右上角的黑色三角形可打开路径菜单。利用路径菜单，结合钢笔工具可创建路径。利用其它工具可实现许多无法用绘图工具完成的功能。l 滤镜滤镜是Photoshop中功能最丰富、效果最佳的工具之一，可帮助用户完成锐化、模糊、扭曲等操作，从而产生令人意想不到的绝佳效果。Photoshop提供了近百种内置的滤镜，还可以外挂滤镜，从而实现各种各样的图像效果。3)工具箱简介Photoshop工具箱及其解释如图2-4所示，读者应注意如果该工具图标右下角有一小三角形，表示该工具图标为工具组，单击右键可改变该工具。如对画矩形工具单击右键并选择直线便改变为画直线工具。图2-5【阴影字】的制作图14）制作与

15、应用l 【阴影字】的制作【阴影字】是最基本的字型效果，制作相对简单，也很实用。下面以制作“多媒体技术与网页设计”的阴影字为例介绍其具体实现。启动Photoshop，选择文件菜单下的新建菜单项新建一个大小适中的Photoshop图像并设置图像前景色为【黑色】，背景颜色设成【白色】；按下文字工具，在属性栏选择字型，字体、大小 (Size)，及排列方式等，在图像区单击鼠标，直接输入文字“多媒体技术与网页设计”，参考效果如图2-5所示。选择图层菜单下的向下合并菜单项，将两个层合并成一个层。按下矩形圈选工具，把文字“多媒体技术与网页设计”的图像区选定，然后选择滤镜菜单下的高斯图2-6 【阴影字】的制作图

16、2模糊菜单项，然后将 Radius (模糊半径)设定成 2，按下 确认之后，参考效果如图2-6所示。设置图像前景色为自己喜欢的颜色，按下文字工具，在属性栏选择字型，字体、大小 (Size)，及排列方式保持不变，在图像区单击鼠标，直接输入文字“多媒体技术与网页设计”，适当调整位置，参考效果如图2-7所示。这便是Photoshop的阴影字效果。 图2-7 【阴影字】的制作图3l 【金属文字】的制作前面所做的阴影字，可以延伸出许多种变化，在前面阴影字的基础上继续制作【金属文字】。图2-8 【金属文字】的制作图1选择图层菜单下的添加图层蒙板子菜单下的显示全部菜单项，依自己爱好设置前景色与背景色。现在，用矩形工具把文字的上半部圈选起来，选取渐层工具，在图像选择区将滑鼠由下往上拉放，参考效果如图2-8所示。图2-9 【金属文字】的制作图2再用矩形工具把文字的下半部圈选起来，选取渐层工具，在图像选择区将滑鼠由下往上拉放，参考效果如图2-9所示。图2-10 利用图层样式制作阴影字为方便用户设计出专业水平的图像，Photoshop提供了各种各样的效果（如阴影、发光、斜面、叠加和描边），这些效果使您能够快速更改图层内容的外观。图层效果与图层内容链接，当您移动或编辑图层内容时，图层内容相应修改。例如，如果对文本图