网管联盟 | 网管论坛 | 网管u家 | 网管博客 | 网管软件 | 网管求职 | 小游戏 | 网管搜索 | 网管原创 | 网管聚合 | 网管读摘 | 网管焦点 | 世界素材 | 会员投稿 | 会员中心 
中国网管联盟
Windows Linux Cisco 网络技术 数据库 黑客攻防 DotNet Java PHP 认证 新闻资讯 服务器 存储资讯 网络设备 网管学堂 技术专题 焦点 网吧频道
 当前位置: > bitsCN.com > 网管学堂 > 多媒体 > Authorware > 用Authorware做导航界面  

用Authorware做导航界面

2006-04-25  作者:BitsCN.com整理  来源:中国网管联盟  点评 投稿 收藏

 
Authorware是一个优秀的基于流程图标的交互式多媒体制作软件,.它允许开发者使用文字、图片、动画、声音、数字电影等信息来创作交互式应用程序,Authorware因为简单易用,无须编程即可制作具有交互功能的多媒体产品,而深受大众的喜爱。下面我们就用Authorware做一个多媒体演示,这可是一些公司树立品牌的新途径。

  网管联盟bitsCN@com

网管联盟bitsCN@com

关于片头动画

  中国网管论坛bbs.bitsCN.com

网管下载dl.bitscn.com 大家可能注意到,有较高品质的多媒体光盘一般都有片头,如何做片头可不是本文能说清楚的,这属于动画及视频合成范畴中的话题,比如说要做三维动画,可能要用到3dsMAX;而用Flash做的矢量动画,由于小巧而非常适合在网上发布,并且Flash使用起来相对容易,因而非常流行。视频合成一般是用Premiere,可以将拍摄的视频素材或在其它软件中合成的动画编辑成我们需要的片头。

 

中国网管联盟bitsCN.com

网管u家u.bitsCN.com

在Authorware中,用电影图标可直接导入AVI或MPG文件,如果希望片头有较高的品质又不占用太多的空间,可将片头压缩成MPEG4格式。另外,播放动画要占用大量内存,对速度较慢的电脑,全屏显示几乎不可能,因此导出电影时要设置合适的尺寸。

 

网管网www_bitscn_com

网管联盟bitsCN@com
界面的设计

 

网管联盟bitsCN_com

网管下载dl.bitscn.com

对于较为商业化的多媒体程序而言,主界面的设计是非常重要的,.最好是由美工来完成,当然其他人要熟悉平面设计软件,如Phoshop、Fireworks等,并有较好的审美能力及创意,完成此项工作也是可能的,图1是已完成的主界面。

  网管u家u.bitsCN.com

网管联盟bitsCN_com
图1主界面

  网管u家u.bitscn@com

网管bitscn_com

另外,还要制作四幅小图,它们将在主界面上随鼠标变化而交互显示,如图2所示。

 

网管网www.bitscn.com

网管u家u.bitscn@com
图2 用于交互显示的图片

  网管联盟bitsCN@com

网管bitscn_com

分界面也应该事先设计好,制作过程也不是本篇要讲的内容。

 

网管联盟bitsCN_com

网管u家u.bitsCN.com 此外,交互性是多媒体显著的特点,制作与背景风格一致的按钮图片是必要的,由于按钮存在四种状态,要是希望每一个状态都显示不同的图像,就需要四张内容略有差别的图片。我们也要准备好几组图片,以供制作按钮时调用。

  网管u家u.bitscn@com

网管联盟bitsCN_com

程序设计

 

网管u家u.bitsCN.com

中国网管论坛bbs.bitsCN.com
本文主要讲解用Authorware制作导航界面,下面是操作步骤:

  网管bitscn_com

网管bitscn_com
步骤1:创建新文件

  网管bitscn_com

网管论坛bbs_bitsCN_com 运行Authorware后,我们可以从File菜单中选取New命令, Authorware将弹出一个名Untitled的设计窗口。

 

网管网www.bitscn.com

中国网管论坛bbs.bitsCN.com 步骤2:设置窗口属性,

 

网管网www_bitscn_com

网管联盟bitsCN@com 从菜单中选择Modify>File>Properties命令来打开属性控制窗口,.根据目前多数电脑的配置,一般把size(窗口)大小设置为800X600(SVGA),其它设置如图3所示。

  网管联盟bitsCN_com

网管网www.bitscn.com
图3 属性窗口中Playback选项

 

中国网管联盟bitsCN.com

中国网管论坛bbs.bitsCN.com
步骤3:加入背景,

  网管联盟bitsCN_com

中国网管联盟bitsCN.com

从图标工具栏中拖一个显示图标到流程线上,命名为“背景”,双击该图标进入编辑状态,选择File菜单下的Import命令导入如图1所示的主界面。

 

网管联盟bitsCN@com

中国网管论坛bbs.bitsCN.com
提示:勾选Link To File(链接文件),图片将与程序建立链接关系而不会加入程序中,为了便于管理和打包发行,我们可在放打包程序的文件夹中建立放图片的子目录;如不勾选Link To File,图片将会成为程序的内部文件,在打包文件中我们就找不到原图片了。

  网管下载dl.bitscn.com

网管网www_bitscn_com 步骤4:设置交互按钮

  网管u家u.bitscn@com

网管联盟bitsCN_com 拖动一个交互图标到流程线上,命名为“主界面”,为了方便讲解,我们在这个程序中先设四个分栏,所以我们就拖动四个组图标到交互图标的右侧,在拖入第一个组图标时,将弹出Repones Type对话框,如图4所示。

  网管u家u.bitsCN.com

网管u家u.bitscn@com


图4 选择响应类型

 

网管u家u.bitscn@com

中国网管论坛bbs.bitsCN.com
当第一次把响应图标放在交互图标右侧时,我们在ReponesType对话框中选择的响应类型,就会成为以后放置响应图标的默认类型,要想改变某个响应类型,可在流程线上双击它,然后在打开的Properties:Repones对话框中点Type下拉菜单,从列表中另选一种交互方式。

 

网管网www_bitscn_com

网管联盟bitsCN@com 现在我们选中Button(按钮)单选框,单击OK。接下来分别把这几个组图标命名为 “交互1”、“交互2”、 “交互3”、 “交互4”。

 

网管u家u.bitsCN.com

网管u家u.bitscn@com 这里需要提醒一下,在做程序时应经常保存文件,以免自己的创作成果因电脑故障而消失得无影无踪,.相信每一个创作者都会对Authorware没有自动保存功能而深感不便!在第一次保存文件时可将程序命名为“项目宣传”,这时的流程线如图5所示。

  网管u家u.bitscn@com

网管bitscn_com


图5主界面流程线

TAGs   界面   导航   交互   按钮   图标   我们   显示   退出   图片   所示      
 上一篇:用Authorware制作专业安装界面   下一篇:两步制作音量控制程序
用Authorware做导航界面 评论:
loading.. 评论加载中…
评论:请自觉遵守互联网相关政策法规,评论不得超过250字。

验证码: 注册用户