Authorware实例教程:字幕和视频

2016-03-18 16:14 1068 1 收藏

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

【 tulaoshi.com - Authorware 】


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


图1主界面

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

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

  步骤1:导入背景图片

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

  步骤2:建立分界面

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


图2作品赏析流程线


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

 
图3分界面——作品赏析

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

  步骤3:导入显示面板

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


图4创作经过背景面板

  步骤4:制作遮罩

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


图5导入遮罩

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

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


图6设置遮罩的层


步骤5:加入音乐

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



图7声音属性窗口

  步骤6:输入文字

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

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

  步骤7:滚动文字

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


图8 移动属性窗口

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


图9 演示滚动的

123下一页

来源:http://www.tulaoshi.com/n/20160318/1889369.html

延伸阅读
标签: Painter
熟悉Painter的人都知道,Painter的功能,本专题,将带你认识Painter手绘。希望对你有所帮助!           1、Painter手绘实例教程-素描篇 素描是绘画的基础,那么什么是素描呢?素描就是“单色画”,所有单色构成的画种都可以称之为素描,无论使用的工具和颜色。下面我们使用pai...
标签: Web开发
使用JavaScript代替CGI 你可能对CGI脚本比较熟悉,利用CGI你可以通过表单将数字或者变量从一个网页上传递到另外一个网页。当然,你可以利用“POST”将变量以独立的线程进行传递而不显示在浏览器中,或者利用“GET”将变量编码到URL。 JavaScript不能在变量在服务器端被处理的时候利用POST方法;但是你可以注意到当你提交一个使用GET方法的表...
标签: FLASH flash教程
这种相册有一定立体感觉,但由于没有用到BITMAP类,而且在算法上,还有一定的问题。所以制作出来的效果,总不是很理想。让我有些头晕。或许是现在看得太多了的原故吧。呵呵...演示: http://www.taoshaw.com/taoshaw/study/qiang_xiangce/ 制作过程有点复杂。我写慢点吧。这个动画的代码其实不是很难,只是算法上有些麻烦。 1、新建一个...
标签: Web开发
在CSS规范中有一个渲染对象的概念,通常用一个盒子(box, rectangle)来表示。mozilla通过一个叫frame的对象对盒子进行操作。frame主要的动作有三个: * 构造frame, 以建立对象树(DOM树) * reflow, 以确定对象位置,或者是调用mozilla的Layout(这里是指源码的实现) * 绘制,以便对象能显示在屏幕上 总的来说,reflow就是载入内容树(...
标签: Web开发
使用JavaScript的日期函数 Date(日期)对象可以使用Date()构造器来创建,在前面的教程中我们已经介绍了Date()构造器,这里就不重复叙述。它没有参数,返回的数值就是当前的日期。下面的表格显示了为日期构造器的有效输入: var today = new Date();  返回当前的日期和时间   var newyear = new Date("December 31, 1998 23:...

经验教程

626

收藏

60
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部