毕业论文论文范文课程设计实践报告法律论文英语论文教学论文医学论文农学论文艺术论文行政论文管理论文计算机安全
您现在的位置: 毕业论文 >> 报告 >> 正文

多媒体上机报告之用Flash制作网页

更新时间:2007-10-4:  来源:毕业论文

实验目的和要求

1.    掌握对象和符号的创建以及位图的导入,了解位图的矢量化。

2.    掌握直线运动、缩放运动、旋转运动、沿指定路径运动过渡以及变形过渡动画的创建。能够使一个对象或实体在运动的同时改变它的大小和颜色,使其淡入淡出等。熟悉图库和监控板的应用。了解对象、符号和实例的概念以及三者之间的区别与联系。

3.    掌握交互性的创建,可以使用键盘或鼠标控制某个事件的发生。熟悉Flash中一些常用语句的用法,了解基本语句的作用。

4.    掌握声音文件的导入、能够为电影加入背景音乐和为按钮增加声音效果等。熟悉编辑声音效果。

5.    掌握文件的发布和导出,了解Flash支持的多种文件格式。

实验内容和步骤

1.     创建运动过渡动画——淡入的缩放旋转运动和直线运动

步骤1:     在工作区中创建文本。执行菜单File/New】命令,创建一个新的电影文件Movie1。单击工具箱中的文本工具,在工具参数区中将字体颜色设置为淡紫色,单击按钮,将文本加粗,然后在工作区中单击,键入“Flash World”。

步骤2:     将文本转换为符号。单击工具箱中的箭头工具,选中工作区中的文本,执行菜单Insert/Convert to Symbol】命令,打开Symbol Properties(符号属性)对话框,在Name中输入符号名称title,并选择Graphic(图形)类型,单击OK

编辑最初文字的大小。将标准工具栏上的Zoom Control(查看控制)下拉框设置为25%单击工具箱中的箭头工具,然后单击工具参数区中的缩放按钮,此时文字被虚框包围,然后按住鼠标左键拖动控制点将文字拉大,

步骤3:     设置缩放运动的结束帧双击图层的名称Layer 1将“Layer 1”改为“title”,单击时间轴上title图层的第15帧单元格,执行菜单Insert/Keyframe】命令,插入一个关键帧。

步骤4:     编辑缩放运动结束后文字的大小。单击工具箱中的箭头工具,然后单击缩放按钮,此时文字被虚框包围,将标准工具栏上的Zoom Control(查看控制)下拉框设置为Show Frame,然后按住鼠标左键拖动控制点将文字缩小,

步骤5:     制作淡入效果。单击title图层的1帧,然后用右键单击工作区中的文本,在弹出的菜单中执行Properties...命令,打开Instance Properties(实例属性)对话框,在Color Effect(颜色效果)选项卡中设置参数,单击确定。这时“Flash World”将变为完全透明。

步骤6:     创建具有加速度的缩放旋转运动。双击时间轴上title图层的1帧到第15帧中的任意一帧,打开Frame Properties(帧属性)对话框,选择Tweening(过渡)选项卡,按照如图6.6所示进行设置,单击确定。可以看到,在时间轴上的两个关键帧被一条黑色的带箭头的线段连接起来。单击时间轴上的第1帧,敲击Enter键,可以看到Flash World”在渐渐从透明变为淡紫色的同时也旋转着由大变小。

步骤7:     下面创建直线运动。首先插入一个关键帧。单击时间轴上title图层的第20帧单元格,执行菜单Insert/Keyframe】命令,这时第20帧变为关键帧。

步骤8:     调整工作区中文本的位置。单击第20帧单元格,用箭头工具选中工作区中的文本,然后将它拖放到工作区的右上角。

步骤9:     创建具有加速度的直线运动。双击title图层中时间轴上第16帧到第20帧中的任意一帧,打开Frame Properties(帧属性)对话框,选择Tweening(过渡)选项卡,参数设置如图6.8所示,单击确定。

步骤10:  让“Flash World”作为网页的标题从始至终出现在页面上。单击第100帧单元格,然后执行菜单Insert/frame】命令敲击F5键,使title图层的帧数增加至100帧。

步骤11:  测试影片。单击时间轴上的第1帧,敲击Enter键,可以看到Flash World”在渐渐从透明变为淡紫色的同时旋转着由大变小,最后移动到工作区的右上角。

步骤12:  保存文件为title_1.fla

2.    创建变形过渡动画

步骤1:  打开上次保存的bg.fla文件,执行菜单Insert/Layer】命令,新建一个图层,命名为“title_2”。

步骤2:  设置变形运动的起始帧。单击时间轴上title_2图层的第20帧单元格,执行菜单Insert/Keyframe】命令,这时第20帧变为关键帧。

步骤3:  单击工具箱中的椭圆工具,并将椭圆工具参数区中的填充色设置为淡紫色,轮廓线颜色设置为“无颜色”,在工作区中“Flash World”的下方绘制一个圆形。

调整圆形的大小和位置。用箭头工具将绘制的圆形选中,执行菜单Window/Inspectors/Object命令,打开对象监控板,设置对话框,选中Use Center Point选项,单击Apply按扭。

步骤4:  设置变形运动的结束帧。单击时间轴上title图层的第40帧单元格,执行菜单Insert/Keyframe】命令,这时第40帧变为关键帧。在第40帧处将刚才所画的圆形删除。

步骤5:  单击工具箱中的矩形工具,并将矩形工具参数区中的填充色设置为淡紫色,轮廓线颜色设置为“无颜色”,然后单击按钮,打开Rectangle Settings(矩形设置)对话框,将Corner Radius(圆角半径)设置为20,单击OK。在工作区中“Flash World”的下方绘制一个圆角矩形。

步骤6:  调整圆角矩形的大小和位置。用箭头工具将它选中,执行菜单Window/Inspectors/Object命令,打开对象监控板,设置对话框,选中Use Center Point选项,单击Apply按扭。          

单击时间轴上title_2图层的第40帧单元格,选择文字工具,将字体颜色设置为白色,选择粗体,在工作区中的淡紫色圆角矩形区域中单击,键入“Active Media”,再将它移动到适当的位置,创建变形过渡。用鼠标右键单击时间轴上title_2图层的20帧到第40帧中的任意一帧,在弹出的菜单中执行【Properties...命令,打开Frame Properties(帧属性)对话框,选择Tweening(过渡)选项卡,参

 

步骤7:     测试影片。执行菜单【Control/Test Movie(测试影片)】命令,可以看到Flash World”在渐渐从透明变为淡紫色的同时旋转着由大变小,在移动到工作区的右上角后停止,然后一个淡紫色半透明的圆形循环往复的做沿弧线路径运动,同时,在Flash World”的下方有一个圆形逐渐拉长变成圆角矩形,最后出现“Active Media”的字样

步骤8:     保存文件为title_2.fla

3.    创建按钮

步骤1: 打开上次保存的title_2.fla文件,首先做一个文字按钮。执行菜单Insert/New Symbol】命令,打开Symbol Properties(符号属性)对话框,在Name中输入符号名称“button_1”,并选择Button(按钮)类型,单击OK。进入按钮符号编辑模式。

步骤2: 单击Up帧单元格,选择文字工具,将字体颜色设置为黑色,在工作区中输入一行文本“www.sina.com”,再将它移动到工作区的中心位置,如图6.23所示。为了定位,可以执行菜单View/Grid(网格)】命令打开网格,并执行菜单View/Snap(捕捉)】命令打开捕捉网格。

步骤3: Over帧加入一个关键帧,刚才Up帧的黑色文字还保留在工作区,在工作区的空白处输入一行文本“www.sina.com”,字体颜色为橙色,然后将它移动到黑色文字的上面,形成阴影效果。

              Up帧的效果                          使按钮在被触摸时发出声音。首先导入一个声音文件。执行菜单File/Import(导入)】命令,打开Import(导入)对话框,导入一个文件类型为WAV的声音文件,它被存放在Library(库)窗口中。

步骤4: 双击Over帧单元格,打开Frame Properties(帧属性)对话框,选择Sound选项卡,在Sound下拉菜单中选择要插入的声音文件,其它默认,单击确定按扭。可以看到Over帧单元格内出现了这个声音的波形。

步骤5: Down帧加入关键帧,然后把橙色文字向右下方移回原来的位置,将黑色文字覆盖,如图6.25所示。这样在鼠标单击时,看起来有被按下的效果。

步骤6: 定义按钮响应鼠标事件的区域范围。在Hit帧加入关键帧,在文字上画一个矩形,填充任何颜色均可,如图6.26所示。Hit帧的图形在电影中是不显示的,但是它定义了按钮响应鼠标事件的区域范围,如果没有在Hit帧中指定范围,就以Up帧中对象的范围作为响应鼠标事件的区域范围。因此当所用的按钮的形状不规则时(例如文本),就要在Hit帧中指定范围。           

步骤7: 单击工作区左上角的场景名称Scene 1,退出按钮符号编辑模式,回到场景编辑模式。

步骤8: 执行菜单Insert/Layer】命令,新建一个图层,命名为“button_1”。在button_1图层的20帧加入关键帧。

执行菜单Window/Library】命令,打开Library(库)窗口,从中选择button_1按钮符号,用鼠标左键按住库窗口中的button_1将它拖拽到工作区中。拖放到适当位置,

步骤9:     测试按钮。执行菜单【Control/Test Movie】命令,可以看到按钮在被触摸和点击时的效果。

步骤10:  制做图形按钮。执行菜单Insert/New Symbol】命令,打开Symbol Properties(符号属性)对话框,在Name中输入符号名称“button_2”,并选择Button类型,单击OK。进入按钮符号编辑模式。

步骤11:  单击Up帧单元格,执行菜单【File/Import】命令,打开Import(导入)对话框,选择一个图形文件,单击打开按钮,导入一个图形文件。和制作文字按钮一样,如果想要按钮在被鼠标触摸和点击时有不同的效果,就在Over帧和Down帧各加入一个关键帧,并导入不同的图形。

步骤12:  制做动画按钮。执行菜单Insert/New Symbol】命令,打开Symbol Properties(符号属性)对话框,在Name中输入符号名称“button_3”,并选择Button类型,单击OK。进入按钮符号编辑模式。

步骤13:  单击Up帧单元格,执行菜单Window/Library】命令,打开Library(库),从中选择一个事先做好的电影剪辑,将它拖拽到工作区中。在按钮中,可以使用电影剪辑符号和图形符号,但是不能在一个按钮中再使用按钮。如果要制作动画按钮,就需要使用电影剪辑。

步骤14:  单击工作区左上角的场景名称Scene 1,退出按钮符号编辑模式,回到场景编辑模式。

步骤15:  执行菜单Insert/Layer】命令,新建两个图层,命名为“button_2”和“button_3”。分别在这两个图层的20帧加入关键帧。

步骤16:  保存文件为button.fla

4.    发布(Publish

发布(Publish)是Flash十分独特的输出功能,经过发布的作品,在网上就有了“版权”的保护,作品是不容易被剽窃的。

步骤1:     执行菜单File/Publish Settings...】命令,打开Publish Settings(发布设置)对话框,设置文件的各项参数,这里我们选择默认设置,单击确定。

步骤2:     执行File/Publish Preview】命令,分别预览设定好参数的不同格式的文件。

步骤3:     执行File/Publish】命令或按Shift+F2组合键,发布以上的文件。

经过发布后,生成了两个文件,一个是可以激活Flash播放器(Flash Player)的HTML文档,另一个是Shockwave Flash.swf)格式的电影文件,这两个文件都保存在Flash的安装路径或上次存储的默认目录下。

最终效果如图

多媒体上机报告之用Flash制作网页下载如图片无法显示或论文不完整,请联系qq752018766
设为首页 | 联系站长 | 友情链接 | 网站地图 |

copyright©lwfree.cn 六维论文网 严禁转载
如果本毕业论文网损害了您的利益或者侵犯了您的权利,请及时联系,我们一定会及时改正。