新编中文Flash8实用教程第8章.ppt

第八章 制作动画,第一节 时间轴特效 第二节 逐帧动画第三节 运动补间动画 第四节 形状补间动画 第五节 遮罩动画第六节 引导层动画 第七节 浇注效果习题八,在Flash 8中，用户可以使用系统预设的时间轴特效，从而用最少的操作步骤创建复杂的动画。时间轴特效的应用对象有文本、图形、位图图像和按钮元件。一、时间轴特效的分类在Flash 8中，时间轴特效被分为变形/转换、帮助和效果这3种，选择不同的类型，可以创建不同的时间轴特效。,第一节 时间轴特效,1变形变形用于调整选取对象的位置、缩放比例、旋转、Alpha值和色调。使用“变形”特效，可应用单一特效或特效组合，从而产生淡入/淡出、放大/缩小及左旋/右旋的特效。2转换转换使用淡化、擦除或两种特效的组合向内或向外擦除选取对象。,3帮助帮助里面包括复制到网格和分散式直接复制两个选项。（1）复制到网格：按列数直接复制选取对象，然后乘以行数来创建对象的网格。（2）分散式直接复制：按指定次数复制选取对象。第一个对象是原始对象的副本，且对象将按一定增量发生改变，直至最终对象反映设置中输入的参数为止。,4效果效果里面包括分离、展开、投影和模糊4个选项。（1）分离：产生对象发生爆炸的视觉效果。可以使文本或复杂对象组（元件、形状或视频片断）中的元素产生裂开、自旋和向外弯曲的效果。（2）展开：在一段时间内放大、缩小或者放大和缩小对象。此特效适用于组合对象、影片剪辑和文本对象。（3）投影：在选取对象的下方产生阴影效果。（4）模糊：通过更改对象在某一时间内的Alpha值、位置或比例来创建运动模糊效果。,二、应用时间轴特效用户可以将时间轴特效应用于舞台上创建的对象中来产生某种特殊效果。下面就通过为一个小恐龙设置复制到网格效果，来演示为对象应用时间轴特效的方法，具体操作步骤如下：（1）在舞台中选取要应用时间轴特效的对象。（2）在菜单栏中选择“插入”“时间轴特效”“帮助”“复制到网格”命令，弹出“复制到网格”对话框，如图所示。,图8.1.1“复制到网格”对话框,该对话框中各选项的含义如下：1）“网格尺寸”：在该选项区中的行数和列数文本框中输入数值，可设置网格的行数和列数。2）“网格间距”：在该选项区中的行数和列数文本框中输入数值，可设置网格中行与行、列与列之间的间距。（3）设置好参数后，单击“更新预览”按钮，可在该对话框中的预览框中预览更新后的效果，如图所示。,图8.1.2 更新后的设置及效果,（4）单击“确定”按钮，即可将该效果应用于舞台中的对象，如图所示。当用户向对象添加时间轴特效时，Flash将自动创建一个图层，并将要应用特效的对象移到该图层中。此外，应用时间轴特效后，具有该特效名称的文件夹将添加到当前文档的库面板中，且该文件夹中包含了在创建该特效时所使用的对象，如图所示。,图8.1.3 应用时间轴特效后的效果图8.1.4 库面板,应用时间轴特效后，用户创建的对象将被放置于特效图形内，而且特效所需的所有补间和变形都会被自动添加到该图形所在图层的时间线操作区中。该新建的图层将自动获取一个与特效相同的名称，而且其后会附加一个数字，代表它在文档内的所有特效中应用此特效的顺序。,三、编辑时间轴特效当用户为舞台中的某个对象应用时间轴特效后，还可以根据需要对创建的特效进行编辑，具体操作步骤如下：（1）在舞台中选择应用了时间轴特效的对象。（2）在菜单栏中选择“修改”“时间轴特效”“编辑特效”命令。（3）此时，将会弹出设置时间轴特效时的对话框。在该对话框中设置合适的参数后，单击“确定”按钮即可。,四、删除时间轴特效用户也可以将应用了时间轴特效的对象上的特效删除，使其恢复到原始状态，具体操作步骤如下：（1）在舞台中选择应用了时间轴特效的对象。（2）在菜单栏中选择“修改”“时间轴特效”“删除特效”命令，即可将该对象上的时间轴特效删除，如图所示。,图8.1.5 删除时间轴特效,逐帧动画是最常见的一种动画形式。这种类型的动画通过更改动画中每一帧的图像来创建动画效果。因此，该动画占用的内存空间较大，其文件也较大。在创建逐帧动画时，需要将每个帧都定义为关键帧，然后给每个帧创建不同的图像。每个新关键帧最初包含的内容和它前面的关键帧是一样的，因此，可以递增地修改动画中的帧，以达到某种动画效果。,第二节 逐帧动画,下面将通过制作一个实例，来讲解逐帧动画的制作方法，具体操作步骤如下：（1）打开Flash 8应用程序。（2）新建一个大小为500像素500像素，帧频为10的Flash文档。（3）在菜单栏中选择“视图”“网格”“显示网格”命令，将网格显示出来，如图所示。（4）在菜单栏中选择“视图”“网格”“编辑网格”命令，弹出“网格”对话框。在该对话框中将网格大小设置为100像素100像素，如图所示。,图8.2.1 显示网格 图8.2.2“网格”对话框,（5）单击“确定”按钮，即可更改网格的大小，如图所示。在菜单栏中选择“视图”“标尺”命令，将标尺显示出来。（6）在菜单栏中选择“视图”“贴紧”“贴紧至网格”命令，并创建如图所示的辅助线，此时，文档被分成25个同样大小的方块。,图8.2.3 更改网格大小 图8.2.4 创建辅助线,（7）在菜单栏中选择“文件”“导入”“导入到舞台”命令，在弹出的“导入”对话框中选择一幅图片，将其导入到舞台中。（8）在工具箱中选择任意变形工具，使用该工具调整图片到合适大小，如图所示。（9）按“Ctrl+B”快捷键将导入的图片分离，如图所示。,图8.2.5 调整图片至合适大小 图8.2.6 分离图片,（10）单击时间轴面板下方的“插入图层”按钮，新建图层2。（11）用鼠标右键单击图层1中的第1帧，在弹出的快捷菜单中选择“复制帧”命令。（12）用鼠标右键单击图层2中的第1帧，在弹出的快捷菜单中选择“粘贴帧”命令，即可将导入的图片复制粘贴到图层2中。（13）单击时间轴面板图层2中的图标，将图层2暂时隐藏。,（14）单击图层1，使其成为当前图层。用鼠标将除第1个方块以外的其他方块中的图形选中后，按“Delete”键删除，如图所示。（15）用鼠标右键单击图层1中的第2帧，在弹出的快捷菜单中选择“粘贴帧”命令，将导入的图片复制粘贴到图层1的第2帧中。（16）用鼠标将除第1个和第2个方块以外其他方块中的图形选中并删除，效果如图所示。,图8.2.7 第1个方块中的图形 图8.2.8 第1个和第2个方块中的图形,（17）重复步骤（15）（19）的操作，将舞台中其他方块中的图形逐一显示出来。（18）单击图层2，使其成为当前图层。单击“删除图层”按钮，将该图层删除。（19）至此，该动画已制作完成，可按“Ctrl+Enter”快捷键将动画导出后观看。,运动补间动画是补间动画的一种。在运动补间动画中，可以使对象在舞台中进行移动、改变大小、旋转、改变颜色等效果的变换。各种变换不仅可以独立进行，还可以将它们组合在一起，创建复杂的动画。一、运动补间动画的创建在Flash 8中，可以使图形、实例、文本和群组产生运动补间动画。但在使用这些对象创建运动补间动画前，必须先将它们转换为元件。,第三节 运动补间动画,下面将通过制作一个实例，来讲解运动补间动画的制作方法，具体操作步骤如下：（1）打开Flash 8应用程序。（2）新建一个大小为443像素332像素的Flash文档。（3）在菜单栏中选择“文件”“导入”“导入到舞台”命令，在弹出的“导入”对话框中选择一幅图片，并将其导入到舞台中。（4）在工具箱中选择任意变形工具，使用该工具调整图片到合适大小，如图所示。,图8.3.1 调整图片的大小,（5）在菜单栏中选择“插入”“新建元件”命令，在弹出的“创建新元件”对话框中设置参数，创建一个名为“文字”的图形元件。（6）在该元件的编辑模式中选择文本工具，在该工具属性面板中将文本的字体设置为Arial Black，大小设置为60，颜色设置为蓝色。使用该工具在舞台中输入文字，并使用选择工具调整其位置，使其位于舞台正中央，如图所示。,图8.3.2 输入文字,（7）按“Ctrl+B”快捷键两次，将文字打散为图形。选择颜料桶工具，单击该工具属性面板中的“填充颜色”按钮，在打开的颜色调节面板中选择一种渐变色。使用该工具在文字上单击，即可为文字添加渐变色，如图所示。,图8.3.3 创建渐变文字,（8）单击按钮，返回至主场景。单击时间轴面板下方的“插入图层”按钮，新建图层2。将创建的图形元件“文字”从库面板中拖到舞台中，并使其位于舞台正中。（9）在工具箱中选择任意变形工具，使用该工具调整文字到合适大小。（10）在图层2的第50帧处按“F6”键插入关键帧，在第75帧处按“F5”键插入普通帧。（11）选中该图层中的第1帧，在该帧属性面板中设置参数，如图所示。,图8.3.4 设置帧参数,（12）单击图层1，使其成为当前图层。单击时间轴面板下方的“插入图层”按钮 7次，在当前图层上方创建7个图层，如图所示。（13）选中图层2中的第1帧至第51帧，用鼠标单击选中的帧，在弹出的快捷菜单中选择“复制帧”命令。（14）用鼠标右键单击图层9中的第3帧，在弹出的快捷菜单中选择“粘贴帧”命令，即可将复制的帧粘贴到该图层中。选中第53帧以后的所有帧，用鼠标右键单击选中的帧，在弹出的快捷菜单中选择“删除帧”命令，将它们全部删除。,图8.3.5 新建图层,（15）重复步骤（14）的操作，分别将复制的帧粘贴到其他图层中，最后在图层1的第75帧处按“F6”键插入关键帧，最后的时间轴面板如图所示。,图8.3.6 删除多余的帧,（16）分别选中图层2中第1帧和第50帧中的图形，在其属性面板中将该图形的透明度设置为90%，如图所示。,图8.3.7 设置图形的透明度,（17）重复步骤（16）的操作，分别将图层9至图层3中的关键帧中图形的透明度设置为87%，84%，81%，78%，75%，72%和69%。（18）至此，该运动补间动画已制作完成，按“Ctrl+Enter”快捷键将动画导出，效果如图所示。,图8.3.8 最终效果,二、运动补间动画的属性设置用户在创建运动补间动画的过程中，可利用属性面板设置运动过程的渐变属性，创建不同的动画效果，具体操作步骤如下：（1）在运动补间动画中的任意一个补间帧上单击，然后打开该帧的属性面板，如图所示。,图8.3.9 帧属性面板,该面板中各选项的含义如下：1）：用于给动画中的帧命名。2）“补间”：设置动画的类型。单击该选项右侧的下拉按钮，弹出其下拉列表。该列表包含3个选项，分别为无、动画和形状。如果要创建运动补间动画，可选择“动画”选项。3）“缩入”：选中该复选框，可以使对象按一定的缩放比例产生过渡。,4）“缓动”：控制运动过程中速度的变化。在该文本框中输入正值，可使动画做减速运动；在该文本框中输入负值，可使动画做加速运动；当该值为0时，动画匀速变化。5）“旋转”：使对象在运动的同时旋转。单击该选项右侧的下拉按钮，弹出其下拉列表。该列表包含4个选项，分别为无、自动、顺时针和逆时针。选择“无”选项时，表示不旋转；选择“自动”选项时，表示由Flash自动按照用户设置的条件旋转对象；选择“顺时针”或“逆时针”选项时，表示按顺时针方向或逆时针方向旋转，且用户可以设置旋转的次数。,6）“编辑”：单击该按钮，弹出“自定义缓入/缓出”对话框，如图所示。该对话框显示的是随着时间的推移，动画变化程度的曲线图。水平轴表示帧，垂直轴表示变化的百分比。第一个关键帧表示为0，最后一个关键帧表示为100%。对象的变化速率用曲线图的曲线斜率表示。曲线水平时（无斜率），变化速率为零；曲线垂直时，变化速率最大，一瞬间完成变化。,图8.3.10“自定义缓入/缓出”对话框,该对话框中各选项的含义如下：“为所有属性使用一种设置”：选中该复选框，表示所显示的曲线适用于所有属性，并且属性选项是禁用的。取消选中该复选框，属性选项是启用的，每个属性都有定义其变化速率的单独曲线。,“属性”：当用户取消选中“为所用属性使用一种设置”复选框时，该选项才会启用。单击该选项右侧的下拉按钮，弹出其下拉列表。该下拉列表中包括5个选项，分别为位置、旋转、缩放、颜色和滤镜。选择“位置”选项，用于为动画中对象的位置指定自定义缓入/缓出设置；选择“旋转”选项，用于为动画中对象的旋转指定自定义缓入/缓出设置；选择“缩放”选项，用于为动画中对象的缩放指定自定义缓入/缓出设置；选择“颜色”选项，用于为动画中对象的颜色转变指定自定义缓入/缓出设置；选择“滤镜”选项，用于为动画中应用了滤镜效果的对象指定自定义缓入/缓出设置。,：单击该按钮，可以使用“自定义缓入/缓出”对话框设置的参数预览动画的效果。：单击该按钮，停止播放动画。“重置”：单击该按钮，将使该对话框中的所有参数还原为默认设置。在该对话框中对角线上单击，即可添加控制点，通过拖动控制点的位置，可以实现对对象动画的精确控制。当用户选中某个控制点时，在该对话框的右下角会显示当前所选控制点对应的关键帧及其位置。,单击控制点，即可选择该点，并在该点两侧显示控制杆。用鼠标拖动控制点或该点的控制杆，或使用键盘上的方向键，可以控制曲线的形状。7）“同步”：选中该复选框，可以使图形元件实例或影片剪辑实例在播放时与主时间轴同步。（2）在属性面板中设置好各项参数，即可使用这些参数控制动画的播放。,形状补间动画是补间动画的另外一种。在形状补间动画中，可以使对象在舞台中进行形状的改变，同时也可以改变对象的位置、大小和颜色。一、形状补间动画的创建通过创建形状补间动画，可以创建变形效果。舞台中的对象刚开始以一种形状出现，随着时间的推移，该对象的形状将逐渐变成另外一种形状，由此来产生形状的变形效果，且一对一的形状补间，可以产生最佳的变形效果。,第四节 形状补间动画,下面将通过制作一个实例，来讲解形状补间动画的制作方法，具体操作步骤如下：（1）打开Flash 8应用程序，新建一个大小为800像素200像素、背景颜色为蓝色的Flash文档。（2）在工具箱中选择文本工具，在该工具属性面板中设置参数，如图所示。,图8.4.1“文本工具”属性面板,（3）使用该工具在舞台中输入文字，如图所示。（4）按“Ctrl+B”快捷键，将输入的文字打散成为图形，如图所示。,图8.4.2 输入文字 图8.4.3 打散文字,（5）选中第10帧，按“F7”键插入空白关键帧，并单击“绘图纸外观”按钮。（6）再次使用文本工具在舞台中输入文字“状”，如图所示。（7）重复步骤（4）（6）的操作，分别在该图层的第20帧、第30帧、第40帧和第50帧输入文字“补”、“间”、“动”和“画”，此时的时间轴面板如图所示。,图8.4.5 时间轴面板,图8.4.4 输入文字,（8）选中第1帧，单击该帧属性面板中“补间”右侧的下拉按钮，在弹出的下拉列表中选择“形状”选项，即可在第1帧至第10帧之间创建形状补间。形状补间用一条带箭头的绿线表示，如图所示。（9）重复步骤（8）的操作，分别在其他关键帧之间创建形状补间，此时的时间轴面板如图所示。,（10）至此，该动画已制作完成，可按“Ctrl+Enter”快捷键将动画导出后查看效果。,图8.4.7 时间轴面板的状态,图8.4.6 创建形状补间,二、形状补间动画的属性设置用户在创建形状补间动画的过程中，可利用属性面板设置变形过程的渐变属性，创建不同的动画效果，具体操作步骤如下：（1）在形状补间动画的任意一个补间帧上单击，然后打开该帧的属性面板，如图所示。,图8.4.8 帧属性面板,该面板与运动补间动画的帧属性面板基本相同，其中不同选项的含义如下：“混合”：用于设置变形过程中的混合模式。单击该选项右侧的下拉按钮，弹出其下拉列表。该列表包含两个选项，分别为分布式和角形。1）分布式：在该模式下创建形状补间动画时，中间形状较平滑且不规则。2）角形：在该模式下创建形状补间动画时，中间形状将保留原始形状的角度和线条。该模式适用于原始形状中有尖角和直线的图形。,（2）在属性面板中设置好各项参数，即可使用这些参数控制动画的播放。三、变形参考点的使用所谓变形参考点，就是在变形的初始图形和结束图形上分别指定一些变形关键点，并使这些点在起始帧中和结束帧中一一对应，这样Flash就会根据这些点的对应关系来计算变形的过程。使用变形参考点，可以创建较精确、复杂的形状补间动画。,1使用变形参考点的原则在Flash 8中，最多可以在图形上添加26个变形参考点，分别用字母az来表示。起始关键帧上的变形参考点用黄色圆圈表示，结束关键帧上的变形参考点用绿色圆圈表示。且当参考点的位置不在曲线上时，将显示为红色圆圈。在使用变形参考点控制形状变化时，必须遵循以下原则：（1）如果补间形状比较复杂，可以多增加几个中间形状，而不要只设置起始和结束关键帧中的形状。,（2）确保变形参考点符合逻辑。例如，在一个矩形上添加了4个变形参考点，依次为a，b，c和d，那么无论将该矩形如何变形，这4个参考点始终应保持a，b，c，d的顺序，而不能变成a，b，d，c等。（3）如果将变形参考点按照逆时针方向从图形的左上角位置开始，则变形效果将会更好。,2使用变形参考点控制形状变化如果要使用变形参考点控制形状变化，可按以下操作步骤进行。（1）打开一个形状补间动画，选择该动画中的第1个关键帧。（2）在菜单栏中选择“修改”“形状”“添加形状提示”命令。此时，舞台中将出现一个红色的圆圈，如图所示，该圆圈即为变形参考点。（3）当用户将鼠标指针移至该圆圈上，指针会变为形状。此时，单击并拖动鼠标，即可将该圆圈移至合适位置，如图所示。,图8.4.9 添加变形参考点 图8.4.10 移动变形参考点的位置,（4）选择该动画中的最后一个关键帧，此时，可以看到该帧中的图形上也有一个红色的圆圈，该圆圈中的字母也是a，如图所示。（5）重复步骤（3）的操作，将该参考点移至合适的位置。此时，该圆圈将会变成绿色，如图所示。,图8.4.11 显示第2个关键帧中的变形参考点 图8.4.12 移动变形参考点的位置,（6）单击选中第1个关键帧，此时，发现该帧上的变形参考点已变为黄色，如图所示。（7）重复步骤（2）（3）的操作，在图形中添加其他变形参考点，如图所示。（8）至此，变形参考点已添加完成，可按“Ctrl+Enter”快捷键将动画导出并观看。,图8.4.13 变形参考点变为黄色 图8.4.14 添加其他变形参考点,3变形参考点的相关操作用户可在添加变形参考点后查看该点，也可以将不需要的参考点删除，具体操作步骤如下：（1）在菜单栏中选择“视图”“显示形状提示”命令，可查看变形参考点。（2）单击选中变形参考点后，将该点拖出舞台可直接将其删除。（3）在菜单栏中选择“修改”“形状”“删除所有提示”命令，可将所有的变形参考点删除。,在Flash 8中，使用遮罩可以创建特殊效果，如聚光灯、过渡效果等。被遮住的对象可以是形状、文字对象、图形元件的实例或影片剪辑。用户也可以将多个图层放置于一个遮罩层下，来创建复杂的动画效果。一、遮罩层的使用当遮罩层作用于某个普通层时，普通层上的内容只能通过遮罩层上有内容的部分（即非空白部分）显示出来。除此之外，用户还可以将遮罩层上的对象制作成动画，来创建移动的遮罩层，以实现观看到的普通层上的物体运动的效果，但不能将线条作为遮罩层。,第五节 遮罩动画,与遮罩层相连的普通层又称为被遮罩层，它保留了普通层的所有特性。遮罩层是放置遮罩内容的层，被遮罩层是一个受遮罩层影响的层。遮罩层可以与多个被遮罩层相连。1创建遮罩层遮罩层的创建较简单，用户可通过以下的操作步骤创建遮罩层。（1）在普通层上创建图形。（2）在普通层上方新建一个图层，在该图层中绘制用做遮罩的对象，对象的颜色为除白色之外的其他颜色。,（3）在该图层上单击鼠标右键，从弹出的快捷菜单中选择“遮罩层”命令，即可将该图层转换为遮罩层，而它下方的图层将会成为被遮罩层，此时的时间轴面板如图所示。创建好遮罩层后，遮罩层及其下方的被遮罩层同时被锁定，且被遮罩层以缩进方式显示。如果用户要对这两个图层中的内容进行编辑，可以将它们解锁后进行编辑。,图8.5.1 创建遮罩层,2连接到遮罩层默认情况下，遮罩层下方只有一个被遮罩层与之相连，用户也可以根据需要，将其他普通层移到遮罩层下，使该普通层成为被遮罩层。使用以下3种方法可以将普通层连接到遮罩层。（1）在被遮罩层的上方创建新图层。（2）将某个普通图层选中后拖到遮罩层下面。（3）如果该普通图层在遮罩层下方，可双击该图层，在弹出的“图层属性”对话框中选中“被遮罩”单选按钮即可。,3与遮罩层分离如果要将被遮罩层与遮罩层分离，即将被遮罩层转换为普通层，可使用以下3种方法实现。（1）将被遮罩层选中后拖到遮罩层的上面。（2）将被遮罩层选中后将其拖离遮罩层。（3）用鼠标双击该图层，在弹出的“图层属性”对话框中将图层类型设置为“一般”即可。,二、遮罩层动画的创建下面将通过制作一个实例，来讲解遮罩层动画的制作方法，具体操作步骤如下：（1）打开Flash 8应用程序，新建一个大小为380像素480像素、帧频为8的Flash文档。（2）在菜单栏中选择“文件”“导入”“导入到舞台”命令，在弹出的“导入”对话框中选择一幅图片，并将其导入到舞台中。（3）在工具箱中选择任意变形工具，使用该工具调整图片到合适大小，如图所示。,图8.5.2 调整图片大小,（4）按“Ctrl+B”快捷键将导入的位图分离。在工具箱中选择墨水瓶工具，将该工具的笔触颜色设置为黑色，高度设置为1。使用该工具在分离后的位图上单击，为该图形添加外框，如图所示。（5）在工具箱中选择文本工具，使用该工具在图形的左右两侧输入竖排文字，作为落款，并用红色矩形模拟印章，效果如图所示。,图8.5.3 添加外框 图8.5.4 输入文字,（6）单击时间轴面板下方的“插入图层”按钮，新建图层2。（7）在工具箱中选择矩形工具，将该工具的笔触设置为无，将填充颜色设置为黑色。使用该工具在舞台中绘制一个与图层1中图形相同大小的矩形。移动该矩形的位置，使其将图层1中的图形完全遮住。（8）在图层2的第40帧处按“F6”键插入关键帧，并在图层1的第40帧处按“F5”键插入普通帧。,（9）单击选中图层2的第1帧。在工具箱中选择任意变形工具，使用该工具将该帧中的图形从下向上在垂直方向上缩小，如图所示。（10）单击图层2的第1帧，打开该帧的属性面板，在“补间”下拉列表中选择“形状”选项，在第1帧与第40帧之间创建形状补间动画，此时的时间轴如图所示。,图8.5.5 调整矩形的大小 图8.5.6 创建形状补间动画,（11）单击时间轴面板下方的“插入图层”按钮，新建图层3。（12）在工具箱中选择矩形工具，将其笔触颜色设置为无，填充颜色设置为由黑色至白色再至黑色的线性渐变。使用该工具在舞台中绘制一个矩形。（13）再次选择矩形工具，使用该工具绘制一个黑色的矩形，并将该矩形调整成为梯形，如图所示。（14）选中绘制的梯形，按“Ctrl+C”键复制，按“Ctrl+V”键粘贴。使用任意变形工具将该梯形水平旋转180，并将其移至合适位置。此时，一个卷轴已绘制完成，如图所示。,图8.5.7 绘制矩形和梯形 图8.5.8 绘制的卷轴,（15）选中绘制的卷轴，按“F8”键弹出“转换为元件”对话框。在该对话框中设置如图所示的参数，即可将该图形转换为图形元件。（16）将该卷轴移至画卷的最上方，如图所示。,图8.5.9“转换为元件”对话框 图8.5.10 移动卷轴的位置,（17）单击时间轴面板下方的“插入图层”按钮，新建图层4。选中图层3中的卷轴，按“Ctrl+C”键复制，在图层4中按“Ctrl+V”键粘贴，并使用选择工具将其移至合适的位置，如图所示。（18）选中该图层的第40帧，按“F6”键插入关键帧。在按住“Shift”键的同时，将该帧中的卷轴垂直移动至画卷的下侧，将黑色蒙版的边界遮住，如图所示。,图8.5.11 创建另一个卷轴 图8.5.12 移动卷轴的位置,（19）单击图层4的第1帧，打开该帧的属性面板，在“补间”下拉列表中选择“动画”选项，在第1帧与第40帧之间创建运动补间动画。（20）用鼠标右键单击图层2，在弹出的快捷菜单中选择“遮罩层”命令，将该层创建为遮罩层。（21）至此，该动画已制作完成。按“Ctrl+Enter”快捷键将动画导出后即可观看动画效果。,在Flash中，将引导层称为“辅助层”，即该图层在动画中起着辅助作用。当用户将制作的引导层动画输出时，引导层中的内容并不会被输出。一、引导层的使用使用引导层，可以创建使某个对象沿着指定路线移动的效果，还可以对动画中的对象进行定位。在Flash中，可以创建两种类型的引导层，一种是普通引导层；另一种是运动引导层。,第六节 运动引导层动画,1创建普通引导层普通引导层在动画中起着辅助静态定位的作用。用鼠标右键在时间轴中某个普通图层上单击，在弹出的快捷菜单中选择“引导层”命令，即可将该图层转换为普通引导层，如图所示。,图8.6.1 创建普通引导层,2创建运动引导层运动引导层在动画中起着运动路径的引导作用。运动引导层至少同一个普通图层相关联。与运动引导层相关联的普通图层中的对象可以沿着运动引导层中的路径运动，且该图层将以缩进方式显示。创建运动引导层时，只须单击时间轴面板中的“添加运动引导层”按钮，即可创建一个运动引导层，如图所示。,图8.6.2 创建运动引导层,3连接到运动引导层在默认情况下，新创建的运动引导层被放置于受它影响的图层上方，且该引导层下方只包含一个图层。如果要将某个普通图层连接到运动引导层中，只须选中该图层，并将其拖动到运动引导层的下方即可。4与运动引导层分离如果用户要将运动引导层下方的图层与引导层分离，只须选中该图层后，将其拖到引导层上方或拖离引导层即可。,二、引导层动画的创建下面将通过制作一个实例，来讲解运动引导层动画的制作方法，具体操作步骤如下：（1）打开Flash 8应用程序，新建一个大小为534像素412像素，背景颜色为蓝色的Flash 文档。（2）在菜单栏中选择“文件”“导入”“导入到舞台”命令，在弹出的“导入”对话框中选择一幅图片，并将其导入到舞台中。,（3）在工具箱中选择任意变形工具，使用该工具调整图片到合适大小，如图所示。（4）按“Ctrl+F8”快捷键，在弹出的快捷菜单中创建一个名为“风筝”的图形元件。在该元件的编辑模式中，使用绘图工具绘制如图所示的风筝。,图8.6.3 调整图片大小 图8.6.4 绘制的风筝,（5）重复步骤（4）的操作，分别创建两个名为“固定架”和“引导线”的图形元件，并绘制如图所示的图形。,图8.6.5 绘制的固定架和引导线,（6）单击按钮，返回至主场景。单击时间轴面板下方的“插入图层”按钮，新建图层2。（7）分别将创建的3个图形拖至舞台中，将它们放置于如图所示的位置。（8）选中该图层中的元件的实例，按“Ctrl+G”快捷键将它们组合成为一个整体。按“F8”键在弹出的“转换为元件”对话框中创建一个名为“风筝2”的图形元件。（9）单击时间轴面板下方的“添加运动引导图层”按钮，在当前图层上方添加运动引导层，如图所示。,图8.6.6 将元件从库中拖到舞台中 图8.6.7 添加运动引导层,（10）在工具箱中选择铅笔工具，使用该工具在舞台中绘制引导路径。（11）选中图层2中的第1帧，将该帧中的图形选中后移到引导路径上，当该图形中央的小圆圈变大时松开鼠标，即可将图形吸附在引导路径上，如图所示。,图8.6.8 将图形吸附在引导路径上,（12）选中引导图层中的第60帧，按“F5”键插入普通帧。选中图层2中的第60帧，按“F6”键插入关键帧。选中图层1中的第60帧，按“F5”键插入普通帧。（13）选中图层2中第60帧中的图形，将该图形移至如图所示的位置。（14）在图层2中的两个关键帧之间的任意一帧上单击鼠标右键，从弹出的快捷菜单中选择“创建补间动画”命令，即可创建运动补间动画。（15）至此，该动画已制作完成，按“Ctrl+Enter”快捷键将动画导出后，效果如图所示。,图8.6.9 移动图形的位置 图8.6.10 动画效果,提示：如果用户创建的引导路径为闭合图形，应在该图形的某个位置留一个小口，以在开口的两个端点处放置图形运动的起始点和终止点。,通过本章的学习，制作如图所示的浇注效果。,第七节 浇注效果,图8.7.1 浇注效果,（1）打开Flash 8应用程序，新建一个大小为550像素300像素，背景颜色为蓝色的Flash 文档。（2）在工具箱中选择文本工具，在该工具属性面板中设置参数，如图所示。,图8.7.2 设置文本工具的参数,（3）使用文本工具在舞台中输入文字，如图所示。（4）按“Ctrl+B”快捷键两次，将文字打散成为图形。在工具箱中选择墨水瓶工具，将该工具的笔触颜色设置为白色，笔触高度设置为4。使用该工具在文字上单击，为文字添加边框，如图所示。,图8.7.3 创建的文字 图8.7.4 为文字添加边框,（5）使用选择工具将文字的填充区域选中，按“Delete”键删除，效果如图所示。（6）单击时间轴面板下方的“插入图层”按钮，新建图层2。用鼠标右键单击图层1中的第1帧，在弹出的快捷菜单中选择“复制帧”命令。用鼠标右键单击图层2中的第1帧，在弹出的快捷菜单中选择“粘贴帧”命令，将图层1中的空心文字复制到图层2中。,（7）在工具箱中选择颜料桶工具，将该工具的填充颜色设置为橙色（R：255，G：153，B：0），使用该工具在图层2中的空心文字上单击，为其添加填充颜色，效果如图所示。,图8.7.5 删除文字的填充区域 图8.7.6 填充文字,（8）使用选择工具将图层2中文字的边框选中，按“Delete”键删除。分别在图层1和图层2的第50帧处按“F5”键插入普通帧。（9）按“Ctrl+F8”快捷键，在弹出的“创建新元件”对话框中创建一个名为“矩形”的图形元件。在该元件的编辑模式中，使用矩形工具绘制一个无笔触、填充颜色为白色的矩形。（10）单击按钮，返回至主场景。重复步骤（6）的操作，新建图层3。保持图层3为当前图层，将库中的“矩形”元件拖到舞台中，放置于舞台中文字的下方，如图所示。,（11）在该图层的第43帧处按“F6”键插入关键帧，将该帧中的矩形移至文字上方，将其完全遮住，如图所示。,图8.7.7 将元件拖至舞台中 图8.7.8 用矩形将文字遮住,（12）用鼠标右键单击该图层的第1帧，在弹出的快捷菜单中选择“创建补间动画”命令，在两个关键帧之间创建运动补间动画。（13）用鼠标右键单击图层3，在弹出的快捷菜单中选择“遮罩层”命令，将该图层转换为遮罩层。（14）重复步骤（6）的操作，新建图层4，并将该图层更名为“水”。使用矩形工具绘制如图所示的图形。（15）在该图层的第18帧处按“F6”键插入关键帧，使用选择工具调整该帧中的图形，效果如图所示。,图8.7.9 绘制的图形 图8.7.10 调整后的图形,（16）在该图层的第41帧处按“F6”键插入关键帧，并将该帧中的图形旋转25.7，如图所示，并在这几个关键帧之间创建形状补间动画。（17）重复步骤（14）的操作，创建一个名为“水的遮罩”的图形元件。在该元件的编辑模式中，使用矩形工具绘制一个无边框、填充颜色为白色的矩形，如图所示。,图8.7.11 旋转图形 图8.7.12 绘制的矩形,（18）单击按钮，返回至主场景。重复步骤（6）的操作，新建图层5，并将该图层更名为“遮罩”。将库中的图形元件“水的遮罩”拖至舞台中，将图层4中的水完全遮住，按“Ctrl+B”键将其打散成为图形。,（19）在第18帧处按“F6”键插入关键帧，并使用选择工具调整该帧中的图形，效果如图所示，并在这两个关键帧之间创建形状补间动画。（20）在第19帧处按“F6”键插入关键帧，将图形元件“水的遮罩”从库中拖至舞台中，并旋转1.8。在第41帧处按“F6”键插入关键帧，将该帧对应的图形向舞台上方移动两个像素，并在两个关键帧之间创建运动补间动画。（21）重复步骤（13）的操作，将该图层转换为遮罩层，此时的时间轴面板如图所示。,图8.7.14 时间轴面板的状态,图8.7.13 调整后的图形,（22）重复步骤（6）的操作，新建图层6，并将该图层更名为“杯子”。重复步骤（13）的操作，创建一个名为“杯子”的图形元件。在该元件的编辑模式中，使用线条工具绘制如图所示的杯子。（23）单击按钮，返回至主场景。将创建的图形元件“杯子”从库中拖至舞台中。重复步骤（16）的操作，将杯子的变形中心点移至如图所示的位置，,图8.7.15 绘制的杯子 图8.7.16 调整变形中心点的位置,（24）调整它的变形中心点后，将其旋转37.6，效果如图所示。在该图层的第18帧处按“F6”键插入关键帧，并将该帧对应的杯子旋转14，如图所示。,图8.7.17 将杯子旋转37.6 图8.7.18 将杯子旋转14,（25）在该图层的第41帧处按“F6”键插入关键帧，并将该帧对应的图形旋转12，如图所示，并在3个关键帧之间创建运动补间动画。（26）重复步骤（6）的操作，新建图层7，并将该图层更名为“水流”。在该图层中，使用线条工具绘制如图所示的直线。,图8.7.19 将图形旋转12 图8.7.20 绘制的直线,（27）在该图层的第43帧处按“F7”键插入空白关键帧。至此，该效果已制作完成，按“Ctrl+Enter”快捷键将动画导出，效果如图所示。,一、填空题1在Flash 8中，可以使用_快速创建动画。2在Flash 8中，可以创建_、_和效果这3种类型的时间轴特效。3在Flash 8中，补间动画包括_动画和_动画两种。二、选择题1（）动画占用的内存空间较大。（A）逐帧（B）补间（C）遮罩（D）引导层,习 题 八,2创建形状补间动画时，使用（）可精确控制动画中图形形状的变化。（A）变形参考点（B）图层（C）时间轴（D）舞台3在Flash 8中，用户可以创建（）种类型的引导层。（A）2（B）4（C）3（D）5,三、上机操作1创建人走路的逐帧动画。2创建汽车从路的一端开到另一端的运动补间动画。3创建大象变老鼠的形状补间动画。4创建探照灯照射的遮罩动画。5创建蝴蝶飞过的运动引导层动画。,