多媒体实验指导.doc

第七章 多媒体应用多媒体概念的应用和普及，赋予了计算机更加旺盛的生命力，改善了人们的生活方式，提高了人们的生活品质。所谓多媒体信息，是指集数据、文字、图形与图像于一体的综合媒体信息。多媒体技术则是将计算机技术与通信传播技术融为一体，综合处理、传送和存储多媒体信息的数字技术，它提供了良好的人机交互功能和可编程环境，极大地拓展了计算机应用领域，改变着人们工作、学习、生活的方式，并对大众传播媒体产生了巨大的影响。多媒体技术的出现，使计算机在丰富自己的同时，也丰富了这个世界。计算机已不再单纯是替人们工作的一个冷冰冰的机器。人们可以一边听心爱的CD音乐，一边以手写板来制作一封中文信函，并加上美丽的插图，再经过Internet传送给远方的亲友；或是工作疲惫时拿出一套VCD欣赏；或是跟工作伙伴开一个视频会议，同对方探讨重要的生意决定，再将业务报告制成有声有画的多媒体商业简报等等。多媒体让人们真正领略了计算机的魅力。本章通过介绍PhotoShop和Flash工具学习多媒体的制作，从而对多媒体的概念和使用有初步的了解。学习指导一、图像处理软件PhotoShop简介Photoshop是Adobe公司出品的一款功能强大的平面图像处理软件，在几乎所有的广告、出版、软件公司，它都成为了首选工具。Photoshop的主要功能是对图形、图像文件进行编辑处理、加工、修改和设计制作。Photoshop支持几乎所有的图像格式和色彩模式，能够同时进行多图层的处理；它的绘画功能和选择功能让编辑图像变得十分方便；它的图层样式功能和滤镜功能给图像带来无穷无尽的奇特效果。本书使用的是Photoshop CS3。1. Photoshop的工作窗口Photoshop的工作界面与Windows的其它应用程序窗口相似，操作风格也几乎一样。它的界面由标题栏、菜单栏、工具箱、浮动控制面板、图像工作区、状态栏等组成。（1）工具箱包含了Photoshop中各种常用的工具，可以创建选区、绘图、取样、编辑、移动、注释以及查看图像等。还可以通过工具箱改变前景色和背景色、改变图像的显示模式以及在Photoshop和ImageReady应用程序之间切换等。单击某一工具按钮就可以调出相应的工具使用。（2）从Photoshop6.0开始，工具选项栏取代了以往版本中的工具选项面板，从而使得我们对工具属性的调整变得更加直接和简单。（3）图像窗口即图像显示的区域，在这里我们可以编辑和修改图像，对图像窗口我们也可以进行放大、缩小和移动等操作。（2）选项窗口（1）工具箱（3）图像窗口图7-1 Photoshop的工作窗口2. 工具箱Photoshop CS3拥有功能强大的工具箱，工具箱出现在程序窗口的左边，当鼠标指针从工具图标上滑过时，图标会自动地以高亮的色彩显示。工具箱中的工具被分为5类，其中位于工具箱最上方的是选择类工具。如图7-2（a）所示，包括 (a)选择类 (b)绘画编辑类 (c)路径类 (d)图像查看类 (e)颜色工具图7-2 工具箱（1）矩形、椭圆、单行、单列选框工具，点击右键，可以选用不同的图形框出用户感兴趣的部分。（2）移动工具，可以将选中的区域任意移动，改变位置。（3）套索工具、多边形套索工具、磁性套索工具，套索也是一种选择的方式，形象地说，就像拿着绳去围个圈，有基本围圈方式，也有好像拿着钢管去围圈的多边形套索，还有像用有磁性的绳去套索。使用磁性套索工具时，它会自动判断图像中的边缘，以使得套索能自动贴近需要的地方。磁性套索有两个属性，一个是宽度，一个是对比度。宽度是在绘制时，离中心多远的时候，它能够自动地吸附到中心区域，所以这个数值不能太大。对比度是指需要区分的边缘与周边的明暗有多大差别，这个值决定了鼠标拖过的地方，到底多大的明暗对比会让它区分为“边”还是“区”。（4）魔棒工具主要用来选择颜色相同或相近区域的，它的属性栏里有一个容差值可以定它的选取范围，容差值越小，所选取的颜色区域越小，容差值越大，选的相似的区域越大。（5）裁剪工具可以剪出图片中任意一个矩形区域，确认裁剪后，图片中的其他部分消失。（6）切片工具、切片选择工具主要是针对网页美工设计用的。因为网站上的图片太大的话，网页打开的速度就会很慢，所以把一张大的图片用Photoshop切片后，就变成了很多张小的图片，那样网页打开的速度就快多了。第二类是绘画编辑类工具，如图7-2（b）所示，包括：（7）污点修复画笔、修复画笔、修补工具、红眼工具主要用于图片瑕疵的处理。（8）画笔工具、铅笔工具画笔有很多笔触的设置，选择铅笔，画出的笔触会非常细。（9）仿制图章工具、图案图章工具图章，顾名思义，就是可以盖出很多个一样的图案。仿制图章可以在图片上复制出多个用户选中的部分，图案图章可以在图片上复制出多个用户自定义的图片。（10）历史记录画笔工具、历史记录艺术画笔工具历史记录画笔可以帮助用户恢复到若干操作之前的图片状况。（11）橡皮擦、背景橡皮擦、魔术橡皮擦橡皮擦可以擦掉不想要的部分，背景橡皮擦只擦背景，魔术橡皮擦可以擦掉附近颜色相近的部分。（12）渐变工具设置渐变效果，前提是需要将图片设置为RGB颜色模式。（13）模糊工具设置模糊效果，前提是需要将图片设置为RGB颜色模式。（14）减淡工具设置减淡效果，前提是需要将图片设置为RGB颜色模式。其他的还有路径类工具，如图7-2（c）所示，图像查看类工具，如图7-2（d）所示，颜色工具，如图7-2（e）所示，蒙板工具，如图7-3（a）所示，屏幕模式工具，如图7-3（b）所示等。 (a) 蒙板工具 (b) 屏幕模式工具图7-3 蒙板工具、屏幕模式工具3.图层、通道、路径如图7-4所示。（1）图层图层好像是若干张叠放在一起的透明纸，没有内容的地方是透明的。在Photoshop中，将图像的每一部分置于不同的图层中，目的是可以独立地对每一层或某些层中的图像内容进行各种操作，而不会影响其他图层。图层控制面板将显示所编辑的每一图层信息。利用图层面板可以很方便地控制图层的增加、删除、显示和改变顺序关系。(a)图层浮动板 (b)通道浮动板 (c)路径浮动板图7-4 图层、通道和路径浮动面板（2）通道和蒙板通道和蒙板是Photoshop进行图像处理不可缺少的利器，利用它们能够创建一些特殊的效果，使用户的创意跨入一个更高的境界。通道用来存储色彩信息和选择区域。颜色通道数由图像模式来决定，例如，对于RGB模式的图像文件，有红、绿、蓝三个颜色通道；对于CMYK模式的图像文件，则有青、洋红、黄、黑四个颜色通道。用户也可以自己创建Alpha通道用于存储选区的信息和制作特效。对通道进行操作和管理主要是通过通道面板进行的，利用通道面板可创建、删除或分离、合并通道。蒙板是另一种选取处理技术，在进行图像创作或处理时，常需要对图像中的局部进行编辑、处理和加工，利用蒙板可屏蔽和保护一些重要的区域不受影响。在Photoshop中，应用蒙板往往是和使用通道结合在一起的，大部分蒙板操作都依赖于通道技术来完成。（3）路径利用路径控制面板，可以在图像中设计任意的曲线路径，然后便可利用指定的路径选取图像或者绘图。路径是一些由直线段或曲线段与结点组成的浮动线，可以是闭合的，也可以是断开的。路径常被用来完成复杂精确的选区，还可以使用颜色、图案描画或填充路径，从而创建意想不到的效果。路径主要由钢笔工具创建，并使用钢笔工具组中的其他工具进行修改。另外，要创建路径，也可以通过将选区转换成路径的方法来实现。二、动画制作软件Flash简介Flash是Macromedia公司推出的二维动画制作工具，是主要用于制作Web站点的动画、图形、文本的应用程序，它支持动画、声音以及交互，具有强大的多媒体编辑功能。用Flash制作的文件很小，这样便于在互联网上传输，而且它采用了流程技术，只要下载一部分，就能欣赏动画，而且一边播放一边传输数据。交互性更是Flash动画的迷人之处，可以通过点击按钮、选择菜单来控制动画的播放。有了这些优点，Flash便日益成为网络多媒体的主流。本书使用的版本是Flash 8。1.Flash的工作窗口Flash和大多数工具软件相同，画面最上面是菜单栏和工具栏；画面左边是工具箱，里面有一些图形工具；时间轴也就是动画的脚本区，在这里可以分层摆放各元素并规划其出场顺序，上面的数字表示帧数；画面上最广阔的白色区域是舞台，这是编辑区，在这里摆放一些图片、文字、按钮、动画等。如图7-5所示。图7-5 Flash 8的工作窗口（1）舞台舞台就是工作区，是最主要的可编辑区域。在这里可以直接绘图或者导入外部图形文件进行编辑，再把各个独立的帧合成在一起，生成电影作品。（2）时间轴时间轴是Flash中最重要的工具之一，是一个以时间为基础的线性进度安排表，使设计者很容易的以时间轴为基础，一步步地安排每一个动作。用它可以查看每一帧的情况，调整动画播放的速度，安排帧的内容，改变帧与帧之间的关系，从而实现不同的动画，（3）工具箱工具箱包含一系列的Flash图形的创作和编辑工具，利用这些工具可以编辑图形和文字，也可以对对象选取、喷涂、修改和缩放等操作，还有些工具可以改变查看工作区的方式。在选择了某一工具的同时，其所对应的附加项也会在工具栏下面的位置出现，附加项的作用是改变相应的工具对图形处理的效果。工具箱分为4部分：工具部分、查看部分、颜色部分和选项部分，如图7-6所示。图7-6 工具箱下面介绍主要的一些工具：箭头工具：对图形、元件对象进行操作的工具，可以用来选择、移动和修改对象。部分选取工具：对图形的形状以及钢笔路径的形式进行修改的工具。线条工具：用来画直线的工具。按住Shift键，可以画水平、垂直的或水平竖直方向成45度角的无锯齿效果的直线。套索工具：具有魔术棒和多边形两种模式，主要用来选取不规则区域中的对象和对象的一部分。钢笔工具：可以用来绘制各种复杂形状的对象，钢笔工具结合部分选取工具几乎可以画出任意复杂的曲线和图形。文本工具：用来输入文本的区域，有静态文本、动态文本和输入文本三种形式，可以通过文本属性面板来设置文本的类型和文字的属性。椭圆工具：用来画圆的工具，可以是椭圆，也可以是正圆，按住Shift键画出来的是正圆。矩形工具：用来画各种形状的矩形的工具，包括圆角矩形，按住Shift键画出来的是正方形。铅笔工具：用来画线条的工具，可以是直线，也可以是曲线。由直线化、平滑和墨水瓶三种形式。刷子工具：用来绘制一些形状随意的对象的工具，包括标准绘画、颜料填充、后面绘画、颜料选择和内部绘画5种形式。（11）任意变形工具：能够对图形或元件进行任意旋转、缩放和扭曲的工具。（12）填充变形工具：主要用来修改对象填充样式的方向。（13）墨水瓶工具：用来更改矢量对象线形的颜色和样式。（14）颜料桶工具：用来更改矢量对象填充区域的颜色。（15）滴管工具：用来从一个对象复制填充和笔触属性，并应用到其它对象。（16）橡皮擦工具：擦掉画面上的图形，包括标准擦除、擦除填色、擦除线条、擦除所选填充和内部擦除5种形式。（17）手形工具：用来移动工作区域。（18）缩放工具：用来放大或缩小工作区域。单击缩放工具可以放大视图比例，按住Alt键之后再在视图中单击，则可以缩小视图比例。双击缩放工具可以使视图比例恢复至1：1。（19）填充颜色：设置选对象中要填充的颜色。（20）笔触颜色：设置所选工具的线条和边框颜色。（4）属性面板 主要用来是设置当前所选对象的各种属性，不同的对象，其属性面板是不一样的。（5）浮动面板浮动面板是用于创建和编辑对象，制作和编辑动画的工具，包括动作面板、颜色面板、场景面板、库面板等等。用户可以在菜单栏的“窗口”菜单中调出所需的面板，对于不需要的面板可以将其关闭。2.Flash的基本知识（1）帧动画的原理是利用人眼的视觉暂留，把一张张静止的图片以很快的速度连续播放，给人一种连续不断的感觉以形成动画。在Flash中帧就是一张张静止的图片，在Flash中并不要求将所有帧中的内容一张一张都画出来，只需画出几个关键动作的画面（关键帧），就可以自动生成中间过程帧，以形成连续不断的动画（补间动画）。（2）图层层（Layer）就像是一张透明的纸，可以在每张纸上分别画上一些东西，然后把它们拼在一起形成一幅完整的画面，不同的对象出现在不同的层上，各层之间可以相互掩映、相互叠加，但不会相互干扰。这样做的好处是各层之间相互关联又相互独立，当修改其中某一层时，不会影响到其他层中的内容。在Flash中的层分为3种类型：普通层、引导层和遮罩层。普通层就像是一张张透明的纸，上一层会遮住下一层，各层合起来是完整的整体。遮罩层与普通层正好相反，普通层是透明的纸，有内容的地方不透明，而遮罩层是不透明的纸，有内容的地方是透明的，就像是一块木板，在木板上抠了一些洞。引导层的作用是指明对象运动的路径，引导层是不显示的。（3）元件元件（Symbol）就像是电影里的演员，把某个对象设置为元件后，可以重复调用而不会增加文件的体积，而且还可以调用其他Flash动画中的元件。在Flash中共有3种元件：图形元件、按钮元件和影片剪辑元件。所有元件都是在元件库中进行管理的。（4）场景场景是借用影视艺术里的术语，相当于在同一部电影里要采用不同的背景、不同的场合拍各种镜头一样。场景是在复杂的Flash动画中的几个相互联系但性质不同的分镜头。不同场景间的来回跳转切换就构成了一幅漂亮的多镜头动画。3. Flash动画的制作（1）基本补间动画制作动画制作有三要素：设计起始帧，设计与起始帧不同的终止帧，终止帧要求必须是关键帧，创建补间动画，即Flash会计算出起始帧与终止帧的不同，然后自动补齐中间的变化过程。（2）运动导向层Flash还有一个特殊的图层运动导向层。运动导向层允许绘制路径，内插实体、集合或字块沿着这个路径进行动态变化。可以将多个图层链向同一个运动导向层，让多个对象沿同一路径运动。利用运动导向层，可以制作出沿着特定路线运动的动画。 互动影像在制作精彩的Flash动画时必不可少，它可以令学习者参与其中。通过使用键盘、鼠标，或者两者兼用，学习者可以跳到影像的不同部分，移动对象，输入表格信息，或者执行其它互动操作。互动影像是通过设置actions来实现的。所谓的action就是一套在特定事件发生时执行的指令。所谓能够触发action的事件就是当影像播放到了某一帧，或者当用户点击了按钮，或者按动键盘上某些键的行为，这些都称之为事件(event)。运用actions需要有一些编程经验。通过actions，可以制作出随停随放的动画效果。在按钮中加如控制信号动画播放的actions指令，在信号流经某一元件时可以停止动画的播放，使学习者能够随时在动画和文字讲解之间灵活切换。（3）动画的输出当使用Flash制作网络课件动画时，往往还需要一些其他的文件。如果要想在浏览器中打开Flash影像，必须要先打开一个HTML文档，而这个文档反过来启动Flash Player并播放影像。除了这个HTML文档外，还可以创建一个Flash影像的GIF动画版本，JPEG或GIF图像，以便没有安装Flash Player时显示。 Flash影像的主要文件格式是.swf。这是唯一支持Flash交互功能的文件格式。播放Flash影像有以下几种方法：在装有Flash Player的Netscape和Internet Explorer浏览器上播放。在带有Flash Xtra的Director和Authorware上播放。在装有Flash ActiveX控制器的Microsoft Office和其他带有ActiveX的主机上播放。作为QuickTime影像的一部分播放。制作成被叫做放映机的独立的播放程序来播放。 swf是一种开放式的标准，可以被其他程序支持。除了swf格式外，还可以以各种不同格式由Flash输出影像和静止图像，包括GIF，JPEG，PNG，BMP，QuickTime或AVI。实验实验7-1 Photoshop的使用一、 实验目的1熟悉Photoshop的操作界面。2掌握Photoshop的各种工具及其使用方法。3掌握图像的“抠取”方法。二、 实验内容和步骤日常生活中，我们会经常想给某个照片换个背景，这就需要将现有照片中的主角从照片中抠出，然后放到另外一张图片中，这种操作，通常称为“抠图”。抠图的方法很多，可用的工具有“魔棒”、“魔术橡皮”、“磁性套索”等，每种工具都可以独立使用，或者混合使用，为的是提高抠取图像的质量。不同的方法抠出的效果也不一样，背景与所要抠出对象反差越大，抠图越容易。我们这里介绍的方法的抠图效果并不是最精确的，但却非常简单、实用。为避免使用人物造成肖像侵权，所以选择了动物来作为范例。1.截取图片（1）选择菜单“文件”中的“打开”命令，打开两张如图7-7所示的图片。一张为老虎.jpg，另一张为大象.jpg，实验目的就是把老虎抠出放到大象的旁边。图7-7 打开要操作的图片（2）为了做到快速选取，使用魔术橡皮擦。使用魔术橡皮擦能够擦掉颜色相近的部分，考虑到老虎的颜色与背景颜色的不同，擦掉背景，就只剩下想要抠出的老虎了。单击橡皮工具，右键选取“魔术橡皮擦”。然后在老虎的周围来回点击，最后效果如图7-8所示。需要注意的是因为老虎后背处的阴影与背景颜色几乎相同，所以这点留到后面解决。图7-8 使用魔术橡皮擦后的效果（3）部分处理。使用椭圆选框工具，框选老虎周围的多余图案，再按【Delete】键把多余的图案去掉，如图7-9所示。图7-9 使用椭圆选框工具后的效果图 （4）使用魔棒工具，魔棒可以自动勾勒出老虎的轮廓。单击透明处，右键选择“羽化”，目的是使得抠出的图片轮廓更加柔和，没有突兀的棱角，羽化设置如图7-10所示，羽化半径越小，图片轮廓越柔和。图7-10 使用魔魔棒工具并羽化后的效果（5）然后按两次【delete】。选择套索工具，右键选择“多边形套索”工具，框选老虎。如图7-11所示。图7-11 使用多边形套索工具框选图像到此，截取“老虎”就算完成啦！2. 放到新的图片中（1）单击移动工具，将老虎拖动到大象图片，如图7-12所示。图7-12 将框选的图像移动到目的图像（2）需要注意到的是，老虎和大象的比例不协调，接下来，使用变形工具。选择“编辑”菜单中的“自由变换”命令，对老虎进行大小变换和位置移动，如图7-13所示，这样看着就真实多了。（3）保存文件。至此，一张现实世界中也许不存在的图片就被制作出来了。图7-13 进行自由变换后的效果在Photoshop中，扣取图片的方法有好多种，就本例而言，扣取老虎也可以直接用多边形索套工具，直接去框选老虎，这样有不好的地方就是老虎的胡须可能比较麻烦。如果，所要扣取的图片与背景反差比较大的话，那么魔术橡皮擦是比较理想的工具。另外，魔术棒和魔术橡皮擦，有一个容差设置，它的取值为：0255，这个取值决定了选择的精度，值越大，选择的精度越小，反之越大。还可以利用钢笔工具和路径、蒙板工具以及抽出等方法来“抠图”。三、 实验作业1.利用实验范例中的方法，制作一幅自己的合成照片。2.制作逐帧动画。【操作要求】 首先打开一幅图，复制一个副本。 对副本层执行“滤镜”“像素化”“点状化”，设置参数单元格大小为3（这是为制作雪花效果）。 调整副本层的阈值为255。 设置副本层混合模式为滤色。 对副本层执行“滤镜”“模糊”“动感模糊”，设置角度为50度，距离4像素。（注意，角度决定雪花下落的方向，距离决定雪花的大小。如果距离很大，就成了下雨效果了）。 将图像最大化，按Ctrlt调出变换框，按住Shift键拖动右上角将副本层放大一些。 应用变换。单击“复制当前帧”钮。 确认副本层为当前图层，用移动工具将其拖到右上角与背景层右上角对齐，可以借助方向键精确调整。 单击过渡钮，设置过渡帧数目为6（帧数多，动画过渡平滑）。 设置每帧显示时间为0.1秒。 保存文件为gif格式，注意：使用“存储为Web和设备所用格式”命令保存。在浏览器或是其它播放器里观看动画效果，如图7-14所示。图7-14 下雪动画效果图实验7-2 Flash 的使用一、实验目的1熟悉Flash的操作界面。2掌握几个基本工具及其使用方法。3掌握简单动画的制作。二、实验内容和步骤1Flash书卷制作，效果如图7-15所示。图7-15 设计效果图（1）书卷素材制作启动Flash，新建一个Flash文档，保存为书卷.fla；点击属性面板中的“大小”按钮，即可修改文档属性，如图7-16所示，修改文档标题为“书卷”，尺寸为600*400像素。图7-16 修改文档属性将图层一重命名为“装裱布”，该图层为字画的灰色装裱，选中第一帧，单击工具栏中的矩形工具，然后在在舞台上拖出一个高为150像素，宽为560像素的矩形区域，点击工具栏中的选择工具，选中该矩形，设置颜色值为#999999。即在舞台中产生一个灰色矩形框，如图7-17所示。图7-17 “装裱布”图层新建“宣纸”图层。选择“装裱布”图层，点击右键，选择“插入图层”命令，如图7-18所示。新建一个图层，命名为“宣纸”，在该图层的第一帧，单击矩形工具，在画出一个合适大小白色的矩形框，在舞台上即出现如图7-19所示的宣纸。图7-18 插入图层 图7-19 “宣纸图层”在宣纸上制作条幅，这可自由发挥写上喜欢的名言。单击工具栏中的写上名言。比如唐代文学家、哲学家韩愈的著名诗句“学海无涯苦作舟”，设置字体颜色为“#000000”，制作出如图7-20所示的条幅。图7-20 添加文字新建“书轴一”图层，制作书轴。选择“书轴一”图层的第一帧，单击工具栏中的矩形工具画出一个细长矩形，颜色设置为如图7-21所示白黑渐变色。图7-21设置矩形填充颜色复制并粘贴在一旁，即产生两个同样的矩形，然后单击任意变形工具(快捷键Q)对它进行旋转180度，用移动工具或者（快捷键V）组合之后就成为一个书轴。具体的制作如图7-22所示。该书轴为左边固定不动的，右边数轴要慢慢展开，要做出动画效果，放到另外一个图层“书轴二”来完成。半边书轴复制粘贴旋转组合图7-22 制作书轴新建“书轴二”图层，在该图层的第一帧中，复制“书轴一”图层中的书轴，粘