多媒体节目软件的开发和制作.ppt

1、2020/7/29,1,多 媒 体 技 术,电子教学课件,第7章,2020/7/29,2,第7章 多媒体创作方法和制作,1. Photoshop 图像编辑软件 2. Authorware 多媒体编辑软件 3. Dreamweaver Web设计软件,2020/7/29,3,1. Photoshop 图像编辑软件,主要功能和特点： （1） 支持大量的图像文件格式。 （2） 方便快捷的选取功能。 （3） 丰富的绘画功能和图像修改功能。 （4） 丰富的图层功能。 （5） 支持各种图像特技效果。 例如旋转、伸缩、斜推和任意变形等功能。 可以改变图像解析度，重组图像分辨率，以符合输出需要。,2020/7

2、/29,4,1. Photoshop 图像编辑软件,有几十个滤镜可以对图像进行多种特殊效果处理。 还可以自行设计特殊效果或使用第三方公司提供的特殊效果插件。 （6）支持多种色彩模式。 支持 ICC 标准的色彩管理系统。 支持的图像色彩模式有黑白、灰度、索引色、RGB、CMYK及HSB图像等。 （7）开放的软件接口。,2020/7/29,5,A. 菜单栏B.选项栏C. 工具箱D.现用图像区域E.调板井F. 调板,Photoshop工作区域,2020/7/29,6,Photoshop工具箱,工具箱中存放着用于创建和编辑图像的各种工具,2020/7/29,7,Photoshop工具箱,2020/7/

3、29,8,Photoshop工具箱,2020/7/29,9,Photoshop工具箱,2020/7/29,10,Photoshop工具箱,2020/7/29,11,Photoshop工具箱,2020/7/29,12,Photoshop工具箱,2020/7/29,13,使用工具,2020/7/29,14,使用选项栏,工具的选项都显示在选项栏中。选项栏与上下文相关，并且会随所选工具的不同而变化。选项栏中的一些设置（例如，绘画模式和不透明度）对于许多工具都是通用的，但是有些设置则专用于某个工具,2020/7/29,15,使用调色板,它可以帮助您组织和管理调板。调板井用来存储或停放您经常使用的调板，而

4、不必使它们在工作区域中保持打开。,2020/7/29,16,使用“历史记录”调板,使用“历史记录”调板可以恢复到图像前面的状态、删除图像的状态，（在 Photoshop 中）还可以根据一个状态或快照创建文档。,2020/7/29,17,关于图层,使用图层可以在不影响图像中其他图素的情况下处理某一图素。可以将图层想象成是一张张叠起来的醋酸纸。如果图层上没有图像，就可以一直看到底下的图层。通过更改图层的顺序和属性，可以改变图像的合成。另外，调整图层、填充图层和图层样式这样的特殊功能可用于创建复杂效果,2020/7/29,18,使用图层调板,图层调板列出了图像中的所有图层、图层组和图层效果。您可以使

5、用图层调板上的按钮完成许多任务。例如，创建、隐藏、显示、拷贝和删除图层。可以访问图层调板菜单和“图层”菜单上的其他命令和选项。,A.图层调板菜单B.图层组C.图层D. 图层缩览图E.图层效果,2020/7/29,19,应用滤镜创建特殊效果,滤镜应用于现用的可视图层或选区。 利用“滤镜库”，可以累积应用大多数滤镜。所有滤镜都可以单独应用。 不能将滤镜应用于位图模式或索引颜色的图像。 有些滤镜只对 RGB 图像起作用。 所有的滤镜都可应用于 8位图像。对于 16 位图像，只能应用下列滤镜：模糊、平均模糊、进一步模糊、高斯模糊、动感模糊、杂色、添加杂色、去斑、蒙尘与划痕、中间值、锐化、锐化边缘、进一

6、步锐化、USM 锐化、风格化、浮雕效果、查找边缘和曝光过度。,2020/7/29,20,使用“滤镜库”,“滤镜库”对话框A. 预览B.所选滤镜的缩略图C.显示/隐藏滤镜缩略图D.“滤镜”弹出式菜单E. 所选滤镜的选项F.要应用或排列的滤镜效果的列表G.已选中但尚未应用的滤镜效果H. 已累积应用但尚未选中的滤镜效果I.隐藏的滤镜效果,2020/7/29,21,调整色阶,“色阶”对话框可以通过调整图像的暗调、中间调和高光等强度级别，校正图像的色调范围和色彩平衡。“,A. 应用自动颜色校正B.打开“自动颜色校正选项”对话框C.暗调D.中间调E.高光,2020/7/29,22,调整色阶,色阶”命令，您

7、可以通过调整图像的暗调、中间调和高光等强度级别，校正图像的色调范围和色彩平衡,2020/7/29,23,2020/7/29,24,调整色相/饱和度,使用“色相/饱和度”命令，可以调整图像中特定颜色分量的色相、饱和度和亮度，或者同时调整图像中的所有颜色。,2020/7/29,25,曲线调整,在图像的整个色调范围（从暗调到高光）内最多调整 14 个不同的点，而不是只使用三个调整功能（白场、黑场、灰度系数）。也可以使用“曲线”对图像中的个别颜色通道进行精确的调整。,2020/7/29,26,2020/7/29,27,Photoshop的通道,通道是存储不同类型信息的灰度图像： 打开新图像时，自动创建

8、颜色信息通道 。图像的颜色模式确定所创建的颜色通道的数目。例如，RGB 图像有 4 个默认通道：红色、绿色和蓝色各有一个通道，以及一个用于编辑图像的复合通道。 可以创建 Alpha 通道，将选区存储为灰度图像。可以使用 Alpha 通道创建并存储蒙版，这些蒙版使您可以处理、隔离和保护图像的特定部分。 可以创建专色通道以指定用于专色油墨印刷的附加印版。,2020/7/29,28,使用“通道”调板,“通道”调板可创建并管理通道，以及监视编辑效果。该调板列出了图像中的所有通道 - 首先是复合通道（对于 RGB、CMYK 和 Lab 图像），然后是单个颜色通道，专色通道，最后是 Alpha 通道。通道

9、内容的缩览图显示在通道名称的左侧；缩览图在您编辑通道时自动更新,A. 颜色通道B.专色通道C. Alpha 通道,2020/7/29,29,可以使用图层蒙版遮蔽整个图层或图层组，或者只遮蔽其中的所选部分。也可以编辑图层蒙版，向蒙版区域中添加内容或从中减去内容。图层蒙版是灰度图像，因此用黑色绘制的内容将会隐藏，用白色绘制的内容将会显示，而用灰色色调绘制的内容将以各级透明度显示,Photoshop的图层蒙版,2020/7/29,30,用黑色绘制的背景，用灰色绘制的说明卡片，用白色绘制的篮子,2020/7/29,31,实例学习,如何制作晕映效果 如何自定义画笔 如何制作艺术字 如何对照片制作素描效果

10、 如何对婚纱照换脸 如何创作艺术照片,2020/7/29,32,如何制作晕映效果,2020/7/29,33,1）用椭圆套索工具在图像中选取所需的部分； 2）执行“选择”菜单下的“羽化”命令，设置“羽化”值为40 pixels； 3）执行“选择”菜单下的“反选”命令或按Ctrl+Shift+I组合键来反转选择区域； 4）设置背景色，如白色。 5）按Del键用背景色填充选择区域，晕映效果即形成,2020/7/29,34,如何自定义画笔,2020/7/29,35,1）用磁性套索工具在图像中选取所需的部分； 2）新建文件，宽度100cm，高度70cm，背景为白色。 3）新建图层1，拖曳选区到图层1；

11、4）执行“编辑”菜单下的“自由变换”命令，调整大小； 5）执行“编辑”菜单下的“定义画笔预设”命令,2020/7/29,36,如何制作艺术字,2020/7/29,37,如何对照片制作素描效果,2020/7/29,38,如何对婚纱照换脸,2020/7/29,39,修复照片,2020/7/29,40,如何创作艺术照片,2020/7/29,41,多媒体节目创作编著软件,多媒体节目创作编著软件介绍 1. Authorware 节目编著软件 2. Director 节目编著软件,2020/7/29,42,1. Authorware 节目编著软件,Authorware软件是一种基于设计图标和流程线为结构的

12、可视化创作编著软件。 主要功能和特点： （1）基于图标的面向对象的创作方式 设计思想是以流程图为主干，多媒体元素、交互作用提示以及数据流程控制都在一个流程图中进行安排，构造结构化的框架或过程。 （2）提供强大的逻辑结构管理功能。,2020/7/29,43,1. Authorware 节目编著软件,（3）提供高效的多媒体集成环境 （4）提供丰富、灵活的交互控制方式 允许用户使用热键按钮、用户事件等进行触发控制。打开交互图标，共有10种交互方式：文本、热区、热体、目标区响应、下拉菜单、按钮、热键、条件、限时、限次。 （5）软件提供丰富的函数与变量 提供包括通用、交互、数字、文件、视频、图形和字符串

13、等几大类，260多个系统变量和函数，这些函数与变量提供了对数据进行计算、存储与分析的各种手段。,2020/7/29,44,1. Authorware 节目编著软件,（6）提供模块与库功能 （7）标准的应用程序接口 （8）提供网络支持 （9）最终产品脱离开发环境 Authorware 软件提供两种运行方式： 可以把多媒体产品进行打包，制作成可在Windows系统下独立运行的可执行文件（.EXE）。 制作成播放文件，使用Authorware软件提供的播放器运行。,2020/7/29,45,Authorware 节目编著软件,2020/7/29,46,2020/7/29,47,图标工具栏,2020/

14、7/29,48,图标工具栏,2020/7/29,49,2020/7/29,50,2020/7/29,51,2020/7/29,52,2020/7/29,53,菜单栏,2020/7/29,54,常用工具栏,2020/7/29,55,程序设计窗口,2020/7/29,56,Authorware是基于图标的可视化编程工具，它的编程过程主要是各种图标的使用。在Authorware中，各种程序都可以通过在流程线上放置图标和设置图标的属性这两个基本步骤来完成,2020/7/29,57,利用知识对象快速制作课件,Authorware将一些经常使用的程序功能设计成一专门的模块，每一个专门的模块称为一个知识对象

15、，使用知识对象制作课件的过程，不需要直接使用各种设计图标，变量和函数，只需要按照向导的要求进行内容设置,2020/7/29,58,2020/7/29,59,将课件打包,打包后课件可以脱离开发环境而运行,这里提供了两种类型的可执行文件:.exe;.a6p,这是Authorware 所持有的格式,2020/7/29,60,实例1:制作用户参与的移动,在直线上定位的移动,学会使用 “显示图标”和”移动图标”,2020/7/29,61,实例2:如何加载动画,学会加载Flash或GIF动画，并注意“层”的运用,2020/7/29,62,实例3:交互的应用,多媒体具有交互性，可实现作品的人机对话，这是传统

16、媒体所不具备的特点，也是的多媒体作品大受欢迎的原因。Authorware 共有十一种交互方式，可方便地实现各种交互，下面分别介绍。,2020/7/29,63,建立交互,框架图标可以快捷地实现程序的跳跃执行,直接转到想要查看的页面,需要跳转的页面要放在框架图标下面,也就是说框架下通常放置群组图标各种类型的设计图标,每一个设计图标被称作一页.,2020/7/29,64,导航图标 和框架图标 密不可分,共同构成页面系统的定向结构.导航图标提供多种连接方式控制页面跳转,但导航图标的目标页只能是框架图标下挂的页.,2020/7/29,65,交互的应用,Button(按钮)：选中它系统将会提供各种标准按钮

17、，可设置按钮的大小与位置，也可自定义按钮以使画面协调（就象本例所做的）。当用户在展示窗口单击按钮时，作品将会执行此按钮下面的分支。 Hot Spot（热区）：可在展示窗口创建不可见区域，通过设置可让用户在区域内通过单击、双击或将鼠标放入来产生交互。 Hot Object（热对象）：是一种起按钮作用的图形对象，如果用户在透明区域点击（如圆环的中心），将不会产生交互。 Target Area（目标区域）：可以定义需要移到特定区域的对象，当用户把对象移动到指定区域时执行交互。,2020/7/29,66,交互的应用,Pull-down Menu（下拉菜单）：可自动在作品的左上创建一个标题，该标题包含下

18、拉菜单，当用户点击某项时，程序将执行选项下的分支。 Conditional（条件）：当指定条件成立时，可使程序执行Conditional图标下的分支。 Text Entry（文本登录）：可创建一个用户能输入字符或数字的区域，当匹配时程序执行下一分支。 Keypress（按键）：可定义的特定的键，当用户按下了所选择的键，程序执行下一分支。 Tries Limit（尝试限制）：当用户与当前交互已经进行了特定次数时，执行此分支。 Time Limit（时间限制）：当用户与当前交互已经进行了特定时间时，执行此分支。 Event（事件）：当指定事件成立时，可使程序执行特定的分支。一般与ActiveX及X

19、tras配合使用。,2020/7/29,67,实例3:超媒体的应用,当选中其中某个动物时,把其余动物图象删除,只显示选中动物,并播放动物声音,2020/7/29,68,实例 4 Authorware交互图标的使用,2020/7/29,69,2020/7/29,70,实例 5 Authorware交互图标的使用,2020/7/29,71,2020/7/29,72,Authorware实例 6,2020/7/29,73,Dreamweaver MX 2004 介绍,Dreamweaver是美国MACROMEDIA公司开发的集Web页制作和管理网站于一身的所见即所得Web页编辑器，它是第一套针对专业

20、Web页设计师的视觉化Web页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的Web页。,2020/7/29,74,Dreamweaver MX 2004,第一次运行Dreamweaver MX 2004的时候会出现这样的选择界面：,2020/7/29,75,2020/7/29,76,文档工具栏中包含按钮，这些按钮使您可以在文档的不同视图间快速切换：“代码”视图、“设计”视图、同时显示“代码”和“设计”视图的拆分视图。 工具栏中还包含一些与查看文档、在本地和远程站点间传输文档有关的常用命令和选项,2020/7/29,77,2020/7/29,78,Dreamweav

21、er MX 2004,“插入”栏包含用于将各种类型的“对象”（如图像、表格和层）插入到文档中的按钮。每个对象都是一段 HTML 代码，允许您在插入它时设置不同的属性。例如，可通过单击“插入”栏中的“表格”按钮插入一个表格。可以不使用“插入”栏而使用“插入”菜单插入对象。,2020/7/29,79,Dreamweaver MX 2004,状态栏提供与您正创建的文档有关的其它信息。 标签选择器 显示环绕当前选定内容的标签的层次结构。单击该层次结构中的任何标签以选择该标签及其全部内容。,2020/7/29,80,Dreamweaver MX 2004,“文档”窗口 显示您当前创建和编辑的文档。 “属

22、性检查器” ： 用于查看和更改所选对象或文本的各种属性。,2020/7/29,81,Dreamweaver MX 2004,使用表单，可以帮助Internet服务器从用户那里收集信息，例如收集用户资料、获取用户订单，在Internet上统也同样存在大量的表单，让用户输入文字进行选择。,2020/7/29,82,Dreamweaver MX 2004,使用布局，层是CSS中的定位技术，在Dreamweaver中对其进行了可视化操作。文本、图像、表格等元素只能固定其位置，不能互相叠加在一起，而层可以放置在网页文档内的任何一个位置，层内可以放置网页文档中的其他构成元素，层可以自由移动，层与层之间还可以重叠，层体现了网页技术从二维空间向三维空间的一种延伸,2