1、 1 前 言 多媒体课件在现代教学技术与学科教学中的作用越来越引起重视，应用也日趋广泛。通过图片、文字动画、影视、声音等多种媒体的有机组合，可取得良好的教学效果。它的设计和制作也越来越成为广大教师应掌握的一门技术。在所运用的制作软件工具中 ， Authorware 以操作平台的可视性和交互性强，逻辑结构清晰等优点备受广大教师的青睐。 多媒体课件的优点是：容易设计出比较清晰和有层次感作品 , 更加可以体验到制作的设计视觉效果，是编程设计和画面设计的一大集合体验，可以让观看者方便观赏和欣赏软件媒体的风格和特色。特点是 ：具有多媒体素材的集成能力，多样化的交互作用能力，基本的图形、图像处理能力。 本
2、制作主要利用课堂学习的 Authorwarer 课件制作技巧，以 Photoshop、 Flash 软件为辅助，采用声音、图像、文字，按钮工具，通过各种的细分，已达到方便大家了解到各式各样的电影，并利用网上可利用的 jpg 图片资源，自己设计的框架， logo，以及 flash 动画等营造一个值得你深爱的电影站。以简洁、生动、易控的网页浏览方式将作品呈现给大家。 关键字 ： 多媒体 Authorware 哈鲁 电影 多媒体设计 2 目录 前 言 . 1 1、简介 . 3 1 1 多媒体设计简介 . 3 1 2 作品的流程图 . 3 1 3 多媒体片头界面 . 4 1 4 多媒体主界面 . 4
3、1 5 多媒体片尾界面 . 6 1 6 多媒体背景音乐 . 7 2、多媒体课件主体制作 1 . 8 2 1 最新电影模块制作过程 . 8 2 2 最新电影内页制作过程 . 8 2 3 最新电影的影片欣赏 . 12 3、 多媒体课件主体制作 2 . 13 3 1 分类电影 . 13 3 2 内页部分 . 13 3 3 页面内容 . 14 3 4 欣赏部分 . 18 3 5 影剧照相册部分 . 19 4、 Authorware 多媒体的制作 . 20 4 1 Authorware 多媒体的制作 . 20 4 2 Authorware 函数的使用 . 20 4 3 制作过程中其他事情 . 21 5、
4、动画制作 . 23 5 1 片头动画制作 . 23 5 1 1 片头制作步骤： . 24 5 2 主界面制作 . 26 5 2 1 logo 的制作： . 27 6、 结束语 . 27 7、致谢 . 28 8、 参考文献 . 28 3 1、简介 1 1 多媒体设计简介 制作（设计）的主题是电影，其中对电影进行了分类，从地区区分为港台最新、欧美最新、内地最新以及以内容区分为喜剧片、科幻片、和惊悚片等。主要采用了声音、图像、文字、按钮等工具。 本制作是运用了我们学过的知识并主要采用了 Authorware、 Photoshop、 Flash 等软件来完成的毕业设计。制作过程中运用了 JPG 格式的
5、图片、 GIF 格式的图片、 FLA 格式的 Flash 和自己设计的框架，以及网上采集的图片资源等。 Authorware 提供了一个标准函数 quit(),用户可以允许运行完一个课件后马上退出。这样，当程序运行到这些图标时就可以直接退出本程序与课件。 Authorware还提供了标准函数 goto(iconid ),这个函数是用来当一个课件运行完后直接跳转到用户指定的另外一个可见，方便快捷。 开始制作之前，首先要把对象的属性窗口设置为 800*600 的大小（工具栏 修改 文件 属性 大小： 800*600），然后就可以开始工作了。 1 2 作品的流程图 流程图是用 Photoshop 来
6、完成， 利用 Authorware 软件里的交互式按钮控件 来实现。 流程图如下（ 图 1）所示： 图 1 流程图 4 1 3 多媒体片头界面 接着便是主程序的制作了。一个好的作品那肯定要用一个片头的动画制作，那样可以让大家一看就知道你里面的内容大概是说些什么的，让大家一目了然。片头的制作运用 Authorware、 Photoshop等软件来完成的，片头是一个倒数动画，令到界面有种生动的感觉。倒数计时完即会弹出我们“欢迎登陆哈鲁电影展”的标语。这一实现是用 Authorware 的等待文字特效来实现。效果图如下（ 图 2）（图2-1）所示： 图 2 片头界面的效果图 图 2-1 欢迎标语 1
7、 4 多媒体主界面 接着便是主程序的制作了。远行后，要进行连接的制作了，连接关乎到能不能够连接到程序里面的课件，可见是相当的重要。制作课件时的图片是经过 Photoshop 软件处理过的，它是一个方便用户处理图片的一个软件。作品中的所有图片都用 Photoshop 里面的透明处理过，还有一些就合并图层。将 Photoshop 处理好的图片导入 Athorware 做背景，通过运用 Athorware 里的交互式图标，文 字图标，5 以及动态效果来完成，电影站的 logo 是自己设计的，当鼠标滑过 logo 的时候， Hello 字样即会有变化，达到画面生动以及对浏览用户亲切问好的意境。在我们的
8、导航栏当中，分为首页、最新电影、电影排行、电影花边以及联系我们几个模块，下面将一一介绍。主界面的流程如下（ 图 3）所示： 图 3 主界面 热区响应类型 (Hot Spot)。选择这种类型，程序运行入交互结构时，将为用户在屏幕上提供一个矩形的“热区”，用户可以通过要热区内单击鼠标、双击鼠标或鼠标指针移入热区内 等方式激活交互响应，转入对应的图标分支运行。 在热区响应方式的属性设置对话框中， Hot Spot 选项卡的选项设置如下（ 图 4）所示： 图 4 热区响应方式的属性 1. 热区尺寸：可在 X、 Y 两个文本框中设置热区尺寸（以像素为单位）。 2. 热区位置：可在 X、 Y 两个文本框中
9、输入热区左上角的位置为热区定位（使用屏幕坐标系）。 3. 快捷键：热区交互方式也可以通过用户按下一个或几个特殊的键来等价地实现（可用于用户系统无6 鼠标的情况）。在此对话框中可给出该热区对应的键盘选择 键。 4. 匹配方式：在下拉列表框中给出热区响应的三种匹配方式。 （ 1）在热区内单击鼠标。选择此项，程序运行时，用户在热区范围内单击鼠标楞激活热区响应。 （ 2）在热区内双击鼠标。选择此项，程序运行时，用户在热区范围内双击鼠标楞激活热区响应。 （ 3）将鼠标指针移入热区内。选择此项，程序运行时，用户将鼠标指针移入热区范围内可激活热区响应。 另外，关于热区响应的匹配还有下列两个可选项。 匹配时加
10、亮。选项此项，程序运行时，当用户选中热区的瞬间，热区的颜色给以高亮回应。 匹配标记。选项此项，程序运行时，在热区的左方出 现一个小空方格，当用户选中热区后，此格为实心方格。 5. 鼠标指针选择：单击右边的按钮打开一个鼠标样式列表，可从中选择系统提供的鼠标指针的鼠标指针样式，也可以单击“ Add”按钮另外输入鼠标样式。 热区的设置又有一定的灵活性，还能够避免按钮方式中作为图片输入的按钮被其他图片遮盖而失灵的弊病。 热区缺点是粉能设为简单和矩形区域，对边缘不规则的物体就困难了。这就是热对象方法。 1 5 多媒体片尾界面 多媒体片头界面是利用 Authorware、 Photoshop 等软件来完成
11、。片 尾 界面制作的过程的详细步骤在动画制作有 详细介绍。最终效果图如下（ 图 5）所示： 图 5 片尾界面最终效果图 7 1 6 多媒体背景音乐 多媒体背景音乐是通用 GoldWave 编辑过，把声音调小一点，如果原本的音乐是很大声的，作为背景音乐应当柔和一点。最后导入到多媒体文档当中，其中将执行方式改为“同时”， 这样就可以同步播放。音乐编辑过程及属性如下图（ 图 6-1 图 6-2）所示： 图 6-1 音乐编辑窗口 图 6-2 音乐属性 8 2、多媒体课件主体制作 1 制作课件的里面图片都是经过 Photoshop 软件处理过的，它是一个方便用户处理图片的一个软件。作品中的所有图片都用
12、Photoshop 里面的透明处理过和一些合并图层。还有一些按钮也是用 Photoshop来制作，通过填充不同的颜色，然后在 Authorware 中的按钮交互，将未按、在上、按下分别导入不同的颜色，那样就可以让按钮更加的生动。将最终的效果图片输出 *.JPG，按钮输出 *.gif 的格式。导入到 Authorware 软件通过交互响应、参数 Goto(ICONID“ *” ) 来实现。程序内容包括有简介、标志、欣 赏、相册、交通指南等内容，做得内容都是相对比较简单。分别将制作方法与最终效果介绍如下： 2 1 最新电影模块制作过程 此页面是最新电影这个部分的主页面，是有 PHOTOSHOP 把
13、背景图弄出来。然后把背景图在AUTHORWARE 的导入和导出功能，再把背景图导入进去。里面在最上方的黑色胶片里面的图片，是将每幅图片导进去后，利用热对象的交互图标来链接到别的页面。左下方是一个将内地最新、港台最新、欧美最新的最新电影分类的背景图导进去，然后做一个热区域的链接，同时也运用了 AUTOHORWARE 本身的一些简单效果。而右下 方是一个 GIF 的动画来的。最终的效果图（ 图 2-1）如下所示： 图 2-1 最新电影主页面效果图 2 2 最新电影内页制作过程 里面看到的所有的内容都是一张用 Photoshop 处理过的图片，里面的内容有按钮交互响应、还有9 图片。这个页面里面的每一幅图片都是可以链接到每个电影的影片介绍里面的，相对每个分类的电影选项上都用了十几个链接，是利用热区域跟跳转的命令来完成的。而且鼠标只要移动到内地电影的旁边就会显示出港台电影、欧美电影的所有电影的页面。只要单击一下图 片就能看到电影详细的内容了。最终的效果图（ 图 2-2-1、 图 2-2-2、 图 2-2-3、 图 2-2-4、 图 2-2-5、 图 2-2-6）所示： 图 2-2-1 内地电影 图 2-2-2 内地电影 10 图 2-2-3 港台电影
