第七讲 场景与时间轴特效动画 一、场景 1．增加场景与切换场景 在 Flash 影片中，演出的舞台只有一个，但在演出过程中，可以更换不同的场景。 (1)增加场景 (2)切换场景 2． “场景”面板的使用 单击“窗口”→“其他面板”→“场景”菜单命令，可以调出“场景”面板，利用该面板，可显示、新建、复制、删除场景，以及给场景更名和改变场景的顺序等。 (1)改变场景播放顺序 (2)新建场景 (3)重制场景 (4)删除场景 (5)更改场景名称
二、帧的基本操作 1．选择帧 编辑帧以前应先选中要编辑的帧。在时间轴中选中若干帧，然后单击右键，即可调出帧快捷菜单，常常需要使用帧快捷菜单中的菜单命令来编辑帧。选择帧的方法如下。 (1)选中一个帧 (2)选中连续的多个帧 (3)选中一个图层的所有帧 (4)选中多个连续图层的所有帧 (5)选中多个图层的所有帧 (6)选择所有帧 2．移动帧、复制帧和调整关键帧的位置 (1)调整关键帧的位置 (2)鼠标移动帧 (3)复制帧和移动帧 3．插入帧、删除帧和转换为关键帧 (1)插入普通帧：单击选中要插入普通帧的帧单元格，然后按 F5 键。这时就会在选中的帧单元格中新添加一个普通帧， 该帧单元格中原来的帧以及它右面的帧都会向右移动一帧。 (2)删除帧：选中要删除的一个或多个帧，单击帧快捷菜单中的“删除帧”菜单命令。 (3)插入关键帧：选中要插入关键帧的帧，按 F6 键或单击帧快捷菜单中的“插入关键帧”菜单命令。 (4)插入空白关键帧：选中要插入空白关键帧的帧，按 F7 键或单击帧快捷菜单中的“插入空白关键帧”菜单命令。 (5)清除关键帧：选中要删除的关键帧，单击帧快捷菜单中的“删除关键帧”菜单命令。此时，原关键帧中的内容会被前面的关键帧内容取代。 (6)清除帧：选中要清除的帧，单击帧快捷菜单中的“清除帧”菜单命令，可将选中的帧中的内容清除，使该帧成为空白关键帧。 (7)转换为关键帧：选中要转换的普通帧，然后单击帧快捷菜单中的“转换为关键帧” (或“转换为空白关键帧” )菜单命令，即可将普通帧转换为关键帧(或空白关键帧) 。
三、时间轴特效动画 1．时间轴特效动画简介 时间轴特效是 Flash 8 中内置的一组动画效果，可以通过执行时间轴特效来快速创建复杂的动画。时间轴特效有“变形”、“转换”、“分离”、“展开”、“投影”和“模糊”等特效。它们的操作步骤很简单。可以对文本、图形、图像和元件实例等对象应用时间轴特效。 当将时间轴特效应用于舞台工作区中的对象，创建完一个时间轴特效后，“库“面板中会自动添加一个与该时间轴特效同名的文件夹，它包含有该时间轴特效所用到的所有元素。当一个对象创建了时间轴特效后，Flash 将为这个时间轴特效创建一个图层，并将对象放置在该图层中，动画所用到的所有补间、变形等都在该图层中。 2．编辑时间轴特效 （1）选中有时间轴特效动画的图层，单击“修改”→“时间轴特效”→“编辑特效”菜单命令，即可调出相应的对话框。 （2）在调出的对话框内进行参数修改后，单击该对话框内的“确定”按钮，即可完成时间轴特效的编辑。
四、案例 案例1 图像切换 “图像切换”动画的显示效果是先显示第 1 幅图像，接着第 1 幅图像从左向右淡出涂抹，同时由不透明变为透明，逐渐将第 2 幅图像显示出来；然后第 2 幅图像逐渐旋转、缩小、移出左上角，逐渐将第 3 幅图像显示出来。动画播放后的 2 幅画面如图 4-4-1 所示。通过本实例的学习，掌握使用“转换”时间轴特效功能制作动画的方法。该动画的制作方法如下。 图 4-4-1 “图像切换”动画的显示效果 1．制作从左到右淡出涂抹动画 （1）设置动画的舞台工作区宽为 240px，高为 180px，背景色为白色。 （2）在“库”面板内导入 3 幅图像，如图 4-4-2 所示。 （3）使用工具箱中的“选择工具”，选中“图层 1”图层第 1 帧，将“库”面板内的第 2 幅图像拖曳到舞台工作区内，调整它的大小和位置，使图像刚好将舞台工作区完全覆盖。 （4）在“图层 1”图层之上添加“图层 2”图层。将“库”面板内的第 1 幅图像拖曳到舞台工作区内，调整它的大小和位置，使该图像刚好将舞台工作区完全覆盖。
图 4-4-2 第 1 幅、第 2 幅和第 3 幅图像 （5）选中“图层 2”图层第 1 帧，再单击“插入”→“时间轴特效”→“变形/转换→“转换”菜单命令，调出“变形”（转换）对话框。 （6）在“变形”（转换）对话框内设置各项参数：在“效果持续时间”文本框内输入30，设置动画帧数为 30；选择“出”单选项，设置淡出展示图像的效果；选中所有复选框，在“移动减慢”文本框内输入 64；单击选中向右的箭头按钮，设置淡出和涂抹的方向为向右），如图 4-4-3 所示。 图 4-4-3 “变形”（转换）对话框 （7）单击该对话框内的“更新预览”按钮，可以在该对话框内的右边显示所创建时间轴特效的动画效果。单击“确定”按钮，完成从左到右淡出涂抹特效动画的制作。此时，“图层 2”图层的名称自动改为“转换 2”，动画共占了 30 帧。 （8）单击选中“图层 1”图层第 30 帧，按 F5 键，创建普通帧。 2．制作移位变形动画 （1）在“图层 2”图层之上添加“图层 3”图层。单击选中该图层的第 31 帧，按 F7 键，创建一个关键帧，再将“库”面板内的第 3 幅图像拖曳到舞台工作区内，调整它的大小和位置，使图像刚好将舞台工作区完全覆盖。 （2）单击选中“图层 3”图层第 60 帧，按 F5 键，创建普通帧。 （3）在“图层 3”图层之上添加“图层 4”图层。单击选中该图层的第 31 帧，按 F7 键，创建一个关键帧，将“图层 1”图层第 1 帧复制粘贴到“图层 4”图层第 31 帧。 （4）单击选中“图层 4”图层第 31 帧，再单击“插入”→“时间轴特效”→“变形/转换→“变形”菜单命令，调出“变形”（变形）对话框。 （5）在“变形”（变形）该对话框内设置时间轴转换特效的各项参数：在“效果持续时间”文本框内输入 30，设置动画帧数为 30；在棋下边的下拉列表框种选择“更改位置方式”选项，设置图像逐渐移出的效果；在“移动减慢”文本框内输入-74；在“旋转”文本框中输入 1，其它设置如图 4-4-4 所示。 图 4-4-4 “变形”（变形）对话框 （6）单击“变形”（变形）对话框内的“确定”按钮，完成逐渐旋转、缩小、移出左上角特效动画的制作。此时，“图层 4”图层的名称自动改为“变形 3”，动画一共占了 30 帧。 （7）如果需要修改时间轴特效，可以单击选中“图层 2”图层第 1 帧或“图层 4”图层第 31 帧，再单击“修改”→“时间轴特效”→“编辑特效”菜单命令，调出“变形”对话框，利用该对话框可进行参数的修改，单击“确定”按钮，即可完成时间轴特效的修改。至此，动画制作完毕。 “图像切换”动画的时间轴如图 4-4-5 所示。
图 4-4-5 “图像切换”动画的时间轴 案例2 百叶窗式图像切换 “百叶窗式图像切换”动画播放后的显示效果是先显示第 1 幅图像，接着第 1 幅图像逐渐呈水平百叶窗式消逝，将第 2 幅图像显示出来。然后，第 2 幅图像逐渐呈垂直百叶窗式消逝，将第 3 幅图像显示出来。动画播放后的 2 幅画面如图 4-4-6 所示。 图 4-4-6 “百叶窗式图像切换”动画的 2 幅画面 通过本实例的学习，可以进一步掌握使用时间轴特效功能制作动画的方法。“百叶窗式图像切换”动画的时间轴如图 4-4-7 所示，该动画的制作方法如下。
图 4-4-7 “百叶窗式图像切换”动画的时间轴 1．制作“百叶”影片剪辑元件 （1）设置动画的舞台工作区宽为 400px，高为 300px，背景色为白色。 （2）在“库”面板内导入 3 幅风景图像，如图 4-4-8 所示。
图 4-4-8 3 幅风景图像 （3）进入“百叶”影片剪辑元件的编辑状态。选中“图层 1”图层第 1 帧，在舞台工作区的正中心绘制一条蓝色的矩形图形，该矩形宽 410 像素，高 2 像素，如图 4-4-9 所示。
图 4-4-9 绘制一条蓝色的矩形图形 （4）创建“图层 1”图层第 1 帧到第 45 帧的动作动画。将“图层 1”图层第 45 帧内矩形图像的高度调整为 30 像素。 （5）单击元件编辑窗口中的场景名称或按钮，回到舞台工作区的主场景。 2．水平百叶窗式图像切换 （1）使用工具箱中的选择工具，选中“图层 1”图层第 1 帧，将“库”面板内的第 1幅图像拖曳到舞台工作区内，调整它的大小和位置，使该图像刚好将舞台工作区完全覆盖。 （2）在“图层 1”图层之上添加“图层 2”图层。选中“图层 2”图层第 1 帧，将“库”面板内的第 2 幅图像拖曳到舞台工作区内，调整它的大小和位置。 （3）在“图层 2”图层之上添加“图层 3”图层。选中“图层 3”图层第 1 帧，将“库”面板内的“百叶”影片剪辑元件拖曳到舞台工作区内图像的最上边，与图像上边缘重合。 （4）单击“插入”→“时间轴特效”→“帮助→“复制到网格”菜单命令，调出“复制到网格”对话框。设置“网格尺寸”栏内的行数为 10（应为图像高度为 300 像素，“百叶”影片剪辑元件内矩形图形最大高度为 30 像素），列数为 1；设置“网格间距”栏内的行数为30（应为“百叶”影片剪辑元件内矩形图形最大高度为 30 像素），列数为 1。单击“更新预览”按钮，可以在显示框内看到效果，如图 4-4-10 所示。
图 4-4-10 “复制到网格”对话框 （5）单击“复制到网格”对话框内的“确定”按钮，完成“图层 3”图层第 1 帧百叶窗动画的制作。同时在“库”面板内自动生成一个“复制到网格 2”影片剪辑元件和其他元件。 （6）按住 Ctrl 键，选中三个图层的第 45 帧，按 F5 键。 （7）选中“图层 3”图层，单击鼠标右键，再单击调出的快捷菜单中的“遮罩层”菜单命令，将“图层 3”图层设置为遮罩图层， “图层 2”图层为被遮罩图层。 3．垂直百叶窗式图像切换 （1）在“图层 3”图层之上添加“图层 4”、“图层 5”和“图层 6”图层。选中“图层4”、“图层 5”和“图层 6”图层第 46 帧，按 F7 键，创建三个空关键帧。 （2）将“图层 2”图层“库”面板内的第 2 幅图像拖曳到舞台工作区内，调整它的大小和位置，使该图像刚好将舞台工作区完全覆盖。 （3）在“图层 1”图层第 1 帧内容复制粘贴到“图层 4”图层第 46 帧。选中“图层 5”图层第 46 帧，将“库”面板内的第 3 幅图像拖曳到舞台工作区内，调整它的大小和位置。 （4）在“图层 2”图层之上添加“图层 3”图层。选中“图层 3”图层第 1 帧，将“库”