当前位置:首页>网络学院>多媒体教程>Authorware教程>文章内容

用Authorware 5.1作多媒体(上)

[ 来源: | 作者: | 时间:2007-07-22 | 收藏 | 推荐 ] 【

 

步骤3:加入背景,
拖动一个显示图标aw3-1.gif (119 bytes)到流程线上,并命名为“背景”,双击该图标进入编辑状态,选择File菜单下的Import命令导入一张分辨率为800X600的图片,如图5所示。

免费资源www.it55.com

用Authorware
图5导入图片 45398 www.it55.com it55学习IT知识,享受IT生活 4dfkjn

勾选Link To File(链接文件),图片将与程序建立链接关系而不会加入程序中,为了便于管理和打包发行,我们可在放打包程序的文件夹中建立放图片的子目录;不勾选Link To File,图片将会成为程序的内部文件,在打包文件中我们就找不到原图片了。 IT资讯之家 www.it55.com

步骤4:制作交互按钮
拖动一个交互图标到流程线上,命名为“主界面”,因为我们这个应用程序一共有四个模块,所以我们就拖动四个映射图标到“主界面”图标的右下侧,在拖入第一个映射图标时,将弹出“Repones Type”对话框,如图6所示。

免费资源www.it55.com

用Authorware
图6 选择响应类型

IT资讯之家 www.it55.com

我们选中“Button”单选框,单击“OK”。接下来分别把这几个映射图标命名为“作品赏析、作曲家传、音乐欣赏、视频精选”,这里需要提醒一下,在做程序时应经常保存文件,以免自己的创作成果因电脑故障而消失得无影无踪,相信每一个创作都会痛述Authorware没有自动保存功能!在第一次保存文件时可将顺便将程序命名为“音乐欣赏”,如图7所示。 www.it55.com

用Authorware
图7主界面流程线 vd;k;l www.it55.com rdfg

相关知识:
多媒体具有交互性,可实现作品的人机对话,这是传统媒体所不具备的特点,也是的多媒体作品大受欢迎的原因。Authorware 5.1共有十一种交互方式,可方便地实现各种交互,下面分别介绍,参见图6。 it55.com

  • Button(按钮):选中它系统将会提供各种标准按钮,可设置按钮的大小与位置,也可自定义按钮以使画面协调(就象本例所做的)。当用户在展示窗口单击按钮时,作品将会执行此按钮下面的分支。
  • Hot Spot(热区):可在展示窗口创建不可见区域,通过设置可让用户在区域内通过单击、双击或将鼠标放入来产生交互。
  • Hot Object(热对象):是一种起按钮作用的图形对象,如果用户在透明区域点击(如圆环的中心),将不会产生交互。
  • Target Area(目标区域):可以定义需要移到特定区域的对象,当用户把对象移动到指定区域时执行交互。
  • Pull-down Menu(下拉菜单):可自动在作品的左上创建一个标题,该标题包含下拉菜单,当用户点击某项时,程序将执行选项下的分支。
  • Conditional(条件):当指定条件成立时,可使程序执行Conditional图标下的分支。
  • Text Entry(文本登录):可创建一个用户能输入字符或数字的区域,当匹配时程序执行下一分支。
  • Keypress(按键):可定义的特定的键,当用户按下了所选择的键,程序执行下一分支。
  • Tries Limit(尝试限制):当用户与当前交互已经进行了特定次数时,执行此分支。
  • Time Limit(时间限制):当用户与当前交互已经进行了特定时间时,执行此分支。
  • Event(事件):当指定事件成立时,可使程序执行特定的分支。一般与ActiveX及Xtras配合使用。

当第一次把响应路径放在交互图标右侧时,我们在“ReponesType”对话框中选择的响应类型,就会成为以后放置响应路径的默认类型,要想改变某个响应类型,可在流程线上双击它,然后在打开的“Properties:Repones”对话框(参见图9)中点Type下拉菜单,从列表中另选一种交互方式。 45398 www.it55.com it55学习IT知识,享受IT生活 4dfkjn

步骤5:定做按钮
首先制作几张与背景风格一致的按钮图片。注意,每一个按钮需要两张以上内容略有差别的图片,只有这样才能体现按钮的动感。我们将制作的几组图片分别保存,以供制作按钮时调用,如图8所示。 45398 www.it55.com it55学习IT知识,享受IT生活 4dfkjn

用Authorware
图8制作八个按钮图片 www.it55.com

注:制作按钮图形可用Photoshop或Fireworks等图象处理软件,其使用方法请参考相关资料。

vd;k;l www.it55.com rdfg

下面我们双击“作品赏析”映射图标上的按钮图标,弹出“Properties:Repones”对话框,如图9所示。

45398 www.it55.com it55学习IT知识,享受IT生活 4dfkjn

用Authorware
图9按钮响应对话框 www.it55.com

为了有良好的视觉效果,我们希望每当用户的鼠标移到按钮都会改变形状,以提醒用户此处可做交互控制。但在Authorware中默认的鼠标是不会改变形状的,重新设置方法是点Cursor项右边的按钮,在弹出的对话框中单击所需要的鼠标形状,然后点OK确定,如图10所示。 免费资源www.it55.com

用Authorware
图10选择鼠标形状
免费资源www.it55.com

现在回到按钮响应对话框(见图9),单击“Button”按钮,弹出按钮对话框。因为我们不用系统提供的按钮,所以点击“Add”,如图11所示。

免费资源www.it55.com

用Authorware
图11 按钮选择框 www.it55.com

这时弹出按钮编辑窗口,单击左上角Normal栏的Up状态项,开始设置按钮弹起时的状态,单击raphic栏右边的“Imort”按钮,弹出“Import which file”对话框,选择前面我们制作好的按钮图片,图片被加入到编辑器中,如图12所示。

45398 www.it55.com it55学习IT知识,享受IT生活 4dfkjn

用Authorware
图12 按钮编辑器

IT资讯之家 www.it55.com

制作按钮按下时的状态,先单击左上角Normal栏的Down状态项,再选择raphic栏右边“Imort”按钮,导入相应图片即可。与之相类似,我们还可制作Over、Disabled状态下显示的图片。
重复以上操作,创建其它的按钮。OK!这样,我们就拥有一组属于自己的按钮。注意,我们也可以为按钮的每种状态添加上指定的音效,点Sound栏右边的“Imort”按钮,导入按键效果音响。 sflj www.it55.com kg^&fgd

现在我们可以预览演示效果:按快捷键Ctrl+p,Authorware就会运行已完成的主流程部分,显示如图1所示的主画面。 vd;k;l www.it55.com rdfg

好了,暂时结束我们的多媒体之旅,在下一讲中,我们将学习电影的导入和路径的设置,还有动画方面的技巧...,另外我们还会将简化的程序放在网上,如果需要,请访问我们站点http://www.yufeng21.com,到“作品选载”专栏。 vd;k;l www.it55.com rdfg

(编辑:IT资讯之家 www.it55.com

返回顶部
共2页: 上一页 [1] 2 下一页  

网友评论

[以下评论为网友观点,不代表本站。请自觉遵守互联网相关政策法规,所有连带责任均有评论者自负。]
[不超过250字]