第3章 毕业留念册 (Authorware)(课件）-《多媒体技术应用》同步教学（电子工业版）

第3章 毕业留念册 (Authorware) 毕业留念册（Authorware） 本章主要内容 在本章的项目中，是制作一个略带忧伤的毕业留念册。主要学习了显示图标，擦除图标、等待图标、声音图标、框架图标、交互图标和群组图标的使用。 在这个项目中，使用了两种方式来构造交互程序，一种是按钮交互,另一种热区域交互。每种交互方式都有自己的特点和应用场合。 从项目的实际制作中可以看到，Authorware是一个多媒体整合集成工具。利用Authorware的集成功能，把文字、图片、Flash影片、音乐等媒体有机结合在一起生成精彩生动的多媒体作品。 校园的生活很短暂，昨日还忐忑地走进校园，转眼就各奔东西。毕业多年，深切地感受到青春是每一位同学最美好的岁月，青春也是最容易流失的，所以小张想做一份作品来纪念难忘的大学生活，并刻录成光盘邮寄给当年的每位同窗学友。 整个项目包括以下模块： 1．恩师档案 2．同窗学友 3．朝夕相伴的室友 4．校园各处难忘的角落 5．毕业瞬间的老照片和那些难忘的可爱笑容 3.1 项目分析 项目整体色彩是灰褐黑背景下配合渐变的高亮线条，进入主场景后，主界面下方是色彩斑斓的按钮，以体现那段最亮丽的青春岁月。背景音乐采用的是范玮琪版的“那些花儿”，悠悠回忆夹着淡淡忧伤。 项目是用Authorware设计完成的，利用Authorware的集成功能，把文字、老照片、视频、音乐等有机结合在一起。这种集成的实现，来自Authorware易于理解的流程线组织方式和强大的交互设计能力。 创意设计与解决方案 项目效果 1．用文件属性窗口进行项目设置。 2．用显示图标实现图片和文字的显示。 3．用显示图标的特效设置转场过渡效果。 4．等待图标和擦除图标。 5．群组图标。 6．框架图标与手动翻页结构的实现。 7．用声音图标添加背景音乐。 8．交互图标与缩略图的热区链接的实现。 9．插入Flash动画的方法。 相关知识点 项目分为七个模块来制作，具体制作过程如下： 3.2实现步骤 任务1 项目设置 步骤1 窗口大小设置为：800×600（SVGA）。 步骤2 取消“显示菜单栏”复选框的选中标记，选中“屏幕居中”复选框。 步骤3 选择菜单“文件→保存”命令，保存文件为“毕业留念册.a7p”。 3.2实现步骤 任务2 用显示图标设置背景图片 步骤1 将一个显示图标拖动到流程线上，命名为“背景”，用鼠标双击该显示图标，打开演示窗口。 步骤2 选择菜单“文件→导入和导出→导入媒体”命令，导入“Pic”文件夹中“主界面片头片尾”中的图片文件“face1.jpg”。 步骤3 双击所导入的图片打开“属性：图像”对话框，在这里可以更改图片大小、设置图片坐标等，如图。 3.2实现步骤 任务3 用等待图标设置背景等待时间 步骤1 用鼠标拖动等待图标到流程线上，命名为“等待1秒”。 步骤2 双击该图标，在属性设置窗口中设置等待时间为“1”秒，取消“显示按钮”和“按任意键”复选框的选中标记，如图。 3.2实现步骤 任务4 用声音图标导入背景音乐 步骤1 将一个声音图标拖动到流程线起始处，命名为“背景音乐”。 步骤2 双击该图标，在声音图标的属性设置窗口中单击“导入”按钮，选择导入“sound”文件夹中的声音文件“bgmusic.mp3” 步骤3 在该声音图标的属性窗口中单击“计时”选项卡，设置执行方式为“同时”，如图所示。 3.2实现步骤 任务5 片头动画的制作 1、建立毕业照片淡入淡出动画 步骤1 将一个群组图标拖动到流程线上，命名为“片头动画”。 步骤2 双击“片头动画”群组图标，打开“片头动画”设计窗口，再拖动一个群组图标 到流程线上，命名为“毕业”，双击“毕业”群组图标，打开“毕业”群组设计窗口。 步骤3 在“毕业” 群组设计窗口中，选择菜单“文件→导入和导出→导入媒体”命令，导入 “Pic”文件夹中“主界面片头片尾”中的图片“face2.jpg”。图片的坐标位置在“属性： 图像”对话框中设置为（100，100。 步骤4 选中“face2”图标，在其属性设置窗口中单击“特效”选择按钮，在打开的“特效方式” 选择窗口中选择“淡入淡出→变色”，如图3-9所示设置周期等参数选项。 步骤5 拖入一个等待图标到流程线上。在等待图标属性设置窗口中设置等待时间为“1”秒，取 消“显示按钮”和“按任意键”复选框的选中标记。 步骤6 将一个擦除图标拖动到流程线上，命名为“擦除face2”（擦除图标必须在要擦除的对象 显示之后再被执行）。 步骤7 拖曳“face2”图标到“擦除face2”图标上以建立擦除关系，选中“擦除face2”图标可查 看属性设置窗口中“face2”图标显示在“被擦除的图标”列表中。 步骤8 选中“擦除face2”图标，在其属性设置窗口中单击“特效”选择按钮，在打开的“特效 方式”选择窗口中选择“DmXP过渡→左右两端向中展示”，各选项参数选默认设置。 2、建立线条和文字动画 3、显示主交互界面 3.2实现步骤 任务6 主程序的制作 框架结构 任务1．建立框架结构 任务2．框架的导航控制 任务3．自定义交互按钮 过渡群组模块 恩师档案模块 任务1．建立总框架流程图 任务2．制作教师信息 任务3．实现热区域交互操作 同窗学友模块 任务1．建立框架流程图 任务2．修改框架的导航控制和按钮 任务3．制作同学信息 B11室友模块 别了校园模块 我们毕业了模块 3.2实现步骤 任务7 结束模块 双击“结束本片”群组图标，在其设计窗口中编辑内容。 步骤1 添加一个计算图标命名为“退出” 步骤2 双击该计算图标，在计算图标窗口中输入语句：Quit(0) 3.2实现步骤 通过本章的学习，读者应熟练掌握显示图标，擦除图标、等待图标、声音图标、框架图标，交互图标和群组图标的使用方法。 另外，通过本项目的制作,学习利用按钮交互和热区域交互来构造交互程序的设计方法。 3.3 项目总结 3.4 实训练习 实训练习 制作产品介绍 苹果iPhone自问世以来便一直是媒体和大众聚焦的热点。2010年6月开始上市的第四代iPhone，在很多方面都是第一次。 为了便于人们了解iPhone 4这项产品，制作一个有关iPhone 4产品介绍的多媒体作品。 参考效果如图，也可以自行设计 。 图3-44 开始画面 图3-45 主程序画面 图3-46 退出画面 $$