多媒体应用技术王庆月1110.docx

1、多媒体应用技术王庆月1110第一章 多媒体应用技术（4学时）（周金莲、王庆月）介绍多媒体技术基础，多媒体计算机硬件和软件 、 多媒体计算机系统的组成、 多媒体输入 / 输出设备、 多媒体音频处理 、 多媒体图像和图形处理（理论、常用工具分类、photoshop应用） 、 多媒体动画和视频处理（理论、常用工具简介、Flash基础应用） 、 流媒体技术（基础理论、常用工具简介、工具应用）、 Authorware工具应用、dreamweaver工具应用。实验五：动画制作（Flash应用）（课内2学时，课外4学时：掌握常用工具应用）实验六：媒体文件处理（工具综合应用）（课内2学时，课外4学时：掌握常用

2、工具应用）一、 章节编排要求1、 章节开始部分为学习目标，每一目标要简洁、精练并以；隔开；2、 小节名要简练，每一小节为本章一个知识点，小节内按知识安排划分二级目录；3、 每一章包含基本原理、方法等理论部分，重点要结合专业应用突出基本应用；4、 每一章最后部分要包含小结；5、 每一章课后要包含练习及答案。6、 每一章配套完成课内实验及课外实验指导书。第6章 多媒体应用技术（周金莲 王庆月）学习目标学习要求6.1多媒体概述6.1.1多媒体相关概念6.1.2多媒体制作环境6.1.3多媒体制作过程学习目标：掌握图形、图像的分类和描述参数掌握图形、图像的文件格式了解常见图形图像的编辑软件掌握利用Pho

3、tosho CS3设置图形、图像的特殊效果。重点和难点学习重点：图形、图像的分类和描述参数图形、图像的文件格式Photosho CS3工作环境的设定Photosho CS3工具栏工具的使用Photosho CS3图层的概念和使用Photosho CS3色彩与色调的概念和调整滤镜的概念和使用学习难点：图像的数字化和相关参数Photosho CS3创建复杂选区、编辑复杂选区。Photosho CS3色彩与色调的调整Photosho CS3制作文字特效Photosho CS3制作图层特效。基本知识点（1） 矢量图又被称为向量图。它是一种描述性的图形，一般是以数字方式来定义直线或曲线，如一个圆。矢量图

4、与图像的分辨率无关，可以随意扩大或缩小图像，而图像的质量不会变差。（2） 位图是由许多像素点组成的图像，位图也被称为点阵图，每个点的单位称为“像素”。它的特点是有固定的分辨率，图像细腻平滑，清晰度高。（3） 图像分辨率中是指图像中存储的信息量。这种分辨率有多种衡量方法，典型的是以每英寸的像素数来衡量。图像分辨率和图像尺寸的值一起决定文件的大小及输出质量，该值越大图形文件所占用的磁盘空间就越多。图像分辨率以比例关系影响着文件的大小，即文件大小与其图像分辨率的平方成正比。如果保持图像尺寸不变，将图像分辨率提高一倍，则其文件大小增大为原来的4倍。（4） 扫描分辨率（Scan Resolution）指

5、在扫描一幅图像之前所设定的分辨率，它影响所生成的图像文件的质量和使用性能，它决定图像将以何种方式显示或打印。（5） 显示分辨率（Display Resolution）是指在某一种显示模式下计算机屏幕上最大的显示区域内，以水平或垂直的像素来表示，也即屏幕上显示的点数。（6） 图像的位分辨率（Bit Resolution）又称位深，是用来衡量每个像素存储信息的位数。这种分辨率决定可以标记为多少种色彩等级的可能性。一般常见的有8位、16位、24位或32位色彩。有时我们也将位分辨率称为颜色深度。（7） 设备分辨率（Device Resolution）又称输出分辨率，指的是各种类输出设备每英寸上可以产生

6、的点数，如显示器、喷墨打印机、激光打印机、绘图仪的分辨率。（8） 图层：Photosho的图层处理功能是它的一大特色。Photosho将图像的每一部分置于不同的层中，这些图层放在一起组成一个完整的作品。整个作品中的所有对象，在图层面板中都可一目了然，可以任意对某一图层进行编辑操作，而不会影响到其他的图层。6.2图像处理多媒体的应用在很大程度上依赖于丰富多彩的图形图像。在多媒体作品的制作过程中，图像的编辑和处理是必不可少的，本节将重点介绍图像的基础知识及如何使用Photoshop处理图像。6.2.1图像处理基础1. 图像颜色基础知识人眼能够根据不同波长的光分辨颜色。太阳光所代表的白色光，包含了可

7、见光谱范围内的所有颜色。通常，人们将可见的光分解为从蓝色到红色的一个渐进的彩虹光谱带。（1）颜色的三要素颜色的三要素为色度、饱和度和亮度，任何一种颜色都可用色度、饱和度和亮度这三个物理量来描述。色度：色度亦即色相、色调，汇聚了不同的颜色，可根据光波的长短来区别，其表达方式为由红开始，转向蓝，再到绿，然后返回原来的红色。饱和度：饱和度亦即彩度，是颜色鲜艳程度的指标。党饱和度为零时，只有从白到黑的明亮度差别。亮度：亮度亦即明亮度，是光作用于人眼时所引起的明亮程度的区别，亮度的取值范围为0-256，即白色到黑色。（2）图像的颜色模式颜色模式决定了用于显示和打印图像的颜色模型，它决定如何描述和重现图像

8、的色彩。以下是比较常见的颜色模式。RGB颜色模式：通过对红（R）、绿（L）、蓝（B）三个颜色的变化以及它们之间的叠加来得到各式各样的颜色，是目前运用最广的色彩模式之一。CMYK颜色模式：是针对印刷而设计的一种色彩模式，通过青（C）、品红（M）、黄（Y）、黑（K）四种颜色变化以及它们之间的相互叠加来得到各种颜色。CMYK色不如RGB色丰富饱满，当图像由RGB色转为CMYK色后会有部分损失。灰度颜色模式：是用0-255的不同灰度值来表示图像，0表示黑色，255表示白色，灰度模式可以和彩色模式直接转换。位图颜色模式：是黑白模式，它只能用黑色和白色来表示图像，只有灰度模式可以转换为位图模式，一般的彩色

9、图像需要先转换为灰度模式后才能转换为位图模式。索引颜色模式：使用0-256中颜色来表示图像，当一幅RGB或CMYK颜色模式的图像转化为索引颜色模式时，Photoshop将建立一个256色的色表来存储此图像所用到的颜色值。索引颜色模式的图像占硬盘空间小，图像质量也不高，适合多媒体动画和网页图像制作。Lab颜色模式：通过A、B两个色调参数和一个光强度来控制色彩，A、B两个色调可以通过-128128之间的数值变化来调整色相，其中A色调为由绿色到红色的光谱变化，B色调为蓝色到黄色的光谱变化，光强度可以在0100数值范围内调节。当RGB和CMYK两种模式互换时，都需要先转换为Lab模式，这样才能减少转换

10、过程中的损耗。HSB颜色模式：将色彩分解为色相、饱和度、亮度，其色相沿着0度360度的色环来进行交换，只有在编辑色彩时才可以看到这种颜色模式。2图像的主要参数（1）分辨率分辨率是指每英寸所包含的像素值，用dpi表示。分辨率越高，图像越清晰。分辨率一般分为屏幕分辨率、图像分辨率、输入分辨率和输出分辨率四种。屏幕分辨率：是指显示器的分辨率。计算机在某一种显示模式下屏幕上最大的显示区域内，以水平或垂直的像素来表示，也即屏幕上显示的点数。屏幕能够显示的像素越多，显示设备的分辨率越高，显示的图像质量越好。图像分辨率：是指每个图像所存储的信息量，用像素/英寸（dpi）来度量。图像分辨率和文件参数决定了文件

11、的整体尺寸，图像分辨率越高，图像包含的信息量越大，所需的磁盘空间也就越大。输入分辨率：是指数码相机或扫描仪扫描时的分辨率。扫描仪最佳分辨率在300dpi到350dpi之间，如果图片要放大，则要相应地提高分辨率。输出分辨率：是指打印机打印和照排机输出照片时的分辨率。激光打印机和喷墨打印机的输出分辨率为360720dpi左右。照排机的输出分辨率为24003600dpi左右。（2）像素深度像素深度是指存储每个像素所用的位数。像素深度决定彩色图像的每个像素可能有的颜色值，或者确定灰度图像每个像素可能有的灰度级数。例如，一幅彩色图像的每个像素由R、G、B三个分量表示，若每个分量用8位，那么一个像素共用2

12、4位表示，每个像素可以说是224=16777216种颜色中的一种。像素深度因此也被称为图像深度，表示一个像素的位数越多，它能表达的颜色数目就越多，它的深度就越深。3. 图像的分类在计算机中，表达其生成的图形图像可以有两种常用的方法，一种是位图，另一种是矢量图。位图：位图是由许多像素点组成的图像，位图也被称为点阵图，每个点的单位称为“像素”。它的特点是有固定的分辨率，图像细腻平滑，清晰度高。在Photoshop中处理的图像属于位图。常见的位图文件格式有BMP、JPG、PSD。矢量图：矢量图又被称为向量图。它是一种描述性的图形，一般是以数字方式来定义直线或曲线。矢量图与图像的分辨率无关，可以随意扩

13、大或缩小图像，而图像的质量不会变差。矢量图文件常用的格式有3DS、DXF、WMF等。4. 图像文件格式图像文件格式是图像处理的重要依据，同一幅图像若采用不同的文件格式保存时，图像颜色和层次的还原效果不同，这是由于采用了不同压缩算法的缘故。PSD格式：Photoshop固有的格式，能快速打开和保存图像，不会导致数据丢失，但文件体积大，很少有应用程序支持这种格式。GIF格式：GIF是网页图像最常用的格式。GIF采用LZW压缩，把色彩限定在256色之内。JPEG格式：JPEG是最常用的图像格式，被极大多数图形图像软件所支持它是一个有损压缩格式，文件体积小，广泛应用于网页图像的制作。BMP格式：在Wi

14、ndows上运行的图形图像软件均支持BMP格式，它采用RLE的无损压缩格式，对图像质量不会产生影响。TIFF格式：TIFF是在各种操作系统上都能识别的格式，使用LZW无损压缩。PICT格式：它是跨越Mac与PC平台最广泛的图像打印格式。如果要在PC上用Photoshop打开一幅MAC上的PICT文件，建议在PC上安装QuickTime，否则将不能打开图像。PDF格式：是为电子文件的多种输出目标而制定的格式，允许在屏幕上查看电子文档。6.2.2 图像处理软件Photoshop CS 多媒体技术及应用图像处理软件的主要作用是对构成图像的数字进行计算，处理和进行编码，以此形成新的数字组合的描述，从而

15、改变图像的视觉效果。Photoshop是美国Adobe公司的一个功能强大的图像处理软件，在图像编辑领域处于领先地位，越来越多的艺术家和设计者用它创造出许多优秀的作品。1. Photoshop CS3工作界面Photoshop CS3的工作界面包括了几部分，如：标题栏、菜单栏、属性栏、快捷工具栏、控制面板。标题栏是最顶部分，注明“Photoshop CS3”。菜单栏包括文件、编辑、图像、图层、选择、滤镜、分析、视图、窗口、帮助，如图6-2-2所示。图6-2-2 菜单栏属性栏，该项主要是工具属性设置栏，选择不同的工具，在属性区可以对工具属性进行参数调整，如图6-2-3所示。图6-2-3 属性栏快捷

16、工具栏包括选择工具、画笔、图章、裁切工具、套索工具、切片工具等常用工具，如图6-2-4所示。图6-2-4 快捷工具栏控制面板在Photoshop CS3里有了更大的改变。它们整齐地泊靠在窗口的一侧，不再是浮动的面板。主要由三个控制窗口组成，通过浮动窗口对图片属性进行调整，改变图片的属性，包括图像屏幕参数、导航、颜色、样式、图层、通道、路径等，如图6-2-5所示。图6-2-5 控制面板2. 菜单选项1）文件与众多的应用软件相类似，“文件”菜单包含了“新建”、“打开”、“保存”、“另存为”、“页面设置”以及“退出”等常用命令。使用“另存为”和“保存复本”命令可将文件保存为不同的格式。使用“保存为W

17、eb”命令时可以选择一个Web文件格式，如GIF或JPEG。“导入”命令是可以直接从扫描仪、数码摄像机和视频获取图像信息并输入到Photoshop CS3中；而“导出”命令则以网页图像GIF格式输出。“自动”命令可以运行一组文件或批处理多个Photoshop CS3命令。如果使用“自动”命令可以将GIF或JPEG格式图片转换成Web图像。2）编辑“编辑”菜单命令中有“撤销”、“剪贴”、“复制”、“粘贴”、“自由变换”、“填充”、“描边”、“定义图案”等。“填充”和“描边”命令填充和描边图像或选择区；“自由变换”和“变换”命令可对选择区域进行旋转、弯曲；“定义图案”命令对所选区域设置成为预定的图

18、案或画笔。“颜色设置”命令提供了标准的RGB格式计算机彩色显示器模式，保证图片编辑中稳定的色彩输出。3）图像是Photoshop中最基本的元素，“图像”菜单命令包含了图像属性的基本要素，包括图像模式，基本属性调整、图像大小、画布大小、像素等。在“模式”菜单命令中可以实现图片格式的转换，如可以将RGB文件模式转换成CMYK、Lab或多通道模式。“调整”菜单是对图片色彩平衡、亮度、对比度、高亮度、中间色调和阴影区等属性的调整。 4）图层通过“图层”菜单实现对图层的管理。图层在Photoshop中是一个重要的命令，新建和编辑图层都可以在下拉菜单选项中实现。对图层的编辑除了在菜单里调用命令外，Phot

19、oshop的控制面板中的图层板块也提供了一些快捷命令，如“新建”、“复制图层”、“删除图层”、“图层样式”这些命令。5）选择“选择”菜单包括了一些常用的选取命令，使用Photoshop CS3进行图像编辑时，通过选择命令，选取所需编辑的图像部分进行处理。“取消选择”命令表示取消当前所选择的区域；“重新选择”命令表示在原来（上一次）基础上再次选取；“扩大选取”命令表示扩大选区范围；而“反选”命令是指选择所有未选中的区域。“修改”子菜单命令包括了一些命令，如加边框、平滑、扩展或收缩处理；“羽化”的意思是将选择的区域边缘模糊化；“变换选区”可以方便地通过单击或拖动鼠标来对所选区域进行缩放、旋转等操作

20、。还有“保存选区”和“载入选区”是对选择区域保存或加载历史选区。6）滤镜编辑图片时，Photoshop CS3提供了各种各样的滤镜，滤镜的作用是产生不同特效，它是图片编辑的核心所在，很多图片的特效都是通过这项功能实现的。Photoshop CS3的“滤镜”子菜单包含了模糊、杂色、描边、锐化、扭曲等等，再加上其中子菜单“滤镜”共有70多种不同的滤镜。7）分析“分析”菜单中包括设置测量比例、选择数据点、标尺工具、计数工具等。这些主要用于设计时，进行辅助作用，如用标尺工具测量角度、长度等数值。8）视图“视图”菜单用于改变文档的视图。在“视图”菜单命令中，选择不同的显示模式，可添加网格、图层边缘、参考

21、线等。“视图”菜单还可以暂时地隐藏选区边缘或目标路径。“视图”菜单中还有一些控制命令，如放大/缩小功能、实际像素调整、打印尺寸显示等。它还具备强大的预览功能，可以预览CMYK模式下文档的显示模式；还有通过“色域警告”命令可预览图片超过可打印的色彩范围，并对此提出警告。9）窗口“窗口”菜单用于控制显示各浮动控制面板的辅助工具窗口。10）帮助Photoshop CS3提供了较全面的“帮助”功能，通过“帮助”可以方便用户参考有关信息。3. 常用工具1）选择工具组在Photoshop的应用中，选择工具是对图像某个区域进行选取，然后对选定区域进行编辑处理。“选择工具”在Photoshop编辑操作中是很常

22、用的，如图6-2-5 所示。图6-2-5 选择工具组 在选择工具中，选框工具、套索工具、切片工具具有不同的选择模式，如图6-2-6所示。图6-2-6 选择工具的不同模式（1）选框工具。包括矩形选框、椭圆选框、单行选框、单列选框，是通过鼠标的拖拽进行选择，选定区域后对该区域进行编辑。选定图片区域，在工具设置框中将羽化值设定为10，如图6-2-7所示，反向选择，删除反选区域得到如图6-2-8所示。图6-2-7 羽化属性设置框图6-2-8 羽化处理（2）套索工具。包括套索工具、多边形套索工具、磁性套索工具。套索工具：根据鼠标的移动可以随意选择选框领域。多边形套索工具：利用直线形式选择图片区域，一般有

23、效利用于对多边形图片的选择。磁性套索工具：顺着色调差别比较大的边界线自动移动，选择工具会自动“吸附”犹如磁铁般被选择图片的边界线吸引着移动，从而对图片进行选择。（3）切片工具。切片工具主要用途是将一张大图片分割为多个小图片。随着图片所占的空间越来越大，可以采用切片工具将其分割成小的图片，从而减少文件在网上传输的时间，而且还可以利用微图片MAP，为被切成小片的各块增添链接效果，或利用ImageReady程序，制作翻动按钮。（4）裁剪工具。利用裁剪工具，将不需要的部分剪切，还可以改变图片大小的比例，如图6-2-9所示。在一般的图像编辑过程中，裁切工具经常用到，可以很方便地对图片的任何需要部分进行裁

24、切取用。图6-2-9 图片裁切（5）魔棒工具。魔棒工具的操作方法是：在图片中单击某一点，软件则会自动选择相关的颜色。对一些色调反差比较大、相类似颜色较多的图片，使用魔棒工具是最好的选择。魔棒工具选项栏与其他工具的选项栏类似，但是也具有不同于其他工具的几种特殊功能，如图6-2-10所示。图6-2-10 魔棒工具属性设置项可以输入0255范围内的数值，根据这些数值的设置，可以决定选择区域。数值越大，可以选择的区域越广，如图6-2-11所示。图6-2-11 魔棒工具设置对比 只选择与设置部分相同或者类似的色调市，在未确认操作的时候，可以在图片整体范围内一次选择所有类似的色调，如图6-2-12所示为连

25、续选择对比效果。图6-2-12 连续选择对比效果2）画笔工具组画笔工具组由图章工具、油漆工具、渐变工具、历史记录画笔工具、橡皮擦工具、模糊工具等组成，如图6-2-13所示。图6-2-13 画笔工具组 利用画笔工具可以对图片进行再次创作和修改，在选择画笔工具编辑时，工具栏提供了不同功能的选择项目。（1）修复画笔工具。由四个工具选项组成，主要是用来对图像的瑕疵作修改，如图6-2-14所示。图6-2-14 修复画笔工具（2）画笔工具。由三个工具选项组成，如图6-2-15所示。其功能类似喷枪工具，可以绘制出类似的图形。就像喷枪具有实际喷枪的各种特征，这种画笔工具也具有实际毛笔的各种特征。图6-2-15

26、 画笔工具 在使用画笔之前，选择图像编辑区右上角的“画笔”浮动窗口对画笔进行属性调整，如图6-2-16所示。画笔与喷枪工具一样，同样具有鼠标拖动操作这一优点，从而可以在图片中自由绘制各种图形。如果利用画笔工具在图片中绘制直线，可以在按住Shift键的状态下，拖动鼠标完成直线绘制。图6-2-16 图像画笔设置浮动窗口（3）图章工具。仿制图章工具，顾名思义就是复制和采样点一模一样的图像。使用仿制图章工具的时候先要定义采样点，也就是指定原件的位置；但采样点随着鼠标的移动而变化。定义采样点的方法是按住Alt 键在图像某一点单击。如图6-2-17所示，在圈附近处按住Alt键单击一下采样，然后拖动鼠标，就

27、会看到圈处的荷叶不见了。图6-2-17 图章的使用 采样点的位置并非是一成不变的，它随拖动鼠标而变化；采样点会产生一个十字光标并同时移动，移动的方向和距离与正在绘制的是相同的，也就是说，采样点是为复制的“起始点”而不是复制的“有效范围”，它只是一个点而已。（4）历史画笔工具。它有“历史记录画笔”和“历史记录艺术画笔”组成，如图6-2-18所示。“历史记录画笔”能够对编辑过的图像进行还原，而“历史记录艺术画笔”除了能还原图像之外，还能添加其他风格的绘图形式，可以制作不同效果。图6-2-18 历史画笔工具（5）擦除工具。它包括橡皮擦工具、背景色橡皮擦工具、魔术橡皮擦工具，如图6-2-19所示。图6

28、-2-19 擦除工具橡皮擦工具：与使用画笔一样，只需要选中橡皮擦工具后，按住鼠标左键在图像上拖动即可。当作用于背景图层时，相当于使用背景色的画笔；当作用于背景层时，擦除后变为透明。背景色橡皮擦工具：是一种可以擦除指定颜色的擦除器，该指定的颜色叫做标本色，表示为背景色，其最大特点是有选择性的擦除。魔术橡皮擦工具：魔术橡皮擦工具与魔术棒相似，在编辑的图像区域内，对选择部分用魔术棒擦除工具后，单击想要擦除的颜色，此工具会自动擦除掉颜色相近的区域。（6）填充工具。它由渐变工具和油漆桶工具组成，如图6-2-20所示。图6-2-20 填充工具使用渐变工具可以创造出很多效果。使用时，首先选择好渐变方式和渐变

29、色彩，选择合适的渐变模式，其属性设置如图6-2-21所示。图6-2-21 渐变工具设置属性框如图6-2-21所示，用鼠标在图像上单击起点，拖动后再单击终点，这样一个渐变就做好了，可以用拖拉线段的长度和方向来控制渐变效果，图片处理效果如图6-2-22所示图6-2-21 渐变编辑器图6-2-22 渐变对比效果（7）图像渲染工具。包括模糊工具、锐化工具、涂抹工具，如图6-2-23所示。图6-2-23 图像渲染工具模糊工具：通过笔刷是图像变模糊的工具。它是通过降低像素之间的反差来实现模糊编辑。调整属性设置栏对图片进行编辑操作，其模糊效果如图6-2-24所示。图6-2-24 模糊对比效果锐化工具：与模糊

30、工具相反，它是增大像素间的反差，是图像效果形成凸显。涂抹工具：使用产生的效果好像是用于笔刷在未干的油漆商擦过，也就是说笔触周围的像素将随笔一起运动，如图3-2-25所示。图6-2-25 锐化、涂抹对比效果（8）色调工具。由三部分组成：减淡工具、加深工具、海绵工具。减淡工具和加深工具：用于改变图像的亮度与暗调，和胶片曝光原理相同，经过部分暗化和亮化，来改善曝光效果。海绵工具：可精确地更改区域的色彩饱和度。在灰度模式下，该工具通过将灰阶远离或靠近中间灰色来增加或降低对比度。3）矢量工具组（1）选择工具：包括路径选择工具和直线选择工具，如图6-2-26所示。“路径选择工具”是用来选择一个或多个路径并

31、对其进行移动、组合、排列、分发和变换操作；而“直线选择工具”用来移动路径中的某一节点和线段、调整点和线的方向，在调整接点或线时，对其他的点货线无影响，也不会改变节点的性质。图6-2-26 选择工具（2）钢笔工具：钢笔工具是一种矢量绘图工具，可以精确地绘出直线或光滑的曲线。钢笔工具包括钢笔工具、自由钢笔工具、增加锚点工具、删除锚点工具、转换点工具，如图6-2-27所示。图6-2-27 钢笔工具钢笔工具属性栏如图6-2-28所示。图6-2-28 钢笔工具属性栏自由钢笔工具：按住鼠标在图像上随意拖动，沿光标经过的路线将会自动生成路径和节点。添加锚点工具：使用添加锚点工具与删除锚点工具可在路径上增加和删除节点。添加锚点工具，把光标放在路径上想要增加节点的位置，光标右下方将会出现一个“+”号，然后单击即可。删除锚点工具，把光标放在想要删除的节点上，光标右下方将会出现一个“-”号，然后单击即可，剩下的节点将重组成新的路径。转换点工具：用于转换节点的类型，可以是节点在平滑点和转角点之间相互转换。选择方向线，单击并拖动节点可以拖出不同的节点类型，如图6-2-29所示。图6-2-29 转换节点（3）形状工具：包括矩形工具、圆角矩形工具、椭圆工具、多边形工具、直线工具和自定义形状工具，如图6-2-30所示。图6-2-30 形状工具组选择其中一种形状命令，可绘制