Authorware实例教程.docx
- 文档编号:8646181
- 上传时间:2023-02-01
- 格式:DOCX
- 页数:32
- 大小:906.05KB
Authorware实例教程.docx
《Authorware实例教程.docx》由会员分享,可在线阅读,更多相关《Authorware实例教程.docx(32页珍藏版)》请在冰豆网上搜索。
Authorware实例教程
Authorware实例教程
(1):
界面和流程
随笔 2006-12-1710:
02 阅读290 评论0
字号:
大大 中中 小小
记住,要学会Authorware并不困难,但在要成为Authorware专家一就不那么容易,因为它的功能太强大了。
现在我们就正式进入主题,讲解一个关于“音乐欣赏”的多媒体实例,本文介绍界面和流程的制作过程以及相关知识。
用户界面如图1所示。
图1主界面
本实例一共有四大模块,界面左侧四个图标为按钮,分别点击后可进入作品赏析、作曲家传、音乐欣赏和视频精选四个分界面。
步骤1:
创建新文件
我们可以从File菜单中选取New命令,也可以单击工具栏中的
按钮。
Authorware将弹出一个名"Untitled"的设计窗口,如图2所示。
图2只有流程线的设计窗口
相关知识:
设计窗口是用以显示一个多媒体程序的逻辑设计结构,它很象我们在中学物理中常见的电路图,思路也很相似,我们可以把Authorware中的流程线看成电线,流程线上的各种图标当成是电阻或开关等电子元件,这样就能很好的这种由流程线及其按钮图标组成的“线路图”。
如果你的电路知识一穷二白,当然没有必要再去学电路原理,只不过这样的话在学Authorware时就要有些耐心。
在进一步讲解流程线之前,先要熟悉设计窗口左边的图标工具。
图标工具的运用可以说是
显示图标
负责显示文字或图片对象,即可从外部导入,也可使用内部提供的“图形工具箱”创建文本或绘制简单的图形。
移动图标
可以移动显示对象以产生特殊的动画效果,共有五种移动方式可供选择。
擦除图标
可以用各种效果擦除显示在展示窗口中的任何对象。
等待图标
用于设置一段等待的时间,也可等操作人按键或单击鼠标才继续运行程序。
导航图标
当程序运行到此处时,会自动跳转到其指向的位置。
框架图标
为程序建立一个可以前后翻页的控制框架,配合导航图标可编辑超文本文件。
决策图标
实现程序中的循环,可以用来设置一种判定逻辑结构。
交互图标
可轻易实现各种交互功能,是
计算图标
执行数学运算和Authorware程序,例如,给变量赋值、执行系统函数等,利用计算图标可增强多媒体编辑的弹性。
映射图标
在流程线中能放置的图标数有限,利用它可以将一组设计图标合成一个复合图标,方便管理。
电影图标
在程序中插入数字化电影文件(包括*.avi,*.flc,*.dir,*.mov,*.mpeg等),并对电影文件进行播放控制。
声音图标
用于在多媒体应用程序中引入音乐及音效,并能与移动图标、电影图标并行,可以做成演示配音。
视频图标
控制外部影碟机,目前我们很少会用到这项功能。
标志旗
用来调试程序。
白旗插在程序开始地方,黑旗插在结束处。
这样可以对流程中的某一段程序进行调试。
标志色
在程序的设计过程中,可以用来为流程线上的设计图标着色,以区分不同区域的图标。
现在我们来讲解流程线。
在中要设计一个多媒体作品,须将上面介绍的图标放置到流程线上,再编辑图标的内容,然后才能制作出多媒体程序,为了更好地理解的运行特点,我们通过一个典型的流程线图来说明,如图3所示。
图3加入各种图标的流程线
我们可以注意到在流程线的各处有一些箭头,它们可直观的反映程序运行次序,使我们能轻松的制作及调节程序。
最上方的显示图标,里面放的是图片,会在程序中首先出现,并且在擦除图标(第四个)来清除这个图片,并且也有五十多种
通过流程式的讲解,大家可能已经理解这种基于图标的创作方式,正是靠这条流程线及上面的图标,
步骤2:
设置窗口属性
从菜单中选择Modify>File>Properties命令来设置属性控制窗口,根据目前多数电脑的配置,一般把size(窗口)大小设置为800X600(SVGA)。
如图4所示。
图4属性窗口中Playback选项
在属性窗口中,有三个标签选项,这里先将Playback项简单的介绍一下。
∙标题栏:
默认的是Untitled,我们可将其改为一个有意义的名字,比如“音乐欣赏”。
∙Colors(颜色):
可分别设定背景色和色度键(如果电脑中有视频卡,并在屏幕上播放模拟视频时,它将映象到一个指定的色度键,目前很少用),背景色缺省色是白色,我们可以将其改为调色板中的任意一种颜色。
∙Size(全屏幕尺寸):
选择时要考虑显示器的配置,现在购置的电脑都支持800X600(SVGA)模式,如果希望在老爷电脑上能全屏播放,可选600X480(VGA,Mac13")。
∙CenteronScreen(屏幕中间显示):
如果你的作品为800X600,而播放电脑的分辩率为1024X786,勾选它就能使作品出现在屏幕中央。
∙TitleBar(标题条):
如果展示窗比电脑屏幕小的话,就能自动出现一个标题栏,用户可以拖动标题栏来移动展示窗。
∙MenuBar(菜单条):
在作品的左上角会出现一个名为File的用户菜单,在File菜单下为一个“Quit(退出)”命令,它的出现可能会影响画面的视觉效果,如果要做比较专业的作品就不选。
∙TaskBar(任务栏):
如果勾选,将会显示视窗系统下方的任务栏(同时作品的这部分将被任务栏遮住),任务栏包含一些已打开的窗口图标,通过它可方便的在各窗口之间切换。
如果不勾选,任务栏将不会出现,这样的好处是保持作品的完整显示。
∙OverlayBar(覆盖菜单栏):
选中后位于展示窗顶部,将有20个象素的的画面不会被显示。
∙MatchWindowColour(匹配Window颜色):
这一选择将使你设定的背景颜色不起作用。
∙StandardAppearance(标准外观):
勾选此项可使用户覆盖Authorware对所有系统按钮和对象的默认设置。
∙Window3.1Metrics(Window3.1计量):
目前还在用Window3.1的电脑一般不具多媒体功能,所以不需考虑。
步骤3:
加入背景,
拖动一个显示图标
到流程线上,并命名为“背景”,双击该图标进入编辑状态,选择File菜单下的Import命令导入一张分辨率为800X600的图片,如图5所示。
图5导入图片
勾选LinkToFile(链接文件),图片将与程序建立链接关系而不会加入程序中,为了便于管理和打包发行,我们可在放打包程序的文件夹中建立放图片的子目录;不勾选LinkToFile,图片将会成为程序的内部文件,在打包文件中我们就找不到原图片了。
步骤4:
制作交互按钮
拖动一个交互图标到流程线上,命名为“主界面”,因为我们这个应用程序一共有四个模块,所以我们就拖动四个映射图标到“主界面”图标的右下侧,在拖入第一个映射图标时,将弹出“ReponesType”对话框,如图6所示。
图6选择响应类型
我们选中“Button”单选框,单击“OK”。
接下来分别把这几个映射图标命名为“作品赏析、作曲家传、音乐欣赏、视频精选”,这里需要提醒一下,在做程序时应经常保存文件,以免自己的创作成果因电脑故障而消失得无影无踪,相信每一个创作都会痛述Authorware没有自动保存功能!
在第一次保存文件时可将顺便将程序命名为“音乐欣赏”,如图7所示。
图7主界面流程线
相关知识:
多媒体具有交互性,可实现作品的人机对话,这是传统媒体所不具备的特点,也是的多媒体作品大受欢迎的原因。
Authorware共有十一种交互方式,可方便地实现各种交互,下面分别介绍,参见图6。
∙Button(按钮):
选中它系统将会提供各种标准按钮,可设置按钮的大小与位置,也可自定义按钮以使画面协调(就象本例所做的)。
当用户在展示窗口单击按钮时,作品将会执行此按钮下面的分支。
∙HotSpot(热区):
可在展示窗口创建不可见区域,通过设置可让用户在区域内通过单击、双击或将鼠标放入来产生交互。
∙HotObject(热对象):
是一种起按钮作用的图形对象,如果用户在透明区域点击(如圆环的中心),将不会产生交互。
∙TargetArea(目标区域):
可以定义需要移到特定区域的对象,当用户把对象移动到指定区域时执行交互。
∙Pull-downMenu(下拉菜单):
可自动在作品的左上创建一个标题,该标题包含下拉菜单,当用户点击某项时,程序将执行选项下的分支。
∙Conditional(条件):
当指定条件成立时,可使程序执行Conditional图标下的分支。
∙TextEntry(文本登录):
可创建一个用户能输入字符或数字的区域,当匹配时程序执行下一分支。
∙Keypress(按键):
可定义的特定的键,当用户按下了所选择的键,程序执行下一分支。
∙TriesLimit(尝试限制):
当用户与当前交互已经进行了特定次数时,执行此分支。
∙TimeLimit(时间限制):
当用户与当前交互已经进行了特定时间时,执行此分支。
∙Event(事件):
当指定事件成立时,可使程序执行特定的分支。
一般与ActiveX及Xtras配合使用。
当第一次把响应路径放在交互图标右侧时,我们在“ReponesType”对话框中选择的响应类型,就会成为以后放置响应路径的默认类型,要想改变某个响应类型,可在流程线上双击它,然后在打开的“Properties:
Repones”对话框(参见图9)中点Type下拉菜单,从列表中另选一种交互方式。
步骤5:
定制按钮
首先制作几张与背景风格一致的按钮图片。
注意,每一个按钮需要两张以上内容略有差别的图片,只有这样才能体现按钮的动感。
我们将制作的几组图片分别保存,以供制作按钮时调用,如图8所示。
图8 制作八个按钮图片
注:
制作按钮图形可用Photoshop或Fireworks等图象处理软件,其使用方法请参考相关资料。
下面我们双击“作品赏析”映射图标上的按钮图标,弹出“Properties:
Repones”对话框,如图9所示。
图9按钮响应对话框
为了有良好的视觉效果,我们希望每当用户的鼠标移到按钮都会改变形状,以提醒用户此处可做交互控制。
但在Authorware中默认的鼠标是不会改变形状的,重新设置方法是点Cursor项右边的按钮,在弹出的对话框中单击所需要的鼠标形状,然后点OK确定,如图10所示。
图10选择鼠标形状
现在回到按钮响应对话框(见图9),单击“Button”按钮,弹出按钮对话框。
因为我们不用系统提供的按钮,所以点击“Add”,如图11所示。
图11按钮选择框
这时弹出按钮编辑窗口,单击左上角Normal栏的Up状态项,开始设置按钮弹起时的状态,单击raphic栏右边的“Imort”按钮,弹出“Importwhichfile”对话框,选择前面我们制作好的按钮图片,图片被加入到编辑器中,如图12所示。
图12按钮编辑器
制作按钮按下时的状态,先单击左上角Normal栏的Down状态项,再选择raphic栏右边“Imort”按钮,导入相应图片即可。
与之相类似,我们还可制作Over、Disabled状态下显示的图片。
重复以上操作,创建其它的按钮。
OK!
这样,我们就拥有一组属于自己的按钮。
注意,我们也可以为按钮的每种状态添加上指定的音效,点Sound栏右边的“Imort”按钮,导入按键效果音响。
现在我们可以预览演示效果:
按快捷键Ctrl+p,Authorware就会运行已完成的主流程部分,显示如图1所示的主画面。
下一次我们将介绍字幕滚动及视频播放的制作技术。
Authorware实例教程
(2):
字幕和视频
随笔 2006-12-1710:
04 阅读167 评论0
字号:
大大 中中 小小
前面我们已完成了“音乐欣赏”,界面如图1所示。
图1主界面
由于还没有制作分界面,所以点击左侧的按钮画面不会发生跳转,这次我们就讲解其中“作品赏析”、“视频精选”这两个模块的设计步骤。
一、“作品赏析”部分内容的制作
步骤1:
导入背景图片
双击“作品赏析”组图标进入下一层设计窗口,拖动一个显示图标到流程线上,命名为“背景-作品欣赏”,双击打开,导入图片(即图3的背景)。
步骤2:
建立分界面
根据脚本设计,我们又把“作品欣赏”分为“创作过程”、“作品简介”、“分段赏析”和“音乐知识”四个模块,这样首先拖一个交互图标到流程线上命名为“作品欣赏”,然后再拖动四个组图标到“作品欣赏”的右侧,分别命名为“创作经过”、“作品简介”、“分段赏析”和“音乐知识”。
为了能方便的回到主界面,要另加一个“返回”按钮,流程线如图2所示。
图2作品赏析流程线
为了有良好的视觉效果,需要定做五个按钮,方法请参照上一篇文章的相关内容,“作品赏析”界面如图3所示。
图3分界面——作品赏析
我们接下来讲解“创作过程”模块的制作,这部分能实现的效果是:
在作品赏析界面点击“创作过程”按钮,会出现一个显示面板,在上面演示滚动的字幕并播放音乐,鼠标单击画面则回到“作品赏析”界面。
步骤3:
导入显示面板
双击“创作过程”组图标,进入第三层设计窗口,在流程线上放置一个显示图标,命名为“背景-创作经过”,双击打开,导入背景图片,如图4所示。
图4创作经过背景面板
步骤4:
制作遮罩
为了让下面将制作的滚动字幕出现在面板的的“显示区”(即颜色淡的区域),就需要制作遮罩,方法是:
在“背景-创作经过”图标下面放一个显示图标,命名为“背景-遮罩”,按Shift键双击图标,就能打开包含前一个背景图片的展示窗,导入上下两个做遮罩的图片(可从背景图片上截取),注意与背景图片对齐,如图5所示。
图5导入遮罩
为了让遮罩出现在背景的上层,按Ctrl+I打开图标属性对话框,将Layer(层)设为1,如图6所示。
图6设置遮罩的层
步骤5:
加入音乐
在流程线上放置一声音图标,命名为“蓝色多瑙河音乐”,双击打开,单击“Import”按钮,导入一段录音文件,从“Concurrency”的下拉菜单中选取“Concurrency”(同步)选项,其它设置如图7所示。
图7声音属性窗口
步骤6:
输入文字
在流程线上放置显示图标,命名为“蓝色多瑙河”,双击打开,选择文字工具,输入一段对“蓝色多瑙河”的介绍文字。
步骤7:
滚动文字
拖动一个移动图标到流程线上,命名为“移动”,按“Shift”键再双击打开“移动”图标,选中我们刚输入的那一段文字,这时在对话框的左上角会出现我们选中的对象微缩图,表明我们已选中了文字。
从“Type”(类型)中选择“DirecttoLine”,如图8所示。
图8移动属性窗口
现在我们可以将文字向上移动至适当位置,做为运动的终点,运动的起点就是我们在显示图标“蓝色多瑙河”中设置的位置,我们可打开图标“蓝色多瑙河”将文字调整到屏幕的下方,点按钮Preview可预览效果,如图9所示。
图9演示滚动的文字
步骤8:
退出分支
拖一个等待图标放在流程线上,双击等待图标,在等待属性窗口中勾选鼠标点击及按键事例,这样我们按任意键或在显示窗中点击鼠标时,都会使程序向下运行,如图10所示。
图10设置等待属性
最后在流程线上再放一个计算图标,命名为“exit”,双击计算图标,在打开的窗口中输入GoTo(IconID@“背景-作品欣赏”),这是一个系统函数,程序运行到“exit”时,就会自动跳转到显示图标“背景-作品欣赏”上(即图3所示的作品赏析界面),全部分支流程线如图11所示。
图11“创作过程”流程线
二、“视频精选”的实现方案
现在我们又回到主界面(见前面图1),讲解“视频精选”这一分支模块的设计方法。
为了提高效率,可以先设计好流程线,再加入内容,如图12所示。
图12“视频精选”流程线
接着就可进行下面的步骤。
步骤1:
在显示图标“背景-视频”中加入背景图片,如图13所示。
图13视频精选背景面板
步骤2:
在“背景-视频遮罩”中(即长条的两端)加入遮罩图片。
步骤3:
在“圆舞曲简介”图标中加入文字。
由于这几步与上面的步骤3、4、6类似,就简单略过。
这里重点讲述加载电影及字幕的同步播放。
步骤4:
加载电影
双击流程线上的“电影”图标,弹出“MovieIcon”对话框,单击“Import”按钮,弹出“ImportWhichFile”对话框,如图13所示。
图14导入视频文件
选取我们所需加载的数字化电影文件(Authorware支持的数字化电影包括MPEG、Director、Flc/Fli、BitmapSequencce、QuickTime以及VideoforWindows类型的文件),勾选对话框中的“ShowPreview”复选框,则可以预览电影文件。
单击“Import”按钮,返回“MovieIcon”对话框,如图15所示。
图15电影属性对话框Movie选项
在对话框左上角有一组按钮,单击可控制展示窗的视频播放,这四个按钮的作用分别是:
终止正在播放的电影;
开始播放;
进行单帧播放;
返回至前一帧。
在属性窗口,有三个标签选项,这里先将Movie项简单的介绍一下。
∙File(文件):
显示电影的路径及文件名
∙storage(保存方式):
一般AVI,MOV,DIR等作为外部文件,FLC等作为内部文件。
∙Mode(模式):
对于AVI,MOV电影,此项不能激活,而对FLC/FLI及PICS数字化电影有效。
打开Mode的下拉列表,共有四种模式:
oOpaque(不透明):
播放画面将全部覆盖其下面的对象。
oMatted(褪光):
将使播放区下面的对象中不可见的像素点转换成透明的颜色显示。
oTransparent(透明):
将使数字化电影画面中以透明颜色显示的像素点变得不可见,因此在这些像素点的位置上将显示出其下面对象在该位置上的像素点,从而生成一种透明效果。
oInverse(反转):
数字化电影画面的像素点颜色将变成它下面的对象像素点的颜色,从而生成一种反色效果。
∙Option(选项):
包括防止自动擦除(preventAutomaticErase),播放音频(AudioOn)等选项。
在电影属性窗口按标签Timing,出现切换后的对话框,在Concurrency下拉菜单上选取“Concurrent”选项,其它设置保持默认值,点OK电影加载完毕,如图16所示。
图16电影属性对话框Timing选项
在此对话框中,我们还应了解下面内容。
Concurrency(并行):
此选项决定电影播放时后面的图标的该干什么,有三个选项。
∙WaitUntilDone(等候到完成):
使下一个图标直到电影播放完成后才能运行。
∙Concurrent(同步):
作用是当程序播放电影的同时继续执行下面的图标。
∙Perpetual(永远):
只要给定的条件成立,就可运行后面的程序。
Play(播放):
在其下拉框中有三种选择:
∙FixedNumberofTimes(固定次数):
播放的次数由下行的正文输入框中的数字决定。
∙Repeately(重复):
可以选择重复播放。
∙UntilTrue(条件为直):
则在下行的正文输入框中值为TRUE时开始播放。
在Rate区的正文输入框内可以输入播放电影的速率,单位是每秒播放的帧数,一般按正常播放电影的速率播放,即每秒24-30帧,如果该输入框不输入任何数值,将保持原文件设定的隐含的播放速率。
在StarFrame和EndFrame区的正文输入框中可设置起始与结束的帧数。
技巧:
如果发现电影在背景图片上的过大或过小,可打开控制面板
,先点Play(播放)按钮,运行电影图标,再点Pause(暂停)按钮,然后我们就可用鼠标拖动电影四周的小方框,调整电影的尺寸。
步骤5:
字幕的同步播放
在流程线上双击移动图标“移动简介”,进入MovieIcon对话框,从“Type”区的下拉菜单中选定“DirecttoPoint”,从“Concurrency”区的下拉菜单上选取“Concurrent”选项,单击显示窗口中的文字作为移动对象,用鼠标将文字向左拖向最终目标位置,对话框设置如图17所示。
图17移动属性窗口
技巧:
为了让字幕与电影同步播放,我们可在保存电影的文件夹中找到被调用的电影文件,点鼠标右键,在弹出的下拉菜单中选属性,然后在出现的面板中选详细资料,其中就有媒体长度(即电影播放时间),将它作为字幕运行时间,填在Timing下面(参见图17),就OK了。
步骤6:
退出分支,设置等待及返回图标,方法同“作品赏析”中的步骤8相同。
现在我们可以演示这段效果:
按快捷键Ctrl+P,出现如图1所示的主界面,点按钮“视频精选”,就出现如图18所示的效果。
图18播放视频与显示动态字幕
我们可以看到电影在播放的同时,下方长条中的文字正不断从右向左移动,效果不错吧!
下次我们详细讲讲收尾和打包的工作。
Authorware实例教程(3):
收尾和打包
随笔 2006-12-1710:
06 阅读100 评论0
字号:
大大 中中 小小
前面我们已做出了能显示图片、动态字幕,声音、视频并有交互功能的多媒体程序。
当然,Authorware的功能还远远不止这些,比如,我们还可通过菜单命令Insert>Media>AnimatedGIF(或Flash)导入网页中常见的GIF(或Flash)动画,然后再用运动图标使其移动,使原本动画功能不强的Authorware能创造出动感十足的作品。
这些具体运用,我们可在实践中不断提高。
另外,有人可能会注意到:
在主界面中没有让程序正常退出的交互选项,下面我们就加上这部分内容并将程序打包成最终的作品。
一、退出分支
现在我们来制作退出分支,它的演示效果是:
当我们点击主界面右下角的退出按钮时,将弹出一个对话框,要求我们选择是否退出系统演示,点“是”将运行退出模块,点“否”程序就回到主界面。
步骤1:
首先,我们制作一个退出对话框和三组按钮——“退出”、“是”和“否”,如图1所示。
图1准备好图片
步骤2:
回到主流程线,拖一个组图标到交互图标中,命名为“退出”,如图2所示。
图2加上“退出”组图标后的主流程线
步骤3:
双击“退出”组图标上的按钮图标,弹出“Properties:
Repones”对话框,点Cursor项右边的按钮,在弹出的对话框中单击所需要的鼠标形状,然后点OK确定,回到按钮响应对话框,单击
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Authorware 实例教程