Authorware实例教程:字幕和视频

缘宝麻妮

缘宝麻妮

2016-03-18 16:14

下面图老师小编跟大家分享一个简单易学的Authorware实例教程:字幕和视频教程,get新技能是需要行动的,喜欢的朋友赶紧收藏起来学习下吧!


前面我们已完成了“音乐欣赏”主界面的制作和流程的设计,界面如图1所示。


图1主界面

  由于还没有制作分界面,所以点击左侧的按钮画面不会发生跳转,这次我们就讲解其中“作品赏析”、“视频精选”这两个模块的设计步骤。

  一、“作品赏析”部分内容的制作

  步骤1:导入背景图片

  双击“作品赏析”组图标进入下一层设计窗口,拖动一个显示图标到流程线上,命名为“背景-作品欣赏”,双击打开,导入图片(即图3的背景)。

  步骤2:建立分界面

  根据脚本设计,(m.tulaoshi.com)我们又把“作品欣赏”分为“创作过程”、“作品简介”、“分段赏析”和“音乐知识”四个模块,这样首先拖一个交互图标到流程线上命名为“作品欣赏”,然后再拖动四个组图标到“作品欣赏”的右侧,分别命名为“创作经过”、“作品简介”、“分段赏析”和“音乐知识”。为了能方便的回到主界面,要另加一个“返回”按钮,流程线如图2所示。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/authorware/)


图2作品赏析流程线


 为了有良好的视觉效果,需要定做五个按钮,方法请参照上一篇文章的相关内容,“作品赏析”界面如图3所示。

 
图3分界面——作品赏析

  我们接下来讲解“创作过程”模块的制作,这部分能实现的效果是:在作品赏析界面点击“创作过程”按钮,会出现一个显示面板,在上面演示滚动的字幕并播放音乐,鼠标单击画面则回到“作品赏析”界面。

  步骤3:导入显示面板

  双击“创作过程”组图标,进入第三层设计窗口,在流程线上放置一个显示图标,命名为“背景-创作经过”,双击打开,导入背景图片,如图4所示。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/authorware/)


图4创作经过背景面板

  步骤4:制作遮罩

  为了让下面将制作的滚动字幕出现在面板的的“显示区”(即颜色淡的区域),就需要制作遮罩,方法是:在“背景-创作经过”图标下面放一个显示图标,命名为“背景-遮罩”,按Shift键双击图标,就能打开包含前一个背景图片的展示窗,导入上下两个做遮罩的图片(可从背景图片上截取),注意与背景图片对齐,如图5所示。


图5导入遮罩

  为了让遮罩出现在背景的上层,按Ctrl+I打开图标属性对话框,将Layer(层)设为1,如图6所示。


图6设置遮罩的层


步骤5:加入音乐

  在流程线上放置一声音图标,命名为“蓝色多瑙河音乐”,双击打开,单击“Import”按钮,导入一段录音文件,从“Concurrency”的下拉菜单中选取“Concurrency”(同步)选项,其它设置如图7所示。



图7声音属性窗口

  步骤6:输入文字

  在流程线上放置显示图标,命名为“蓝色多瑙河”,双击打开,选择文字工具,输入一段对“蓝色多瑙河”的介绍文字。

  步骤7:滚动文字

  拖动一个移动图标到流程线上,命名为“移动”,按“Shift”键再双击打开“移动”图标,选中我们刚输入的那一段文字,这时在对话框的左上角会出现我们选中的对象微缩图,表明我们已选中了文字。从“Type”(类型)中选择“Direct to Line”,如图8所示。


图8 移动属性窗口

  现在我们可以将文字向上移动至适当位置,做为运动的终点,运动的起点就是我们在显示图标“蓝色多瑙河”中设置的位置,我们可打开图标“蓝色多瑙河”将文字调整到屏幕的下方,点按钮PrevIEw可预览效果,如图9所示。


图9 演示滚动的

123下一页

展开更多 50%)
分享

猜你喜欢

Authorware实例教程:字幕和视频

Authorware 设计软件 平面设计软件 广告设计软件
Authorware实例教程:字幕和视频

Authorware7.0基础与实例教程 连载 2.3 工具栏

设计软件 平面设计软件 广告设计软件
Authorware7.0基础与实例教程 连载 2.3 工具栏

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

smarty实例教程

PHP
smarty实例教程

Flash实例教程:模拟海底世界-Flash实例教程

FLASH flash教程
Flash实例教程:模拟海底世界-Flash实例教程

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Flash实例教程:熊猫也能举重-Flash实例教程

FLASH flash教程
Flash实例教程:熊猫也能举重-Flash实例教程

Flash实例教程:制作联通富媒体广告实例教程

FLASH flash教程 autocad教程
Flash实例教程:制作联通富媒体广告实例教程

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

箭头飞向靶心

箭头飞向靶心

AutoCAD设计实例:小锤头造型(2)教程

AutoCAD设计实例:小锤头造型(2)教程
下拉加载更多内容 ↓