1. 掌握对象和符号的创建以及位图的导入,了解位图的矢量化。
2. 掌握直线运动、缩放运动、旋转运动、沿指定路径运动过渡以及变形过渡动画的创建。能够使一个对象或实体在运动的同时改变它的大小和颜色,使其淡入淡出等。熟悉图库和监控板的应用。了解对象、符号和实例的概念以及三者之间的区别与联系。
3. 掌握交互性的创建,可以使用键盘或鼠标控制某个事件的发生。熟悉Flash中一些常用语句的用法,了解基本语句的作用。
4. 掌握声音文件的导入、能够为电影加入背景音乐和为按钮增加声音效果等。熟悉编辑声音效果。
5. 掌握文件的发布和导出,了解Flash支持的多种文件格式。
二,实验内容和步骤
1. 创建运动过渡动画——淡入的缩放旋转运动和直线运动
步骤1:
步骤2: 将文本转换为符号。单击工具箱中的箭头工具,选中工作区中的文本,执行菜单【Insert】/【Convert to Symbol】命令,打开Symbol Properties(符号属性)对话框,在Name中输入符号名称title,并选择Graphic(图形)类型,单击OK。
步骤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:
步骤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的安装路径或上次存储的默认目录下。