设计与创作 第三章 多媒体材料的组织0609.docx

设计与创作 第三章 多媒体材料的组织0609.docx

《设计与创作 第三章 多媒体材料的组织0609.docx》由会员分享，可在线阅读，更多相关《设计与创作 第三章 多媒体材料的组织0609.docx（16页珍藏版）》请在冰豆网上搜索。

设计与创作第三章多媒体材料的组织0609

第三章多媒体材料的组织

虽然使用FLASH可以组织各种多媒体材料来完成许多复杂的任务，但是在很多场合Authorware亦有其不可替代的作用，例如制作多媒体演示文稿（也称电子图书），就是其经典的、使用十分广泛的用途。

第一节Authorware

一、简介

在各种多媒体制作工具中，MacromediaAuthorware功能强大而又简便易学，即使没有编程基础，我们也可以开发出很酷的多媒体作品（不消说，会编程的话更是如虎添翼了）。

Authorware是基于流程线的交互性多媒体制作工具，和其他软件一样，Authorware经历了不断发展和完善的过程，产生了多种版本。

本教材使用6.5版，由于它较易利用GIF、MP3等图形、音频文件和MacromediaFlashMX制作的SWF影片文件，以及许多其他媒体文件，又由于具备多种交互手段，因此得到了广泛的应用。

Authorware安装之后，启动画面如图2-1-1：

图3-1-1Authorware启动画面

二、界面

启动画面之后，和Windows的其他应用程序窗口一样，该窗口具有标题栏、菜单栏和常用工具栏。

先看菜单栏：

有文件、编辑、查看、插入、修改、文本、调试、其他、命令、窗口和帮助等项目；再看工具栏：

有新建、打开、保存、导入、撤消、复制、剪切、粘贴、查找、文本格式选择、粗体、斜体、下划线、执行、控制面板、函数、变量和帮助等按钮。

图3-1-2Authorware操作界面

在图中窗口的左侧还有“图标栏”，提供了各种功能的图标；中间的对话框本章不用，可以把左下角“启动时显示本对话框”前的勾去掉，下次启动时就不出现了。

Authorware有许多图标，按图3-1-2左侧“图标栏”自上而下的次序说明如下。

1，显示图标

：

用于显示文本或图形；

2，运动图标

：

使文本或图形等对象产生运动；

3，擦除图标

：

用于清除屏幕显示内容；

4，等待图标

：

使程序暂停，可以设置成为根据时间或按键动作来结束暂停；

5，导航图标

：

在程序中实现跳转，有点类似编程中的goto语句；

6，框架图标

：

为程序建立一个可以前后翻页的流程框架（如用来做电子书）；

7，决策（判断）图标

：

可以实现程序中的循环或是执行某一特定分支；

8，交互图标

：

Authorware中最重要的图标之一，用于实现交互功能。

9，计算图标

：

实现计算功能或用来存放在Authorware中编写的程序；

10，群组图标

：

把流程线上的一段图标合并成为一组，可以使流程线不至于过长；；

11，电影图标

：

用于引入数字化电影文件（如MPEG文件等）；

12，声音图标

：

用于引入声音文件（如mp3、wav文件等）；

13，视频图标

：

用于连接视频播放设备；

14，开始/结束标志旗

：

插在程序开始/结束地方，用于对程序进行调试；

15，标志色块

：

为上面的各个图标涂上颜色，用来区分不同作用的图标，方便调试

取消图3-1-2中对话框后（见图3-2-3），关闭右侧的“知识对象”面板；在应用程序窗口里还有“设计窗口”，设计窗口的左侧有流程线。

流程线上将放置各种所需图标。

图3-1-3设计窗口

第二节使用对象

在Authorware中文字、图象、声音等等，都是可以控制的对象。

本章结合实例，使用显示图标、等待图标、擦除图标和运动图标等，讲述这些对象的输入编辑与简单利用。

此外还将结合实例，使用交互图标等讲述比较复杂的管理和控制工作。

一、图片的导入与使用

实例：

校园景色

文件夹“素材/校园景色”中有一组在某中学的校园内拍摄的照片，设计一个作品，使其能自动逐张展示。

1，启动Authorware，使用菜单栏命令“修改—>文件—>属性”，得到文件属性对话框（图3-2-1），根据自己的需要，可以重新设置演示窗的属性，例如将选项中的“显示菜单栏”等项目之前的勾去掉。

图3-2-1文件属性对话框

2，在层1流程线上拖入一个群组图标，默认的图标名称是“未命名”，点击这个名称，修改成“第1张”。

双击打开该群组图标，在层2流程线上拖入显示图标和等待图标各一个，名称改为“照片”和“等待”，见图3-2-2。

图3-2-2流程线上的图标

3，双击打开“照片”图标，显示一个空白的演示窗口，使用菜单栏命令“插入—>图像”，得到图像属性对话框（图3-2-3）。

图3-2-3图像属性对话框-导入

点击其中的“导入”按钮，出现导入文件浏览对话框（图3-2-4），选择所需文件并确认后。

演示窗里立即出现有关图片。

图3-2-4文件浏览对话框

4，由于图片尺寸过大，可以回到图像属性对话框在“版面布局”卡片中作如下设置（图3-2-5）：

1）选项由“原始”改为“比例”；

2）图片左上角x、y的位置值为0；

3）宽高比例具体指定为缩小到原始尺寸的50%。

图3-2-5图像属性对话框-版面布局

5，如果要增加图片展示过程的情趣，不妨选用特效方式：

点击“照片”图标，使用菜单栏命令“修改—>图标—>特效”，得到特殊方式对话框（图3-2-6）。

图3-2-6特殊方式对话框

先选一种分类方式，再选一种特殊效果，然后点击“应用”按钮，观察图片出场效果，满意后确认。

6，考虑到将有多张照片自动逐张展示，而前后两张之间必须有个停顿，因此刚才已经安排了一个等待图标。

现在双击层2流程线上的“等待”图标，打开等待属性对话框（图3-2-7），在“单击鼠标”和“按任意键”这两个事件前打勾，时限设置10秒，“显示倒计时”和“显示按钮”这两个选项不打勾（反之，你也可以试一试打勾的效果）。

这样，如果不按键或鼠标，则一张图片至少显示10秒钟。

图3-2-7等待属性对话框

7，到目前为止，仅仅解决了一张图片的显示。

假定我们一共要展示3张照片，在以上步骤基础上，我们可以利用复制、粘贴功能来加快一点工作进度。

点击“第1张”群组图标，使用工具栏里复制和粘贴按钮，在主流程线上加入两个新群组（每个新群组中都同样包含“照片”和“等待”图标），并命名为“第2张”和“第3张”。

在流程线最下面，拖入一个计算图标，命名为“结束”（图3-2-8）。

分别双击打开这两个新群组，并把各自的“照片”图标打开，按Delete键删除原来的图片，重新导入其他图片并仿照第4步对新导入的图片进行必要的设置。

图3-2-8“校园景色”主流程

8，双击打开“结束”图标，如图3-2-9在窗口中输入命令quit（），关闭这个窗口时，还需要按回车键确认。

将来执行到quit（）时，能自动结束本项任务。

图3-2-9函数-退出

9，以上步骤里，随时可以使用工具栏“运行”按钮，进行测试，也可以使用菜单栏命令“文件—>保存”，把作品保存为Authorware文件，其扩展名为a6p

本实例是一种顺序结构的流程——沿着流程线，从上到下，逐步执行每一个图标，直至结束，以后我们还要通过许多实例来学习其他的结构，设计较为复杂的作品。

二、图形的绘制与修改

实例：

设计一台收音机的外观

1，启动Authorware，在设计窗的流程线上拖放5个显示图标，然后依次命名为外壳、喇叭窗、调谐窗、旋钮和拉杆天线。

修改文件属性中的大小为：

根据变量，以便今后使用鼠标拖曳演示窗的边框来改变窗口大小。

保存文件名为“收音机.a6p”（图3-2-10）。

接下来就要在这些图标中画上收音机的不同部件。

之所以使用多个显示图标而不是一个，是为了便于修改独立图标中的图形和属性（例如，针对拉杆天线设置天线拉伸出来的特效）等等。

图3-2-10“收音机”主流程

2，打开“外壳”图标，由于是显示图标，因此屏幕上会出现一个图形工具箱。

单击和双击这些按钮会有不同作用：

1）单击时作用图3-2-10所示，使用有关按钮可以输入文字或绘制图形、选择或移动对象。

图3-2-11图形工具箱-单击按钮

2）双击某按钮时会打开/关闭指定面板，如图3-2-11所示，图中从左往右有四块面板，可以用来设置：

a）显示模式（透明与否等）

b）线条粗细形状（虚线或实线、是否带箭头等）

c）颜色（前景色与背景色、线条与边框颜色等）

d）填充模式（实心或空心、网格或条纹等）。

也可以使用菜单栏命令“窗口—>显示工具盒”来打开或关闭这些面板

图3-2-12图形工具箱-双击按钮

3，在“外壳”图标的演示窗中，使用图形工具箱，着手绘制收音机的外壳：

1）打开颜色面板，将边框、前景与背景的颜色设置成相同的深褐色；

2）打开填充面板，点击全黑色的“实心”按钮；

3）选择圆角矩形工具，将十字形光标移到展示窗口适当位置；

4）拖动鼠标拉出一个圆角矩形；

5）再复制这个矩形，先拖到旁边，再改变其颜色，使其与前一个矩形相比颜色略微浅淡；

6）将两个矩形错开一些重叠在一起，让它们看起来象一个扁平的匣子。

如果要改变两者之间的前后关系，可以使用菜单栏命令“修改—>置于上层/置于下层”。

画好的外壳如图3-2-13所示。

图3-2-13收音机外壳

4，双击“喇叭窗”图标，在其演示窗中使用图形工具箱，着手绘制收音机的喇叭：

1）打开线形面板设置较粗的线条作为喇叭边框

2）打开颜色面板选择边框颜色、喇叭保护网前景与背景颜色

3）打开填充面板，选择一种花纹作为喇叭保护网图案

4）在演示窗中用图形工具箱提供的圆形工具绘制一个适当大小的圆（借助SHIFT键可以画正圆而不是椭圆）作为收音机的喇叭窗。

5）为了让喇叭窗与外壳两者相配，可以按住SHIFT键重新打开“外壳”和“喇叭窗”图标，此时两个图案同时显示，便于你改变其大小与颜色搭配

画好的喇叭窗与外壳如图3-2-14所示。

图3-2-14收音机喇叭窗与外壳

5，双击“旋钮”图标，在演示窗中绘制两个圆作为旋钮。

6，双击“调谐窗”图标，在演示窗中绘制一个网状填充模式的矩形作为调谐窗。

7，双击“拉杆天线”图标，在演示窗中绘制一个小小的椭圆和一组大小渐变的狭长矩形，构成一根拉杆天线。

8，运行后可以看到一台完整的收音机画面：

图3-2-15完整的收音机画面

9，作为进一步的改进，不妨增加天线拉伸的特效：

打开“拉杆天线”图标，使用菜单栏命令“修改—>图标—>特效”，通过对话框中的“分类”选“覆盖方式”，“特效”选“从下向上展示”，“周期”改为1秒，“平滑”程度改为1。

10，运行通过后，再以“收音机”为文件主名保存结果。

三、文字的输入与编辑

实例：

数字钟，有年、月、日、时、分等内容。

1，启动Authorware，在设计窗的流程线上拖放1个计算图标和3个显示图标，然后依次命名为设置窗口大小、背景、日期和时间（图3-2-16）。

图3-2-16数字钟主流程

2，双击“设置窗口大小”图标，在输入窗里输入命令，指定演示窗的大小（图3-2-17）：

ResizeWindow（280,150）

图3-2-17指定演示窗大小

3，设计背景：

1）打开“背景”图标，先按自己的设计绘制或导入合适的图片作为数字钟的钟面背景图案；

2）再选用文字工具，文字的字体、字号可以用菜单栏命令“文本—>字体”与“文本—>大小”来设置；使用图形工具箱，通过颜色面板来指定文字颜色，通过模式面板采用透明模式，将“I”形状的光标移到演示窗上点击一下，然后输入“北京时间”四字。

图3-2-18数字钟背景

4，打开“日期”图标，选用文字工具，通过模式面板采用透明模式，输入日期函数{FullDate}，如图3-2-19，文字字体、字号和颜色可以自定。

图3-2-19输入数字钟日期函数

5，打开“时间”图标，选用文字工具，通过模式面板采用透明模式，输入时间函数{FullTime}，如图3-2-20，文字字体、字号和颜色也可以自定。

图3-2-20输入数字钟时间函数

5，打开“时间”图标，选用文字工具，输入时间函数{FullTime}，如图3-2-20，文字字体、字号和颜色也可以自定。

图3-2-21更新变量显示

6，为了让显示内容不断反映当前时间，还要作最后的设置：

1）点击“时间”图标，使用菜单栏命令“修改—>图标—>属性”，在对话框的“显示”卡片上，在“更新变量显示”项前打勾。

2）对“时间”图标作同样处理。

7，按“运行“按钮，可以看到完成后的数字钟每隔一秒更新一次时间，最后保存结果。

图3-2-22完成后的数字钟

四、对象的运动

实例：

我们的旗帜，要求表现出旗、升旗、停留、降旗、收旗的全过程。

1，启动Authorware，使用菜单功能“Modify/File/Properties”，设置属性——

：

淡蓝色背景。

2，在流程线上拖放一个显示图标，命名为“背景”，打开该图标，以比较合适的颜色与填充方式，画上旗杆、旗杆座和旗杆圆顶

3，在流程线上“背景”图标下拖放第二个显示图标，命名为“红旗”，画上一面红旗，利用菜单操作“Modify/Icon/Transition”，设置属性——

Categorie（类别）：

Push（推动）。

Transition（过渡）：

PushRight。

Duration（持续时间）：

2秒。

Smoothness（平滑度）：

1

4，在“背景“图标打开的情况下，按住SHIFT键，双击打开“红旗”图标，调整红旗的大小并移动到旗杆下部

5，在“红旗”图标下拖放一个运动图标，命名为“升旗”，打开后选中红旗为运动对象，将红旗移到旗杆顶部，采用默认运动方式Type：

DirecttoPoint，修改维持时间Timing：

5秒

6，运行后，红旗在旗杆下部向右展现出来，然后上升直到旗杆顶部

7，如果再添加等待图标、用于降旗的运动图标、表现收旗的擦除图标，那么就完成了一个升降旗的全过程（略）。

以下内容待定

五、多媒体的使用

第三节人机交互

由于《高中信息科技试验教材（地图版）评价报告》特别对现行教材的这部分内容提出增加例子、减少坡度、充分考虑学生的心理特点的要求，以下提到的实例，还在考虑之中。

一、按键响应

实例：

一道智力测验题

二、次数限制响应

实例：

猜数游戏（计算机不超过3次就能猜出你心中所想的一个1~8之间的整数）

三、按钮响应

实例：

控制窗帘的收放

四、热区响应

实例：

小照片点击后放大

五、热对象响应

实例：

看图识字

六、文本输入响应

实例：

检验个人密码

七、其他响应

时间限制响应等

第四节综合实例

震撼人心的画面、百听不厌的主题歌曲、主要剧情介绍……，包含文字、音乐，图片，甚至还有影片剪辑。

对一个影迷来讲，无疑会非常乐意以之作为展示自己多媒体作品设计与再创作才华的舞台的。

一、计划

讨论选题（“电影多媒体海报”）、组织分工、材料准备、进程控制、合成调试、打包发行

二、制作

三，作品的设计与制作（第三章，16课时+自主4课时）

这部分着重学习作品设计从选题、分工、准备，直到完成的具体过程，是本模块的重点。

通过较多的小实例，引导学生学会根据作品的实际需要，能够选择与使用适当的交互方式。

最后以一个编制电子海报的工作做总结。