首页 > 设计 > 媒体动画 > 正文

Authorware开发实例:Authorware实际示例教学文章(1):界面和流程3

2020-09-19 18:24:07
字体:
来源:转载
供稿:网友
步骤5:定制按钮

  首先制作几张与背景风格一致的按钮图片。注意,每一个按钮需要两张以上内容略有差别的图片,只有这样才能体现按钮的动感。我们将制作的几组图片分别保存,以供制作按钮时调用,如图8所示。


图8  制作八个按钮图片

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

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


图9按钮响应对话框

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


图10选择鼠标形状

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


图11 按钮选择框

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


图12 按钮编辑器

  制作按钮按下时的状态,先单击左上角normal栏的down状态项,再选择raphic栏右边“imort”按钮,导入相应图片即可。与之相类似,我们还可制作over、disabled状态下显示的图片。

  重复以上操作,创建其它的按钮。ok!这样,我们就拥有一组属于自己的按钮。注意,我们也可以为按钮的每种状态添加上指定的音效,点sound栏右边的“imort”按钮,导入按键效果音响。

  现在我们可以预览演示效果:按快捷键ctrl+p,authorware就会运行已完成的主流程部分,显示如图1所示的主画面。下一次我们将介绍字幕滚动及视频播放的制作技术。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表