前 言
多媒体课件在现代教学技术与学科教学中的作用越来越引起重视,应用也日趋广泛。通过图片、文字动画、影视、声音等多种媒体的有机组合,可取得良好的教学效果。它的设计和制作也越来越成为广大教师应掌握的一门技术。在所运用的制作软件工具中,Authorware以操作平台的可视性和交互性强,逻辑结构清晰等优点备受广大教师的青睐。多媒体课件的优点是:容易设计出比较清晰和有层次感作品, 更加可以体验到制作的设计视觉效果,是编程设计和画面设计的一大集合体验,可以让观看者方便观赏和欣赏软件媒体的风格和特色。特点是:具有多媒体素材的集成能力,多样化的交互作用能力,基本的图形、图像处理能力。
本制作主要利用课堂学习的Authorwarer课件制作技巧,以Photoshop、Flash软件为辅助,采用声音、图像、文字,按钮工具,通过各种的细分,已达到方便大家了解到各式各样的电影,并利用网上可利用的jpg图片资源,自己设计的框架,logo,以及flash动画等营造一个值得你深爱的电影站。以简洁、生动、易控的网页浏览方式将作品呈现给大家。
关键字:多媒体 Authorware 哈鲁 电影 多媒体设计
目录
前 言 ................................................................................................................................................................... 1
1、简介 ............................................................................................................................................................... 4
1.1 多媒体设计简介 ............................................................................................................................... 4
1.2 作品的流程图 ................................................................................................................................... 4
1.3 多媒体片头界面 ............................................................................................................................... 5
1.4 多媒体主界面 ................................................................................................................................... 5
1.5 多媒体片尾界面 ............................................................................................................................... 7
1.6 多媒体背景音乐 ............................................................................................................................... 8
2、多媒体课件主体制作1 ................................................................................................................................ 9
2.1 最新电影模块制作过程 ................................................................................................................... 9
2.2 最新电影内页制作过程 ................................................................................................................. 9
2.3 最新电影的影片欣赏 ................................................................................................................... 13
3、多媒体课件主体制作2 .............................................................................................................................. 14
3.1 分类电影 ......................................................................................................................................... 14
3.2内页部分 .......................................................................................................................................... 14
3.3 页面内容 ......................................................................................................................................... 15
3.4欣赏部分 .......................................................................................................................................... 19
3.5影剧照相册部分 .............................................................................................................................. 20
4、Authorware 多媒体的制作 ....................................................................................................................... 21
4.1 Authorware 多媒体的制作 ........................................................................................................... 21
4.2 Authorware函数的使用 ................................................................................................................ 21
4.3 制作过程中其他事情 ..................................................................................................................... 22
5、动画制作 ..................................................................................................................................................... 24
5.1 片头动画制作 ................................................................................................................................. 24
5.1.1 片头制作步骤: ............................................................................................................... 25
5.2 主界面制作 ..................................................................................................................................... 27
5.2.1 logo的制作: .................................................................................................................... 28
6、结束语 ......................................................................................................................................................... 28
7、致谢 ............................................................................................................................................................. 29
8、参考文献 ..................................................................................................................................................... 29
1、简介
1.1 多媒体设计简介
制作(设计)的主题是电影,其中对电影进行了分类,从地区区分为港台最新、欧美最新、内地最新以及以内容区分为喜剧片、科幻片、和惊悚片等。主要采用了声音、图像、文字、按钮等工具。
本制作是运用了我们学过的知识并主要采用了Authorware、Photoshop、Flash等软件来完成的毕业设计。制作过程中运用了JPG格式的图片、GIF格式的图片、FLA格式的Flash和自己设计的框架,以及网上采集的图片资源等。
Authorware提供了一个标准函数quit(),用户可以允许运行完一个课件后马上退出。这样,当程序运行到这些图标时就可以直接退出本程序与课件。Authorware还提供了标准函数goto(iconid@""),这个函数是用来当一个课件运行完后直接跳转到用户指定的另外一个可见,方便快捷。
开始制作之前,首先要把对象的属性窗口设置为800*600的大小(工具栏——修改——文件——属性——大小:800*600),然后就可以开始工作了。
1.2 作品的流程图
流程图是用Photoshop来完成,利用Authorware软件里的交互式按钮控件来实现。流程图如下(图1)所示:
图1 流程图
1.3 多媒体片头界面
接着便是主程序的制作了。一个好的作品那肯定要用一个片头的动画制作,那样可以让大家一看就知道你里面的内容大概是说些什么的,让大家一目了然。片头的制作运用Authorware、Photoshop等软件来完成的,片头是一个倒数动画,令到界面有种生动的感觉。倒数计时完即会弹出我们“欢迎登陆哈鲁电影展”的标语。这一实现是用Authorware的等待文字特效来实现。效果图如下(图2)(图2-1)所示:
图2 片头界面的效果图
图2-1 欢迎标语
1.4 多媒体主界面
接着便是主程序的制作了。远行后,要进行连接的制作了,连接关乎到能不能够连接到程序里面的课件,可见是相当的重要。制作课件时的图片是经过Photoshop软件处理过的,它是一个方便用户处理图片的一个软件。作品中的所有图片都用Photoshop里面的透明处理过,还有一些就合并图层。将Photoshop处理好的图片导入Athorware做背景,通过运用Athorware里的交互式图标,文字图标,
以及动态效果来完成,电影站的logo是自己设计的,当鼠标滑过logo的时候,Hello字样即会有变化,达到画面生动以及对浏览用户亲切问好的意境。在我们的导航栏当中,分为首页、最新电影、电影排行、电影花边以及联系我们几个模块,下面将一一介绍。主界面的流程如下(图3)所示:
图3 主界面
热区响应类型(Hot Spot)。选择这种类型,程序运行入交互结构时,将为用户在屏幕上提供一个矩形的“热区”,用户可以通过要热区内单击鼠标、双击鼠标或鼠标指针移入热区内等方式激活交互响应,转入对应的图标分支运行。
在热区响应方式的属性设置对话框中,Hot Spot选项卡的选项设置如下(图4)所示:
图4 热区响应方式的属性
1. 热区尺寸:可在X、Y两个文本框中设置热区尺寸(以像素为单位)。
2. 热区位置:可在X、Y两个文本框中输入热区左上角的位置为热区定位(使用屏幕坐标系)。
3. 快捷键:热区交互方式也可以通过用户按下一个或几个特殊的键来等价地实现(可用于用户系统无
鼠标的情况)。在此对话框中可给出该热区对应的键盘选择键。
4. 匹配方式:在下拉列表框中给出热区响应的三种匹配方式。
(1)在热区内单击鼠标。选择此项,程序运行时,用户在热区范围内单击鼠标楞激活热区响应。
(2)在热区内双击鼠标。选择此项,程序运行时,用户在热区范围内双击鼠标楞激活热区响应。
(3)将鼠标指针移入热区内。选择此项,程序运行时,用户将鼠标指针移入热区范围内可激活热区
响应。
另外,关于热区响应的匹配还有下列两个可选项。
● 匹配时加亮。选项此项,程序运行时,当用户选中热区的瞬间,热区的颜色给以高亮回应。 ● 匹配标记。选项此项,程序运行时,在热区的左方出现一个小空方格,当用户选中热区后,
此格为实心方格。
5. 鼠标指针选择:单击右边的按钮打开一个鼠标样式列表,可从中选择系统提供的鼠标指针的鼠标指
针样式,也可以单击“Add”按钮另外输入鼠标样式。
热区的设置又有一定的灵活性,还能够避免按钮方式中作为图片输入的按钮被其他图片遮盖而失灵的弊病。
热区缺点是粉能设为简单和矩形区域,对边缘不规则的物体就困难了。这就是热对象方法。
1.5 多媒体片尾界面
多媒体片头界面是利用Authorware、Photoshop等软件来完成。片尾界面制作的过程的详细步骤在动画制作有详细介绍。最终效果图如下(图5)所示:
图5 片尾界面最终效果图
1.6 多媒体背景音乐
多媒体背景音乐是通用GoldWave编辑过,把声音调小一点,如果原本的音乐是很大声的,作为背景音乐应当柔和一点。最后导入到多媒体文档当中,其中将执行方式改为“同时”,
这样就可以同步播放。音乐编辑过程及属性如下图(图6-1 图6-2)所示:
图6-1音乐编辑窗口
图6-2 音乐属性
2、多媒体课件主体制作1
制作课件的里面图片都是经过Photoshop软件处理过的,它是一个方便用户处理图片的一个软件。作品中的所有图片都用Photoshop里面的透明处理过和一些合并图层。还有一些按钮也是用Photoshop来制作,通过填充不同的颜色,然后在Authorware中的按钮交互,将未按、在上、按下分别导入不同的颜色,那样就可以让按钮更加的生动。将最终的效果图片输出*.JPG,按钮输出*.gif的格式。导入到Authorware软件通过交互响应、参数Goto(ICONID@“*”) 来实现。程序内容包括有简介、标志、欣赏、相册、交通指南等内容,做得内容都是相对比较简单。分别将制作方法与最终效果介绍如下:
2.1 最新电影模块制作过程
此页面是最新电影这个部分的主页面,是有PHOTOSHOP把背景图弄出来。然后把背景图在AUTHORWARE的导入和导出功能,再把背景图导入进去。里面在最上方的黑色胶片里面的图片,是将每幅图片导进去后,利用热对象的交互图标来链接到别的页面。左下方是一个将内地最新、港台最新、欧美最新的最新电影分类的背景图导进去,然后做一个热区域的链接,同时也运用了AUTOHORWARE本身的一些简单效果。而右下方是一个GIF的动画来的。最终的效果图(图2-1)如下所示:
图2-1 最新电影主页面效果图
2.2 最新电影内页制作过程
里面看到的所有的内容都是一张用Photoshop处理过的图片,里面的内容有按钮交互响应、还有
图片。这个页面里面的每一幅图片都是可以链接到每个电影的影片介绍里面的,相对每个分类的电影选项上都用了十几个链接,是利用热区域跟跳转的命令来完成的。而且鼠标只要移动到内地电影的旁边就会显示出港台电影、欧美电影的所有电影的页面。只要单击一下图片就能看到电影详细的内容了。最终的效果图(图2-2-1、图2-2-2、图2-2-3、图2-2-4、图2-2-5、图2-2-6)所示:
图2-2-1 内地电影
图2-2-2 内地电影
图2-2-3 港台电影
图2-2-4 港台电影
图2-2-5 欧美电影
图2-2-6 欧美电影
2.3 最新电影的影片欣赏
里面看到的所有的内容都是一张用Photoshop处理过的图片,我是用PHOTOSHOP弄几个方形,然后把方形拼凑成一个播放器。然后把图片导进AUTHORWARE里面利用了热区域的交互命令,跟用里面自带的一个导入视频的命令来完成这个页面的。最终的效果图(图2-3-1、图2-3-2、图2-3-3)如下所示:
图2-3-1 内地电影预告片
图2-3-2 港台电影预告片
图2-3-3 欧美电影预告片
3、多媒体课件主体制作2
3.1 分类电影
此制作是运用了我们学过的知识并主要采用了 Photoshop 软件来完成的毕业设计。它是一个方便用户处理图片的一个软件。利用Authorware软件里的交互式按钮控件来实现。作品中的所有图片都用Photoshop里面的透明处理过和一些合并图层。还有一些按钮也是用Photoshop来制作,通过不同的图片,然后在Authorware中的按钮交互,将未按、在上、分别导入不同的图片,那样就可以让按钮更加的生动。将最终的效果图片输出*.JPG,按钮输出*.gif的格式。导入到Authorware软件通过交互响应、参数Goto(ICONID@“*”) 来实现。程序内容包括有简介、标志、欣赏、相册、交通指南等内容,做得内容都是相对比较简单。分别将制作方法与最终效果介绍如下:
3.2内页部分
简介的内容有简单介绍《哈鲁电影站》的来历。用Photoshop制作的一张图片为背景,然后利用Authorware的文件里面的导入和导出命令打开导入媒体,里面有一个GIF的文件,用了16个连接。最开始运行运用了Authorware本身预设置好的效果。最终的效果图(图1—1)如下所示
使用如图(图1—1)所示:
图1—1 窗口大小设置图
3.3 页面内容
里面看到的所有的内容都是一张用Photoshop制作的图片为背景,里面的内容有按钮交互响应、还有图片,有30张图片,全部都是上网下载下来的电影高清图片,每张图片里面都有它的介绍,一个有3张分别是喜剧片、科幻片和惊悚片。在这喜剧片、科幻片和惊悚片中的按扭放在上面的时候会有不同的效果,制作是用在Authorware中的按钮交互,将未按、在上分别导入分别导入不同的图片不一的按钮。最终的效果图(图2-1、图2-2、图2-3、图2-4)所示:
图2-1 喜剧片
图2-3 惊悚片
图2-3 惊悚片
图2-4 按钮的效果
3.4欣赏部分
里面看到的所有的内容都是一张用Photoshop制作的图片为背景,都是用Authorware的交互热区响应来实现与按钮来实现,最终的效果图(图3-1、图3-2)如下所示:
图3-1 播放窗口
图3-1 电影播放中
3.5影剧照相册部分
相册部分是用Photoshop制作了一个背景图,然后通过Authorware的框架来实现。有上一张、下一张和主页的三个按钮。最终效果图(图15)如下所示:
图4-1 剧照欣赏
4、Authorware 多媒体的制作
4.1 Authorware 多媒体的制作
通过上面一系列制作后,要完成设计已经是不费吹灰之力啦。因为在Authorware的制作中主要是将之前制作好Flash、图片导入到Authorware中就可以了。在使用Authorware来完成最终编辑时,会用到Authorware的一些相关的工具和图标如下:显示图标、擦除图标、计算图标、导航图标、框架图标、交互图标、群组图标、待图标及其特效,工具有文字工具、色彩控制等。
4.2 Authorware函数的使用
(1)ResizeWindow(width, height)
说明 ResizeWindow重新设定当前窗口,使之和指定的width,height参数相符合。ResizeWindow只能使用在计算图标中,不能在表达式中使用或嵌入。ResizeWindow和系统变量WindowHeight、WindowWidth、WindowTop、WindowLeft一起工作,这四个系统变量提供当前窗口的规格和位置信息。
使用如图(图17)所示:
图17 窗口大小设置图
(2)GoTo(IconID@"IconTitle")
说明 当authorware遇见GoTo语句时,它将跳到在IconTitle中指定的图标继续执行。 在使用GoTo语句前,可以考虑使用Navigate图标代替。Navigate图标让用户在flowline中自由移动,Authorware可以轻易地追踪用户的行动。用户可以:跳到框架内的任一个图标;返回用户观察的最后一个图标;显示用户观察过的图标的目录; 让用户搜索特定的图标并跳到这个图标. 如果目的图标是Navigation框架内的一个页面,Authorware在执行目的图标之前先执行框架入口的图标。如果Authorware要从框架内的页面跳出,Authorwae在执行目的图标之前先执行框架出口的图标。
使用如图(图18)所示:
图18 GOTO函数
(3)quit()
Authorware提供了一个标准函数quit(),用户可以允许运行完一个课件后马上退出。这样,当程序运行到这些图标时就可以直接退出本程序与课件。Authorware还提供了标准函数goto(iconid@""),这个函数是用来当一个课件运行完后直接跳转到用户指定的另外一个可见。方便快捷。使用如图(图19)所示:
图19 Quit函数
4.3 制作过程中其他事情
在制作过程和文件的调试中,我遇到了一些困难及问题,比如说,热区域的设置、图片的修改、擦除效果、控制音乐文件的播放开关等等。因为当中涉及到了一些函数的调用,比如说音乐文件播放开关的设置就需要调用函数来进行制作。热区域的设置需要设置为永久,否则,当点击的时候,可能会无法响应。图片的修改是因为可以令到界面更加漂亮。而擦除效果则是需要当用户点击某些连接的而擦除效果则是需要当用户点击某些连接的时候,当进入到想要看的内容时会被前面连接的内容所遮盖,所以,就要用到了擦除效果来擦除前面连接的内容。
图片的来源主要是来自于网上所提供的图片,本人用Photoshop作了一些修改。
其次就是总体逻辑的运行问题。有时就算是正确的逻辑思路,在运行上也会出现问题,所以就要重新调试一下了,看一下哪里是否出现了小问题,做最后的总体修改。
在制作途中常常遇到的是擦除功能不稳定,容易出现运行时不行的情况。为避免过多转换场景而变得头晕眼花,所以我选择了保留要用的图标,而并不是删除以前的图标,这样就避免了图片转换时
会出现没用的图片,运行效果也顺畅很多。
可能有很多我也说得不好,可能存在着有一点点表达的不清楚,不过也没有关系,快去运行看看体验一下吧!下面就是制作过程(如图20)所示:
图20制作过程图
5、动画制作
片头、片尾、主界面的完成是相对比较简单的,它所接触到的软件有Flash和Athorware。Flash是一种动画(电影)编辑软件。用它们可以制作出一种格式为SWF的动画,这个动画可以插入Authorware、HTML里也可以单独成为网页。由于具有交互性,Flash制作出的网页效果完全超出了DHTML、Java和ActiveX.。
5.1 片头动画制作
片头制作是利用Athorware、Photoshop 2个软件集合来完成。首先在网上搜索了一些需要利用的素材如下:如图(图21)所示:
图21 最初素材
5.1.1 片头制作步骤:
1.通过Photoshop软件的编辑合成形成片头倒数效果的5个页面 如(图22)所示:
图22 形成片头动态效果的素材原图
2.导入相关的素材,设置等待图标及设置动态效果如图(图23)所示:
图23 导入素材窗口图
3.最终效果图如下(图24)所示:
图24 片头1
5.2 主界面制作
1.在photoshop里面构出这样的框架,然后导入Athoeware 进行编辑。如(图28-1 图28-2)
图28-1 背景原图
图28-1 首页素材
5.2.1 logo的制作:
1.Logo是用PHOTOSOP编辑的,做成2个有出入的图标,导入Athorware制作按钮效果,让人觉得亲切,可爱。如(图29)所示。
6、结束语
在制作完一个课件后才发现要制作一个课件是一件不容易的事情,特别是一个好的课件,在制作的过程中我往往会发现有很多问题存在的,需要大量的素材、精力、要熟悉多个的软件,虽然这个软件没有什么高深的技术但已经是以我现有的知识全心全力去制作了。当然由于我的水平有限、时间仓促,不足之处同有些地方出错在所难免,敬请观看者指教和多多包涵。设计中有疏漏和不足之处请老师和同学阅览后多多提出您的宝贵建议。
7、致谢
本毕业制作是在卢燕玲老师精心指导和大力支持下完成的,她渊博的知识、开阔的视野和敏锐的思维给了我深深的启迪。同时,在此次毕业设计过程中我也学到了许多关于Authorware使用技巧,学习技能有了很大的提高。
另外,我还要特别感谢我们的组员,在这几个月的制作当中,他们给了很多的意见,和创新的念头,使作品不断地完善,她们为我完成这篇论文提供了巨大的帮助。 最后,再次对关心、帮助我的老师和同学表示衷心地感谢。
8、参考文献
1、李若瑾·Authorware7.0实例教程。北京:清华大学出版社,2004-8 2、许书明·Authorware7.0实用培训教程。北京:清华大学出版社,2003-8 3、卢正明·Photoshop 7.0中文版实例教程。北京:电子工业出版社,2004-7
4、前沿电脑图像工作室·巧学巧用Dreamweaver MX、Fireworks MX、Flash MX制作网页。北京:
人民邮电出版社,2002-4
前 言
多媒体课件在现代教学技术与学科教学中的作用越来越引起重视,应用也日趋广泛。通过图片、文字动画、影视、声音等多种媒体的有机组合,可取得良好的教学效果。它的设计和制作也越来越成为广大教师应掌握的一门技术。在所运用的制作软件工具中,Authorware以操作平台的可视性和交互性强,逻辑结构清晰等优点备受广大教师的青睐。多媒体课件的优点是:容易设计出比较清晰和有层次感作品, 更加可以体验到制作的设计视觉效果,是编程设计和画面设计的一大集合体验,可以让观看者方便观赏和欣赏软件媒体的风格和特色。特点是:具有多媒体素材的集成能力,多样化的交互作用能力,基本的图形、图像处理能力。
本制作主要利用课堂学习的Authorwarer课件制作技巧,以Photoshop、Flash软件为辅助,采用声音、图像、文字,按钮工具,通过各种的细分,已达到方便大家了解到各式各样的电影,并利用网上可利用的jpg图片资源,自己设计的框架,logo,以及flash动画等营造一个值得你深爱的电影站。以简洁、生动、易控的网页浏览方式将作品呈现给大家。
关键字:多媒体 Authorware 哈鲁 电影 多媒体设计
目录
前 言 ................................................................................................................................................................... 1
1、简介 ............................................................................................................................................................... 4
1.1 多媒体设计简介 ............................................................................................................................... 4
1.2 作品的流程图 ................................................................................................................................... 4
1.3 多媒体片头界面 ............................................................................................................................... 5
1.4 多媒体主界面 ................................................................................................................................... 5
1.5 多媒体片尾界面 ............................................................................................................................... 7
1.6 多媒体背景音乐 ............................................................................................................................... 8
2、多媒体课件主体制作1 ................................................................................................................................ 9
2.1 最新电影模块制作过程 ................................................................................................................... 9
2.2 最新电影内页制作过程 ................................................................................................................. 9
2.3 最新电影的影片欣赏 ................................................................................................................... 13
3、多媒体课件主体制作2 .............................................................................................................................. 14
3.1 分类电影 ......................................................................................................................................... 14
3.2内页部分 .......................................................................................................................................... 14
3.3 页面内容 ......................................................................................................................................... 15
3.4欣赏部分 .......................................................................................................................................... 19
3.5影剧照相册部分 .............................................................................................................................. 20
4、Authorware 多媒体的制作 ....................................................................................................................... 21
4.1 Authorware 多媒体的制作 ........................................................................................................... 21
4.2 Authorware函数的使用 ................................................................................................................ 21
4.3 制作过程中其他事情 ..................................................................................................................... 22
5、动画制作 ..................................................................................................................................................... 24
5.1 片头动画制作 ................................................................................................................................. 24
5.1.1 片头制作步骤: ............................................................................................................... 25
5.2 主界面制作 ..................................................................................................................................... 27
5.2.1 logo的制作: .................................................................................................................... 28
6、结束语 ......................................................................................................................................................... 28
7、致谢 ............................................................................................................................................................. 29
8、参考文献 ..................................................................................................................................................... 29
1、简介
1.1 多媒体设计简介
制作(设计)的主题是电影,其中对电影进行了分类,从地区区分为港台最新、欧美最新、内地最新以及以内容区分为喜剧片、科幻片、和惊悚片等。主要采用了声音、图像、文字、按钮等工具。
本制作是运用了我们学过的知识并主要采用了Authorware、Photoshop、Flash等软件来完成的毕业设计。制作过程中运用了JPG格式的图片、GIF格式的图片、FLA格式的Flash和自己设计的框架,以及网上采集的图片资源等。
Authorware提供了一个标准函数quit(),用户可以允许运行完一个课件后马上退出。这样,当程序运行到这些图标时就可以直接退出本程序与课件。Authorware还提供了标准函数goto(iconid@""),这个函数是用来当一个课件运行完后直接跳转到用户指定的另外一个可见,方便快捷。
开始制作之前,首先要把对象的属性窗口设置为800*600的大小(工具栏——修改——文件——属性——大小:800*600),然后就可以开始工作了。
1.2 作品的流程图
流程图是用Photoshop来完成,利用Authorware软件里的交互式按钮控件来实现。流程图如下(图1)所示:
图1 流程图
1.3 多媒体片头界面
接着便是主程序的制作了。一个好的作品那肯定要用一个片头的动画制作,那样可以让大家一看就知道你里面的内容大概是说些什么的,让大家一目了然。片头的制作运用Authorware、Photoshop等软件来完成的,片头是一个倒数动画,令到界面有种生动的感觉。倒数计时完即会弹出我们“欢迎登陆哈鲁电影展”的标语。这一实现是用Authorware的等待文字特效来实现。效果图如下(图2)(图2-1)所示:
图2 片头界面的效果图
图2-1 欢迎标语
1.4 多媒体主界面
接着便是主程序的制作了。远行后,要进行连接的制作了,连接关乎到能不能够连接到程序里面的课件,可见是相当的重要。制作课件时的图片是经过Photoshop软件处理过的,它是一个方便用户处理图片的一个软件。作品中的所有图片都用Photoshop里面的透明处理过,还有一些就合并图层。将Photoshop处理好的图片导入Athorware做背景,通过运用Athorware里的交互式图标,文字图标,
以及动态效果来完成,电影站的logo是自己设计的,当鼠标滑过logo的时候,Hello字样即会有变化,达到画面生动以及对浏览用户亲切问好的意境。在我们的导航栏当中,分为首页、最新电影、电影排行、电影花边以及联系我们几个模块,下面将一一介绍。主界面的流程如下(图3)所示:
图3 主界面
热区响应类型(Hot Spot)。选择这种类型,程序运行入交互结构时,将为用户在屏幕上提供一个矩形的“热区”,用户可以通过要热区内单击鼠标、双击鼠标或鼠标指针移入热区内等方式激活交互响应,转入对应的图标分支运行。
在热区响应方式的属性设置对话框中,Hot Spot选项卡的选项设置如下(图4)所示:
图4 热区响应方式的属性
1. 热区尺寸:可在X、Y两个文本框中设置热区尺寸(以像素为单位)。
2. 热区位置:可在X、Y两个文本框中输入热区左上角的位置为热区定位(使用屏幕坐标系)。
3. 快捷键:热区交互方式也可以通过用户按下一个或几个特殊的键来等价地实现(可用于用户系统无
鼠标的情况)。在此对话框中可给出该热区对应的键盘选择键。
4. 匹配方式:在下拉列表框中给出热区响应的三种匹配方式。
(1)在热区内单击鼠标。选择此项,程序运行时,用户在热区范围内单击鼠标楞激活热区响应。
(2)在热区内双击鼠标。选择此项,程序运行时,用户在热区范围内双击鼠标楞激活热区响应。
(3)将鼠标指针移入热区内。选择此项,程序运行时,用户将鼠标指针移入热区范围内可激活热区
响应。
另外,关于热区响应的匹配还有下列两个可选项。
● 匹配时加亮。选项此项,程序运行时,当用户选中热区的瞬间,热区的颜色给以高亮回应。 ● 匹配标记。选项此项,程序运行时,在热区的左方出现一个小空方格,当用户选中热区后,
此格为实心方格。
5. 鼠标指针选择:单击右边的按钮打开一个鼠标样式列表,可从中选择系统提供的鼠标指针的鼠标指
针样式,也可以单击“Add”按钮另外输入鼠标样式。
热区的设置又有一定的灵活性,还能够避免按钮方式中作为图片输入的按钮被其他图片遮盖而失灵的弊病。
热区缺点是粉能设为简单和矩形区域,对边缘不规则的物体就困难了。这就是热对象方法。
1.5 多媒体片尾界面
多媒体片头界面是利用Authorware、Photoshop等软件来完成。片尾界面制作的过程的详细步骤在动画制作有详细介绍。最终效果图如下(图5)所示:
图5 片尾界面最终效果图
1.6 多媒体背景音乐
多媒体背景音乐是通用GoldWave编辑过,把声音调小一点,如果原本的音乐是很大声的,作为背景音乐应当柔和一点。最后导入到多媒体文档当中,其中将执行方式改为“同时”,
这样就可以同步播放。音乐编辑过程及属性如下图(图6-1 图6-2)所示:
图6-1音乐编辑窗口
图6-2 音乐属性
2、多媒体课件主体制作1
制作课件的里面图片都是经过Photoshop软件处理过的,它是一个方便用户处理图片的一个软件。作品中的所有图片都用Photoshop里面的透明处理过和一些合并图层。还有一些按钮也是用Photoshop来制作,通过填充不同的颜色,然后在Authorware中的按钮交互,将未按、在上、按下分别导入不同的颜色,那样就可以让按钮更加的生动。将最终的效果图片输出*.JPG,按钮输出*.gif的格式。导入到Authorware软件通过交互响应、参数Goto(ICONID@“*”) 来实现。程序内容包括有简介、标志、欣赏、相册、交通指南等内容,做得内容都是相对比较简单。分别将制作方法与最终效果介绍如下:
2.1 最新电影模块制作过程
此页面是最新电影这个部分的主页面,是有PHOTOSHOP把背景图弄出来。然后把背景图在AUTHORWARE的导入和导出功能,再把背景图导入进去。里面在最上方的黑色胶片里面的图片,是将每幅图片导进去后,利用热对象的交互图标来链接到别的页面。左下方是一个将内地最新、港台最新、欧美最新的最新电影分类的背景图导进去,然后做一个热区域的链接,同时也运用了AUTOHORWARE本身的一些简单效果。而右下方是一个GIF的动画来的。最终的效果图(图2-1)如下所示:
图2-1 最新电影主页面效果图
2.2 最新电影内页制作过程
里面看到的所有的内容都是一张用Photoshop处理过的图片,里面的内容有按钮交互响应、还有
图片。这个页面里面的每一幅图片都是可以链接到每个电影的影片介绍里面的,相对每个分类的电影选项上都用了十几个链接,是利用热区域跟跳转的命令来完成的。而且鼠标只要移动到内地电影的旁边就会显示出港台电影、欧美电影的所有电影的页面。只要单击一下图片就能看到电影详细的内容了。最终的效果图(图2-2-1、图2-2-2、图2-2-3、图2-2-4、图2-2-5、图2-2-6)所示:
图2-2-1 内地电影
图2-2-2 内地电影
图2-2-3 港台电影
图2-2-4 港台电影
图2-2-5 欧美电影
图2-2-6 欧美电影
2.3 最新电影的影片欣赏
里面看到的所有的内容都是一张用Photoshop处理过的图片,我是用PHOTOSHOP弄几个方形,然后把方形拼凑成一个播放器。然后把图片导进AUTHORWARE里面利用了热区域的交互命令,跟用里面自带的一个导入视频的命令来完成这个页面的。最终的效果图(图2-3-1、图2-3-2、图2-3-3)如下所示:
图2-3-1 内地电影预告片
图2-3-2 港台电影预告片
图2-3-3 欧美电影预告片
3、多媒体课件主体制作2
3.1 分类电影
此制作是运用了我们学过的知识并主要采用了 Photoshop 软件来完成的毕业设计。它是一个方便用户处理图片的一个软件。利用Authorware软件里的交互式按钮控件来实现。作品中的所有图片都用Photoshop里面的透明处理过和一些合并图层。还有一些按钮也是用Photoshop来制作,通过不同的图片,然后在Authorware中的按钮交互,将未按、在上、分别导入不同的图片,那样就可以让按钮更加的生动。将最终的效果图片输出*.JPG,按钮输出*.gif的格式。导入到Authorware软件通过交互响应、参数Goto(ICONID@“*”) 来实现。程序内容包括有简介、标志、欣赏、相册、交通指南等内容,做得内容都是相对比较简单。分别将制作方法与最终效果介绍如下:
3.2内页部分
简介的内容有简单介绍《哈鲁电影站》的来历。用Photoshop制作的一张图片为背景,然后利用Authorware的文件里面的导入和导出命令打开导入媒体,里面有一个GIF的文件,用了16个连接。最开始运行运用了Authorware本身预设置好的效果。最终的效果图(图1—1)如下所示
使用如图(图1—1)所示:
图1—1 窗口大小设置图
3.3 页面内容
里面看到的所有的内容都是一张用Photoshop制作的图片为背景,里面的内容有按钮交互响应、还有图片,有30张图片,全部都是上网下载下来的电影高清图片,每张图片里面都有它的介绍,一个有3张分别是喜剧片、科幻片和惊悚片。在这喜剧片、科幻片和惊悚片中的按扭放在上面的时候会有不同的效果,制作是用在Authorware中的按钮交互,将未按、在上分别导入分别导入不同的图片不一的按钮。最终的效果图(图2-1、图2-2、图2-3、图2-4)所示:
图2-1 喜剧片
图2-3 惊悚片
图2-3 惊悚片
图2-4 按钮的效果
3.4欣赏部分
里面看到的所有的内容都是一张用Photoshop制作的图片为背景,都是用Authorware的交互热区响应来实现与按钮来实现,最终的效果图(图3-1、图3-2)如下所示:
图3-1 播放窗口
图3-1 电影播放中
3.5影剧照相册部分
相册部分是用Photoshop制作了一个背景图,然后通过Authorware的框架来实现。有上一张、下一张和主页的三个按钮。最终效果图(图15)如下所示:
图4-1 剧照欣赏
4、Authorware 多媒体的制作
4.1 Authorware 多媒体的制作
通过上面一系列制作后,要完成设计已经是不费吹灰之力啦。因为在Authorware的制作中主要是将之前制作好Flash、图片导入到Authorware中就可以了。在使用Authorware来完成最终编辑时,会用到Authorware的一些相关的工具和图标如下:显示图标、擦除图标、计算图标、导航图标、框架图标、交互图标、群组图标、待图标及其特效,工具有文字工具、色彩控制等。
4.2 Authorware函数的使用
(1)ResizeWindow(width, height)
说明 ResizeWindow重新设定当前窗口,使之和指定的width,height参数相符合。ResizeWindow只能使用在计算图标中,不能在表达式中使用或嵌入。ResizeWindow和系统变量WindowHeight、WindowWidth、WindowTop、WindowLeft一起工作,这四个系统变量提供当前窗口的规格和位置信息。
使用如图(图17)所示:
图17 窗口大小设置图
(2)GoTo(IconID@"IconTitle")
说明 当authorware遇见GoTo语句时,它将跳到在IconTitle中指定的图标继续执行。 在使用GoTo语句前,可以考虑使用Navigate图标代替。Navigate图标让用户在flowline中自由移动,Authorware可以轻易地追踪用户的行动。用户可以:跳到框架内的任一个图标;返回用户观察的最后一个图标;显示用户观察过的图标的目录; 让用户搜索特定的图标并跳到这个图标. 如果目的图标是Navigation框架内的一个页面,Authorware在执行目的图标之前先执行框架入口的图标。如果Authorware要从框架内的页面跳出,Authorwae在执行目的图标之前先执行框架出口的图标。
使用如图(图18)所示:
图18 GOTO函数
(3)quit()
Authorware提供了一个标准函数quit(),用户可以允许运行完一个课件后马上退出。这样,当程序运行到这些图标时就可以直接退出本程序与课件。Authorware还提供了标准函数goto(iconid@""),这个函数是用来当一个课件运行完后直接跳转到用户指定的另外一个可见。方便快捷。使用如图(图19)所示:
图19 Quit函数
4.3 制作过程中其他事情
在制作过程和文件的调试中,我遇到了一些困难及问题,比如说,热区域的设置、图片的修改、擦除效果、控制音乐文件的播放开关等等。因为当中涉及到了一些函数的调用,比如说音乐文件播放开关的设置就需要调用函数来进行制作。热区域的设置需要设置为永久,否则,当点击的时候,可能会无法响应。图片的修改是因为可以令到界面更加漂亮。而擦除效果则是需要当用户点击某些连接的而擦除效果则是需要当用户点击某些连接的时候,当进入到想要看的内容时会被前面连接的内容所遮盖,所以,就要用到了擦除效果来擦除前面连接的内容。
图片的来源主要是来自于网上所提供的图片,本人用Photoshop作了一些修改。
其次就是总体逻辑的运行问题。有时就算是正确的逻辑思路,在运行上也会出现问题,所以就要重新调试一下了,看一下哪里是否出现了小问题,做最后的总体修改。
在制作途中常常遇到的是擦除功能不稳定,容易出现运行时不行的情况。为避免过多转换场景而变得头晕眼花,所以我选择了保留要用的图标,而并不是删除以前的图标,这样就避免了图片转换时
会出现没用的图片,运行效果也顺畅很多。
可能有很多我也说得不好,可能存在着有一点点表达的不清楚,不过也没有关系,快去运行看看体验一下吧!下面就是制作过程(如图20)所示:
图20制作过程图
5、动画制作
片头、片尾、主界面的完成是相对比较简单的,它所接触到的软件有Flash和Athorware。Flash是一种动画(电影)编辑软件。用它们可以制作出一种格式为SWF的动画,这个动画可以插入Authorware、HTML里也可以单独成为网页。由于具有交互性,Flash制作出的网页效果完全超出了DHTML、Java和ActiveX.。
5.1 片头动画制作
片头制作是利用Athorware、Photoshop 2个软件集合来完成。首先在网上搜索了一些需要利用的素材如下:如图(图21)所示:
图21 最初素材
5.1.1 片头制作步骤:
1.通过Photoshop软件的编辑合成形成片头倒数效果的5个页面 如(图22)所示:
图22 形成片头动态效果的素材原图
2.导入相关的素材,设置等待图标及设置动态效果如图(图23)所示:
图23 导入素材窗口图
3.最终效果图如下(图24)所示:
图24 片头1
5.2 主界面制作
1.在photoshop里面构出这样的框架,然后导入Athoeware 进行编辑。如(图28-1 图28-2)
图28-1 背景原图
图28-1 首页素材
5.2.1 logo的制作:
1.Logo是用PHOTOSOP编辑的,做成2个有出入的图标,导入Athorware制作按钮效果,让人觉得亲切,可爱。如(图29)所示。
6、结束语
在制作完一个课件后才发现要制作一个课件是一件不容易的事情,特别是一个好的课件,在制作的过程中我往往会发现有很多问题存在的,需要大量的素材、精力、要熟悉多个的软件,虽然这个软件没有什么高深的技术但已经是以我现有的知识全心全力去制作了。当然由于我的水平有限、时间仓促,不足之处同有些地方出错在所难免,敬请观看者指教和多多包涵。设计中有疏漏和不足之处请老师和同学阅览后多多提出您的宝贵建议。
7、致谢
本毕业制作是在卢燕玲老师精心指导和大力支持下完成的,她渊博的知识、开阔的视野和敏锐的思维给了我深深的启迪。同时,在此次毕业设计过程中我也学到了许多关于Authorware使用技巧,学习技能有了很大的提高。
另外,我还要特别感谢我们的组员,在这几个月的制作当中,他们给了很多的意见,和创新的念头,使作品不断地完善,她们为我完成这篇论文提供了巨大的帮助。 最后,再次对关心、帮助我的老师和同学表示衷心地感谢。
8、参考文献
1、李若瑾·Authorware7.0实例教程。北京:清华大学出版社,2004-8 2、许书明·Authorware7.0实用培训教程。北京:清华大学出版社,2003-8 3、卢正明·Photoshop 7.0中文版实例教程。北京:电子工业出版社,2004-7
4、前沿电脑图像工作室·巧学巧用Dreamweaver MX、Fireworks MX、Flash MX制作网页。北京:
人民邮电出版社,2002-4