Flash 8 应用实例-讲义.doc

Flash 8 应用实例(2011.3修订)练习一：演示课件三个基本场景的创建及编排1、 在Flash窗口中选择“Flash文档”单击打开，新建一个Flash文档即为演示课件创建第一个场景（开始界面）。在场景1中在“视图调整栏”中选择“符合窗口大小”，将舞台调整为完整可见。2、 选择【文件】/【导入】/【导入到舞台】命令，任选一幅画面导入到当前的舞台（即场景1）中，并从“工具箱”中选取形状编辑工具之一的“任意变形工具”，对导入到舞台中的图像进行位置、大小的调整，使之覆盖整个舞台。“任意变形工具”可以对形状进行任意的缩放变形等操作。可在“工具箱”下方的“选项”栏中对变形的方式进行选择。用“任意变形工具”选取图形后在图形中心出现一个“中心控制点”，这是改变图形形状的中心位置可用鼠标移动来改变。3、 然后，选择【插入】/【场景】命令，建立“场景2”，再用同样的方法导入另一幅图像，并调整使之覆盖整个舞台。4、 依次建立场景3，导入第三幅图像，调整。至此，我们建立了三个不同画面的场景。打开“编辑场景”图标按钮，即可看到。5、 选择【窗口】/【设计面板】/【场景】命令，打开“场景”面板，在其中双击场景名称，分别将3个场景重新命名为“开始”、“教学内容”、“结束”。6、 选择【控制】/【测试影片】命令（快捷键Ctrl+Enter）,可看到三个场景以帧频率12.0fps的速度自动轮番显示。影片是由一幅幅画面连续播放形成的，通常将每一幅画面称为“帧”（Frame,即画面），影片播放的速度以帧每秒为单位，即每秒播放的帧的数量（帧 /秒，fps）。一般电视播放影片的速度为24帧/秒，即每秒钟播放24幅画面。在Flash中，默认的动画播放速度为12.0，即每幅图像显示1/12秒0.083秒的时间。根据需要，帧频率也是可以调整的：在“帧频率”上双击，打开“文档属性”对话框后输入另外的数值。我们可将“帧频”更改为6 fps、3 fps，比原来默认的帧速减慢了1倍、2倍，即每秒钟播放6帧画面、3帧画面，可以看到，画面显示的时间比原来增加了1倍、2倍。 7、 显然，三个场景目前的显示方式并不能满足我们演示课件的要求不能够够按我们教学的需要进行控制。下面，我们以光盘中的课件为范例来依次对各个场景的显示进行调整：8、 进入“开始”场景，选中第1帧，打开“动作”面板，选择【全局函数】/【时间轴控制】/【stop】指令，双击，将“stop”指令输入到脚本窗口中。再用“Ctrl+Enter”组合键测试影片效果，发现影片在播放时停止在了“开始”场景。9、 在“开始场景”中，选择【插入】/【新建元件】命令，弹出“新建元件”对话框，将“名称”取为“开始教学”，将“行为”选择为“按钮”，点击“确定”进入“开始教学”按钮元件编辑窗口。10、 选择“矩形工具”并双击“矩形工具”图标按钮，弹出“矩形设置”对话框，将“边角半径”设为“5”点。选择适当的线条和颜色，在编辑舞台中画出一个矩形，用文字工具在矩形中输入“开始教学”4字；并在时间轴中对鼠标事件所对应的按钮状态进行编辑（步骤略）。11、 回到“开始”场景，选择【窗口】/【库】命令打开“库面板”，用鼠标用库中将按钮“开始教学”拖入到舞台右下方。12、 在“开始”场景中，在舞台中选中“开始教学”按钮，打开“动作”面板，在“动作脚本”窗口中输入“on(release)”，选择【全局函数】/【时间轴控制】/【gotoAndPlay】命令，双击，在“动作脚本”文本框中输入“gotoAndPlay();”，接着在小括号中输入“”教学内容”，1”，即gotoAndPlay(“教学内容”,1)，表示当鼠标点击按钮后，影片从当前播放的位置转到“教学内容”场景的第1帧处继续放映。 命令的书写格式为： on(release) gotoAndPlay(“场景”,帧数); Flash ActionScript（即Flash动作脚本）以后再做专门介绍。13、 对“教学内容”场景的设计考虑：我们希望在“教学内容”场景中设计两个运动：一是一个彩球做竖直上抛运动和自由落体运动彩球从舞台的底部向上做竖直上抛运动，在到达舞台顶端后再向下做自由落体运动回到原位置；另一个是一个黑色的圆球在舞台中不停地做变形运动。在“教学内容”场景中，选中“图层1”，点击“插入图层”图标按钮，在图层1之上添加“图层2”，双击“图层2”，将图层2命名为“彩球”；14、 选中“彩球”图层为当前工作图层，从工具箱中选取“椭圆工具”，在属性面板中选择“笔触颜色”为黑色，“填充颜色”为彩色，在当前舞台中绘出一个圆形彩球（按住Shift键后拖动鼠标可绘制出正园形），从工具箱中选取“选择工具”，点击选中彩球黑色边缘，将黑边删除；选中彩球，选择【修改】/【组合】命令，将彩球组合成一个整体；15、 在“彩球”图层的“时间轴”面板中，选中第1帧，点击鼠标右键，在打开的下拉菜单中选择“插入关键帧”（或选中第1帧后，应用快捷键按F6键插入关键帧），接着分别选中第10帧、第20帧插入关键帧。16、 然后再选中第1帧，选择【窗口】/【设计面板】/【信息】命令，打开“信息”面板，从中查看彩球目前所处位置的坐标：X、Y，然后在“彩球”图层中选中第10帧，在“彩球”图层舞台中用鼠标将彩球拖至舞台靠近顶端的位置，并在“信息”面板中使彩球的X坐标保持不变。17、 设置彩球动作选中“彩球”图层的第1帧，在属性面板中将“补间”栏设为“动作”；将“简单”栏设为+100减速运动（点击“简单”栏右侧的箭头弹出调整滑杆，用鼠标移动调整）0为匀速运动；将“旋转”栏设为“顺时针”。18、 再选中“彩球”图层的第10帧，在属性面板中将“补间”栏设为“动作”；将“简单”栏设为-100加速运动（点击“简单”栏右侧的箭头弹出调整滑杆，用鼠标移动调整）；将“旋转”栏设为“反时针”。然后，按Enter键查看动画效果。19、 选择“彩球”图层为当前工作图层，点击“插入图层”图标按钮，在彩球图层上方添加“图层3”，双击“图层3”名称将其命名为“变形球”。点击选中“变形球”图层第1帧，用“椭圆工具”在变形球图层舞台中绘制一个黑色的正圆形球。从工具箱中选取“选择工具”，在舞台中将黑色圆球的边缘选中后删除因为我们要制作“形状补间动画”，不能将对象作为组合使用。注意：元件、组合和位图都无法应用形状补间，当需要对元件、组合、位图和文字等进行形状补间时，应选中对象后选择【修改】/【分离】命令（或连续按快捷键Ctrl+B）将其矢量化，然后再应用补间。20、 在“变形球”图层中，选中第5帧插入关键帧，用“任意变形工具”将黑色圆形球压扁变为椭圆形；然后回到第1帧选中点击鼠标右键选择“复制帧”复制第1帧，接着选中第10帧点击鼠标右键选择“粘贴帧”将第1帧复制到第10帧位置，点击第10帧，这时舞台中出现与第1帧画面相同的黑色正圆形球，使用“任意变形工具”将圆形球变为竖直的椭圆形；然后再选中第5帧（画面为压扁的球），将其复制到第15帧粘贴上；接着再把第1帧（画面为正圆形的球）复制粘贴到第20帧。最后，为“变形球”设置动画：在“变形球”图层中，选中第1帧，在“属性面板”中，将“补间”栏设置为“形状”；接着分别选中第5帧、第10帧、第15帧，将它们的“补间”都全部设置为“形状”。最后，点击Enter键查看变形球的动画效果。21、 最后，用快捷键Ctrl+Enter测试影片（或选择【控制】/【测试影片】命令）。从中我们可以看出，“教学内容”场景的显示随着“彩球”及“变形球”的动作完成后就结束了，并不受我们的控制。（显示的时间为20帧，即0.083秒20帧1.67秒）22、 现在我们就来解决这个问题：进入“教学内容”场景，选取“图层1”为当前工作图层，从图层1的时间轴我们可以看到：图层1的第1帧为关键帧，第20帧为一个长方形的“延长帧”，表示第1帧的关键帧的内容（即背景画面）连续延长到第20帧的位置。我们选中第20帧，按F6键插入一个关键帧；然后打开“动作面板”，选择【全局函数】/【时间轴控制】/【】命令，双击【stop】，在“动作脚本”文本框中输入命令“stop”。这时再用Ctrl+Enter测试影片，可看到影片在播放到“教学内容”场景演示完两个运动球的运动后就停住了。23、 再回到“教学内容”场景，选中“图层1”的第20帧，选择【窗口】/【其他面板】/【公用库】/【按钮】命令，从【按钮】库中选择【playback】双击打开，用鼠标将【gel Rewind】及【gel Fast Forward】两个按钮拖入到舞台中，摆放到画面下方靠右边的位置上。因为以上两个按钮是在第20帧的位置上拖入画面的，因此当影片播放到第20帧时，画面上才会出现两个按钮。 注：介绍ActionScript2.0在“图层1”的第20帧位置，选中 “gel Rewind”按钮，打开“动作面板”，在“动作脚本”文本框中输入选择“on (release)”命令，然后选择【全局函数】/【时间轴控制】/【gotoAndPlay】命令，双击，在“动作脚本”文本框中输入gotoAndPlay():，并在小括号中输入1表示当点击鼠标后让画面返回到第1帧继续播放。接着再转行后输入一个“”号该命令规定的书写格式为：on (release)gotoAndPlay(1): 其中：on (release)为鼠标事件，即点击鼠标后发生的动作。然后，再在第20帧位置，选中“gel Fast Forward”按钮，仿照上面的做法，打开“动作”面板，在“动作脚本”文本框中输入“on (release)”，选择【全局函数】/【时间轴控制】/【gotoAndPlay】命令，双击，在在“动作脚本”文本框中输入gotoAndPlay();并在小括号中输入“”结束”,1”前一个双引号中为鼠标点击该按钮后转到播放的场景，后一个数字为转到的这个场景的第几帧画面。再次用Ctrl+Enter组合键测试影片，可看到：在播放到“教学内容”场景时，演示完两个球的运动后，画面就停止了，点击“gel Rewind”按钮时，再次演示两个球的运动，点击“gel Fast Forward”按钮，画面转到了“结束”场景。24、 下面，我们就可以仿照教材中的“示例”来设置“结束”场景中“再见！”两个文字的变形动画：进入到“结束”场景，从时间轴上可以看到，这个场景的播放时间只有1帧（即0.083秒）。我们先在“图层1”上添加“图层2”并将其命名为“再见”，然后在“再见”图层上输入文字“再见！”将输入的文字等对象放在专门的一个图层上是为了便于以后调整。选中“再见”图层，在第5帧的位置上插入一个关键帧，在第15帧的位置上插入一个空白关键帧，并时间轴上将载有背景画面的“图层1”的第15帧上也插入一个延长帧，让背景的播放时间也对应地延长15帧。然后选中“再见”图层的第15帧（是一个空白关键帧），用“椭圆工具”或“矩形工具”、“线条工具”等在舞台中任意画出一个形状，注意填充的颜色尽量与原背景中的颜色接近。然后用“选择工具”将这个图形的黑边删除。 回到第5帧位置选中第5帧，在“属性”面板中将“补间”栏设为“形状”，单击Enter键查看文字变形效果。25、 点击Ctrl+Enter测试影片效果，满意后发布。26、 打开刚刚发布的.swf文件，观看效果。27、 重新打开源文件，进入“开始”场景，选中第1帧，打开“动作”面板，在ActionScript文本框中可见原来的脚本：stop();另起一行输入：fscommand(“fullscreen”,true)ActionScript语言说明：fscommand是ActionScript语言中用于把字符串发送给外部的程序语言，控制Flash Player播放环境。fullscreen当值为true时，以全屏幕方式播放Flash动画；当值为false时，以一般状态方式播放Flash动画。28、 进入“结束”场景，选中最后1帧，打开“动作”面板，在ActionScript文本框中可见原来的脚本：stop();29、 另起一行输入：fscommand(“quit”);ActionScript语言说明：quit结束播放，并关闭Flash Player窗口。30、 对重新调整后的文件变更一个名称发布，打开新发布的.swf文件，与前一个文件对比一些，看到对播放设置命令后的效果。 练习二：运动引导层应用实例1、 新建Flash文档。2、 在舞台中用“铅笔工具”绘制出一片树叶，用“选择工具”将树叶选中，选择【修改】/【组合】命令将树叶组合（或选中树叶后使用快捷键Ctrl+G）。3、 点击“时间轴”窗口左下角的“添加运动引导层”图标按钮，创建一个运动引导层。4、 在“引导层”中用“铅笔工具”在舞台中绘制出树叶飘落的路径，绘制完毕后将“引导层”锁定。5、 在“图层1”中，选中第1帧，使用“选择工具”将树叶拖放到绘制的运动路径的起点处，并使树叶图像的中心控制点与路径的起点相重叠。为了方便对齐，可以将图像放大。注：仔细检查角色的中心与路径的起点和终点是否对齐。一定要将角色中心控制点对齐路径的起点和终点，否则不会按引导线运动。对齐对象时可按下工具箱选项栏中的“对齐对象”图标按钮。6、 点击“图层1”的第30帧处，按F6键插入关键帧。点击“引导层”的第30帧，按F5插入空白帧（或点击鼠标右键，在弹出的菜单中选择“插入帧”命令）插入的是一个在时间轴上显示为长方形“延长帧”。7、 在“图层1”中第30帧处，使用“选择工具”将树叶拖放到树叶飘落路径的终点位置，并使树叶图像的中心控制点与路径的终点相重合。8、 回到“图层1”第1帧处，在属性面板中将补间设置为“动作”。9、 点击Enter键查看树叶沿运动引导路径飘落的运动情况。 注：运动引导层至少与一个层建立链接，将层与运动引导层链接可以使被链接的层上的元件沿着运动引导层上的路径运动。只有在创建运动引导层时，当前图层才会自动与该运动引导层建立链接。练习三：遮罩层应用实例（1）一段透过遮罩逐渐显示的文字1、 创建一个普通层图层1，在属性面板中将背景色设置为蓝色，在舞台中输入一段文字。 2、 点击“插入图层”按钮，新建图层2。3、 在图层2上，使用“椭圆形工具”按住Shift键在舞台中绘制一个正园形的填充区域。边线和填充区的颜色可任意，因为将来在动画中是看不到的。然后使用选择工具将填充形状的边线删去。注意：由于我们在后面将要为此填充建立的补间动画为形状补间，因此该填充区域不能为元件（即不能组合）。为了以后操作的方便，我们通常在绘制完填充区域后，就使用选择工具将填充形状的边线删去。4、 在图层2上点击鼠标右键，从弹出的菜单中选择“遮罩层”命令将图层2设置为遮罩层。由时间轴上可见，这时，图层1与图层2（遮罩层）之间已建立了链接，且都已被锁定。5、 点击遮罩层（图层2）的锁形图标，解除锁定，开始设置（编辑）遮罩的动作。6、 首先，选中遮罩层，在其时间轴上第30帧处插入关键帧，并在舞台中使用选择工具将先前所绘制的正园形填充区域拖至舞台右方的工作区中这是动画结束时遮罩最终所处的位置。7、 接着，继续在遮罩层中选中第1帧，用选择工具将填充区域拖放到舞台左边的工作区中，这是为动画设置的起始位置，并在属性面板中将“补间”设置为“形状”。这时，在图层2（设置的遮罩层）的时间轴上，第1帧至第30帧之间显示出一条黑色箭头连接的实线，表示在两个关键帧之间的动画已经创建成功。（注意：若是显示一段无箭头的虚线，则表示两个关键帧之间的动画没有创建）。8、 点击Enter键查看，可在舞台中看到了填充区域的运动但这并不是遮罩层最终的效果。9、 最后，点击Ctrl+Enter键测试影片，这就是遮罩层最终的效果。练习四：遮罩层应用实例（2）舞台开幕效果显示图像1、 新建Flash文档，选择【文件】/【导入】/【导入到舞台】命令，将一副图像导入到图层1舞台中，在属性面板中，将“宽”设置为“550”，将“高”设置为“400”，即让导入的图像与舞台的大小一样，刚好能够覆盖整个舞台。动画最终显示的时候，只能显示处于舞台中的内容。2、 点击“插入图层”图标按钮，在图层1之上插入“图层2”。3、 选中“图层2”，点击鼠标右键，在弹出的快捷菜单中选择“遮罩层”命令，将图层2设置为遮罩层。4、 为“图层2”（遮罩层）解除锁定。从工具箱中选取“多角星形工具”，在属性面板中点击“选项”按钮，在弹出的“工具设置”面板中，样式栏选“多边形”，“边数”输入“3”，点击“确定”，这样就可以使用“多角星形工具”来绘制三角形了。注意：通过点击“矩形工具”图标右下角的小三角形按钮选取。如果没有，可选择【编辑】/【自定义工具面板】命令，打开“自定义工具栏”，从“可用工具”框中选择“多角星形工具”后点击“增加”按钮，这时“多角星形工具”便出现在“当前选择”框中，然后点击“确定”，“多角星形工具”的图标便出现在了“工具箱”中。5、 使用已经设置为“三角形”的“多角星形工具”在图层2的舞台中绘制出一个三角形。6、 使用“选择工具”接近绘出的三角形底边，当选择工具下方出现一个小圆弧的时候，按住鼠标左键将三角形的底边拖成一个圆弧形，然后用选择工具选中三角形的底边将它删除，并依次选中三角形的另外两条将它们删除。7、 用选择工具选中三角形的填充区域后将它拖放到舞台正中央。从工具箱中选择“任意变形工具”选中三角形区域，按住Alt键调整三角形，使其充满整个舞台。在应用“任意变形工具”调整对象时，按住Alt键调整可使对象围绕其中心控制点对称地变形。8、 在遮罩层（图层2）的时间轴上选取第30帧插入“关键帧”。9、 然后再回来选中遮罩层的第1帧，使用“任意变形工具”，将三角形区域沿水平方向收缩到最小，并在竖直方向上略微向下压缩一些。在属性面板中将第1帧的动画补间设置为“形状”。10、 选中“图层1”，在第30帧处插入“帧”。在时间轴上显示为长方形的“延长帧”，即让第1帧的画面继续显示到第30帧。11、 点击Enter键，可以在舞台中看到三角形区域由一条竖线逐渐展开。点击Ctrl+Enter键测试影片，便可看到了应用遮罩来显示舞台开幕效果的动画。 应用“翻转帧”将练习四中的“开幕”动作改变为“闭幕”动作：1、 在“练习四”中的遮罩层，即“图层2”中全部选取第1帧至第30帧。 在Flash中，连续选取多帧有两种方法，方法一：将鼠标指针放在第1帧处，按下鼠标左键将指针拖动到第30帧，即可连续选取第1帧至第30帧；方法二：用鼠标点击第1帧后，按住Shift键点击第30帧，即可选取第1帧至第30帧之间的所有帧。2、 在所