《网页动画设计与制作FlashMX2004 项目5-图层、场景与帧的使用.ppt》由会员分享，可在线阅读，更多相关《网页动画设计与制作FlashMX2004 项目5-图层、场景与帧的使用.ppt（30页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、网页动画设计与制作Flash项目5-图层、场景与帧的使用项目5-图层、场景与帧的使用【项目背景项目背景】小张已经创作了一些动画角色与画面，并已经设计了一些简单的动画，经理要求他利用帧、图层和场景制作一些较复杂的动画，包括设计一个“10秒倒计时”动画和一个“探照灯”动画。【项目分析项目分析】1Flash中的图层是什么，有什么作用？2Flash中的帧分为哪几种类型？3Flash中的场景有什么作用？【任务分解任务分解】任务1：使用帧。任务2：创建与查看图层。任务3：编辑图层。任务4：设置图层类型。任务5：使用场景。任务任务1 使用帧使用帧 了解帧的基本分类。熟悉帧的插入方法。熟悉帧的编辑方法。运用不
2、同帧制作“10秒倒计时”动画。1了解帧的基本分类了解帧的基本分类 关键帧是指在动画中定义的关键动画变化的帧。关键帧是指在动画中定义的关键动画变化的帧。Flash Flash 可以在关键帧之间补间或填充普通帧，可以在关键帧之间补间或填充普通帧，从而生成流畅的动画。因为利用关键帧使用户从而生成流畅的动画。因为利用关键帧使用户可以不画出关键帧之间的每个帧就可以生成动可以不画出关键帧之间的每个帧就可以生成动画，所以绘制关键帧是动画制作中至关重要的画，所以绘制关键帧是动画制作中至关重要的环节。环节。空白帧和空白关键帧是没有显示内容的，一般空白帧和空白关键帧是没有显示内容的，一般起到调节时间轴、起到调节时
3、间轴、ActionsActions行为的调用等特殊用行为的调用等特殊用途。途。帧和关键帧在时间轴中出现的顺序决定它们在帧和关键帧在时间轴中出现的顺序决定它们在 Flash Flash 应用程序中显示的顺序。可以在时间轴应用程序中显示的顺序。可以在时间轴中排列关键帧，以便编辑动画中事件的顺序。中排列关键帧，以便编辑动画中事件的顺序。2熟悉帧的插入方法熟悉帧的插入方法（1 1）插入帧：在时间轴中单击要插入帧的地）插入帧：在时间轴中单击要插入帧的地方，执行方，执行“插入插入”“”“时间轴时间轴”“”“帧帧”命令。命令。（2 2）插入关键帧：在时间轴中单击要插入关）插入关键帧：在时间轴中单击要插入关键
4、帧的地方，执行键帧的地方，执行“插入插入”“”“时间轴时间轴”“”“关键帧关键帧”命令。命令。（3 3）插入空白帧：在时间轴中单击要插入空）插入空白帧：在时间轴中单击要插入空白帧的地方，执行白帧的地方，执行“插入插入”“”“时间轴时间轴”“”“空白关键帧空白关键帧”命令。命令。3熟悉帧的编辑方法熟悉帧的编辑方法1（1 1）选择帧：选择时间轴中的一个或多个帧，可以执行以下操）选择帧：选择时间轴中的一个或多个帧，可以执行以下操作之一。作之一。要选择一个帧，可以单击该帧。要选择一个帧，可以单击该帧。要选择多个连续的帧，可以按住要选择多个连续的帧，可以按住 Shift Shift 键并单击起始帧和结束
5、帧。键并单击起始帧和结束帧。要选择多个不连续的帧，可以按住要选择多个不连续的帧，可以按住 Ctrl Ctrl 键依次单击所有要选取的键依次单击所有要选取的帧。帧。要选择时间轴中的所有帧，执行要选择时间轴中的所有帧，执行“编辑编辑”“”“时间轴时间轴”“”“选择选择所有帧所有帧”命令。命令。（2 2）删除帧：要删除帧、关键帧或帧序列，可以选择该帧、关）删除帧：要删除帧、关键帧或帧序列，可以选择该帧、关键帧或序列，然后执行键帧或序列，然后执行“编辑编辑”“”“时间轴时间轴”“”“删除帧删除帧”命令，命令，周围的帧将保持不变。周围的帧将保持不变。（3 3）移动帧：要移动关键帧或帧序列及其内容，可以将
6、该关键）移动帧：要移动关键帧或帧序列及其内容，可以将该关键帧或序列拖放到所需的位置。帧或序列拖放到所需的位置。3熟悉帧的编辑方法熟悉帧的编辑方法2（4 4）延长帧：要延长关键帧的持续时间，可以按住）延长帧：要延长关键帧的持续时间，可以按住 Alt Alt 键将该关键将该关键帧拖到新序列持续时间的最后一帧位置。键帧拖到新序列持续时间的最后一帧位置。（5 5）复制帧：复制帧有以下两类方法。）复制帧：复制帧有以下两类方法。要通过拖动来复制关键帧或帧序列，可以按住要通过拖动来复制关键帧或帧序列，可以按住 Alt Alt 键单击，并将键单击，并将关键帧拖到新位置。关键帧拖到新位置。要复制和粘贴帧或帧序列
7、，可以选择该帧或序列，然后执行要复制和粘贴帧或帧序列，可以选择该帧或序列，然后执行“编编辑辑”“”“时间轴时间轴”“”“复制帧复制帧”命令；再选择想要替换的帧或序命令；再选择想要替换的帧或序列，然后执行列，然后执行“编辑编辑”“”“时间轴时间轴”“”“粘贴帧粘贴帧”命令。命令。（6 6）将关键帧转换为帧：要将关键帧转换为帧，可以选择该关）将关键帧转换为帧：要将关键帧转换为帧，可以选择该关键帧，然后执行键帧，然后执行“编辑编辑”“”“时间轴时间轴”“”“清除关键帧清除关键帧”命令，命令，被清除的关键帧以及到下一个关键帧之前的所有帧都将被该关键被清除的关键帧以及到下一个关键帧之前的所有帧都将被该关
8、键帧之前的一帧内容所替换。帧之前的一帧内容所替换。（7 7）更改补间序列的长度：要更改补间序列的长度，可以将开）更改补间序列的长度：要更改补间序列的长度，可以将开始关键帧或结束关键帧向左或向右拖动。始关键帧或结束关键帧向左或向右拖动。4运用不同帧制作运用不同帧制作“10秒倒计时秒倒计时”动画动画（1 1）新建）新建FlashFlash文件，命名为文件，命名为“1010秒倒计时秒倒计时”；（2 2）观察系统自动生成的时间轴，动画仅包含一个空白）观察系统自动生成的时间轴，动画仅包含一个空白关键帧；关键帧；（3 3）在第）在第1 1帧内使用帧内使用“文本工具文本工具”创建文本块，输入文字创建文本块，
9、输入文字“9”9”，则空白关键帧转变为关键帧；，则空白关键帧转变为关键帧；（4 4）在第）在第210210帧依次插入关键帧，并分别修改帧内文字帧依次插入关键帧，并分别修改帧内文字内容为内容为“8”8”、“7”7”、“6”6”、“5”5”、“4”4”、“3”3”、“2”2”、“1”1”、“0”0”，；，；（5 5）选择最后一帧，执行）选择最后一帧，执行“编辑编辑”“”“时间轴时间轴”“”“转转换为空白关键帧换为空白关键帧”命令，则增加出第命令，则增加出第1111帧，最后一帧为空帧，最后一帧为空白关键帧；白关键帧；（6 6）选择第）选择第211211帧，拖动到帧，拖动到1313帧位置，中间由系统自
10、动帧位置，中间由系统自动生成的普通帧填充，使第生成的普通帧填充，使第1 1帧内容在动画中保持帧内容在动画中保持1 1秒的时间；秒的时间；（7 7）按照步骤）按照步骤6 6的做法，依次处理每个关键帧，使每个数的做法，依次处理每个关键帧，使每个数字内容在动画中均保持字内容在动画中均保持1 1秒的时间。秒的时间。任务任务2 创建与查看图层创建与查看图层 熟悉创建图层和层文件夹的操作方法。熟悉查看图层和层文件夹的操作方法。熟悉组织图层和层文件夹的操作方法。1熟悉创建图层和层文件夹的操熟悉创建图层和层文件夹的操作方法作方法（1 1）创建图层：要创建图层，可以执行以下）创建图层：要创建图层，可以执行以下操
11、作之一。操作之一。单击时间轴底部的单击时间轴底部的“插入图层插入图层”按钮，如图按钮，如图5-85-8所示。所示。执行执行“插入插入”“”“时间轴时间轴”“”“图层图层”命令。命令。右键单击时间轴中的一个层名，然后从快捷菜单中右键单击时间轴中的一个层名，然后从快捷菜单中选择执行选择执行（2 2）创建图层文件夹：要创建图层文件夹，）创建图层文件夹：要创建图层文件夹，可以执行以下操作之一。可以执行以下操作之一。单击时间轴底部的单击时间轴底部的“插入图层文件夹插入图层文件夹”按钮。按钮。在时间轴中选择一个层或文件夹，然后执行在时间轴中选择一个层或文件夹，然后执行“插入插入”“”“时间轴时间轴”“”“
12、图层文件夹图层文件夹”命令。命令。右键单击时间轴中的一个层名，然后从快捷菜单中右键单击时间轴中的一个层名，然后从快捷菜单中选择执行选择执行“插入文件夹插入文件夹”命令。命令。2熟悉查看图层和层文件夹的熟悉查看图层和层文件夹的操作方法操作方法1（1 1）显示或隐藏层或文件夹：要显示或隐藏）显示或隐藏层或文件夹：要显示或隐藏层或文件夹，可以执行以下操作之一。层或文件夹，可以执行以下操作之一。单击时间轴中层或文件夹名称右侧的单击时间轴中层或文件夹名称右侧的“眼睛眼睛”列，可以隐藏该层或文件夹，再次单击它可以列，可以隐藏该层或文件夹，再次单击它可以显示该层或文件夹。显示该层或文件夹。单击眼睛图标可以隐
13、藏所有的层和文件夹，再单击眼睛图标可以隐藏所有的层和文件夹，再次单击它可以显示所有的层和文件夹，如图次单击它可以显示所有的层和文件夹，如图5-5-1010所示。所示。在在“眼睛眼睛”列中拖动可以显示或隐藏多个层或列中拖动可以显示或隐藏多个层或文件夹。文件夹。2熟悉查看图层和层文件夹的熟悉查看图层和层文件夹的操作方法操作方法2（2 2）用轮廓查看层上的内容：要用轮廓查看层）用轮廓查看层上的内容：要用轮廓查看层上的内容，可以执行以下操作之一。上的内容，可以执行以下操作之一。单击层名称右侧的单击层名称右侧的“轮廓轮廓”列可以将该层上的所列可以将该层上的所有对象显示为轮廓，再次单击它可以关闭轮廓显有对
14、象显示为轮廓，再次单击它可以关闭轮廓显示。示。单击轮廓图标可以用轮廓显示所有层上的对象，单击轮廓图标可以用轮廓显示所有层上的对象，再次单击它可以关闭所有层上的轮廓显示，如图再次单击它可以关闭所有层上的轮廓显示，如图5-115-11所示。所示。在在“轮廓轮廓”列中拖动可以打开或关闭用轮廓显示列中拖动可以打开或关闭用轮廓显示多个层或文件夹。多个层或文件夹。2熟悉查看图层和层文件夹的熟悉查看图层和层文件夹的操作方法操作方法3（3）更改层的轮廓颜色：要更改层的轮）更改层的轮廓颜色：要更改层的轮廓颜色，可以执行以下操作之一。廓颜色，可以执行以下操作之一。双击时间轴中层的图标（即层名称左侧双击时间轴中层的
15、图标（即层名称左侧的图标）。的图标）。在时间轴中选择该层，然后执行在时间轴中选择该层，然后执行“修改修改”“时间轴时间轴”“图层属性图层属性”命令。命令。3熟悉组织图层和层文件夹的操熟悉组织图层和层文件夹的操作方法作方法（1）将层或层文件夹移动到层文件中：可以将该层或层文件夹名称拖到目标层文件夹名称中，该层或层文件夹将出现在时间轴中的目标层文件夹中。（2）更改层或文件夹的顺序：可以将时间轴中的一个或多个层或文件夹拖到所需的位置。（3）展开或折叠文件夹：可以单击文件夹名称左侧的三角形。任务任务3 编辑图层编辑图层 熟悉选择图层和层文件夹的操作方法。熟悉重命名图层和层文件夹的操作方法。熟悉锁定图层
16、和层文件夹的操作方法。熟悉复制和删除图层和层文件夹的操作方法。1熟悉选择图层和层文件夹的操熟悉选择图层和层文件夹的操作方法作方法 （1 1）选择单个层或文件夹：可以单击时间轴）选择单个层或文件夹：可以单击时间轴中层或文件夹的名称；或在时间轴中单击要选中层或文件夹的名称；或在时间轴中单击要选择的层的一个帧；或在舞台中选择要选择的层择的层的一个帧；或在舞台中选择要选择的层上的一个对象。上的一个对象。（2 2）选择连续的几个层或文件夹：可以按住）选择连续的几个层或文件夹：可以按住 Shift Shift 键在时间轴中依次单击需要选择的对象名键在时间轴中依次单击需要选择的对象名称。称。（3 3）选择几
17、个不连续的层或文件夹：可以按）选择几个不连续的层或文件夹：可以按住住 Ctrl Ctrl 键单击时间轴中需要选择的对象名称。键单击时间轴中需要选择的对象名称。2熟悉重命名图层和层文件夹的熟悉重命名图层和层文件夹的操作方法操作方法（1）双击层或文件夹的名称，然后输入新名称即可（2）在时间轴中选择该层或文件夹，然后执行“修改”“时间轴”“图层属性”命令，出现“图层属性”对话框，在“名称”文本框中输入新名称，然后单击“确定”按钮。3熟悉锁定图层和层文件夹的操熟悉锁定图层和层文件夹的操作方法作方法（1）单击层或文件夹名称右侧的“锁定”列可以锁定它，再次单击“锁定”列可以解锁该层或文件夹。（2）单击挂锁
18、图标可以锁定所有的层和文件夹，再次单击它可以解锁所有的层和文件夹。（3）在“锁定”列中拖动可以锁定或解锁多个层或文件夹。4熟悉复制和删除图层和层文件熟悉复制和删除图层和层文件夹的操作方法夹的操作方法 （1 1）复制层：复制层的操作方法如下。）复制层：复制层的操作方法如下。单击层名称先选择整个源层，执行单击层名称先选择整个源层，执行“编辑编辑”“”“时间轴时间轴”“”“复制帧复制帧”命令；命令；然后单击然后单击“添加图层添加图层”按钮创建新层；按钮创建新层；再单击该目标层，执行再单击该目标层，执行“编辑编辑”“”“时间轴时间轴”“”“粘贴帧粘贴帧”命令，得到与源层完全相同的命令，得到与源层完全相
19、同的目标层。目标层。（2 2）删除层或文件夹：如果要删除层或文件）删除层或文件夹：如果要删除层或文件夹，可以选择该层或文件夹，然后单击时间轴夹，可以选择该层或文件夹，然后单击时间轴中的中的“删除图层删除图层”按钮，或将层或文件夹拖到按钮，或将层或文件夹拖到“删除图层删除图层”按钮上按钮上 任务任务4 设置图层类型设置图层类型 熟悉设置图层类型的操作方法。了解引导层的作用。了解遮罩层的作用。运用不同层的性质制作“探照灯”动画。1熟悉设置图层类型的操作方法熟悉设置图层类型的操作方法 图层被分为六种类型，分别是：正常、引导层、图层被分为六种类型，分别是：正常、引导层、被引导、遮罩层、被遮罩和文件夹。
20、其中正常被引导、遮罩层、被遮罩和文件夹。其中正常和文件夹就是普通的图层和文件夹对象。和文件夹就是普通的图层和文件夹对象。引导层和被引导，以及遮罩层和被遮罩通常都引导层和被引导，以及遮罩层和被遮罩通常都是成对使用的图层，被专门用于制作运动导线是成对使用的图层，被专门用于制作运动导线动画和遮罩动画。动画和遮罩动画。要设置图层的类型属性，可以双击时间轴中层要设置图层的类型属性，可以双击时间轴中层的图标（即层名称左侧的图标），弹出的图标（即层名称左侧的图标），弹出“图层图层属性属性”对话框，在该对话框中选择类型对话框，在该对话框中选择类型 2了解引导层的作用了解引导层的作用 为了在绘画时帮助对齐对象，
21、可以创建引导层，为了在绘画时帮助对齐对象，可以创建引导层，然后可以将其他层上的对象与在引导层上创建然后可以将其他层上的对象与在引导层上创建的对象对齐。的对象对齐。可以将任何层用作引导层。引导层是用层名称可以将任何层用作引导层。引导层是用层名称左侧的辅助线图标表示的左侧的辅助线图标表示的 还可以创建运动引导层，以绘制路径，补间实还可以创建运动引导层，以绘制路径，补间实例、组或文本块可以沿着这些路径运动。例、组或文本块可以沿着这些路径运动。可以将多个层链接到一个运动引导层，使多个可以将多个层链接到一个运动引导层，使多个对象沿同一条路径运动。链接到运动引导层的对象沿同一条路径运动。链接到运动引导层的
22、常规层就成为被引导层常规层就成为被引导层 3了解遮罩层的作用了解遮罩层的作用 遮罩像是个窗口，透过它可以看到位于它下面的被遮罩区域。除了透过遮罩显示的内容之外，其余的所有内容都被遮罩层的其余部分隐藏起来 要创建动态效果，还可以让遮罩层动起来。对要创建动态效果，还可以让遮罩层动起来。对于用作遮罩的填充形状，可以使用补间形状；于用作遮罩的填充形状，可以使用补间形状；对于文字对象、图形实例或影片剪辑，可以使对于文字对象、图形实例或影片剪辑，可以使用补间动画。可以选择是否只显示遮罩的效果，用补间动画。可以选择是否只显示遮罩的效果，只要单击对应的锁形图标即可只要单击对应的锁形图标即可 4运用不同层的性质
23、制作运用不同层的性质制作“探照探照灯灯”动画动画（1 1）新建）新建FlashFlash文件，命名为文件，命名为“探照灯探照灯”；（2 2）将图层一重命名为）将图层一重命名为“遮罩层遮罩层”，并使用，并使用“文本工具文本工具”创建创建文字对象文字对象“FlashFlash探照灯探照灯”；（3 3）在）在“遮罩层遮罩层”第第3636帧插入普通帧，使动画延续帧插入普通帧，使动画延续3 3秒；秒；（4 4）在）在“遮罩层遮罩层”下方新建图层，命名为下方新建图层，命名为“被遮罩层被遮罩层”；（5 5）在）在“被遮罩层被遮罩层”中绘制椭圆形矢量色块，并使用放射状渐中绘制椭圆形矢量色块，并使用放射状渐变色
24、着色，模拟灯光散射效果；变色着色，模拟灯光散射效果；（6 6）在）在“被遮罩层被遮罩层”第第1 1、1818、3636帧分别创建关键帧，并将椭圆帧分别创建关键帧，并将椭圆形色块摆放到文字两边的位置，尽量使第形色块摆放到文字两边的位置，尽量使第1 1和第和第3636帧的色块位置帧的色块位置一致；一致；（7 7）在第）在第1 1和第和第1818帧设置形状补间属性，生成色块来回移动的效帧设置形状补间属性，生成色块来回移动的效果；果；（8 8）将上方图层类型设置为）将上方图层类型设置为“遮罩层遮罩层”，下方图层类型设置为，下方图层类型设置为“被遮罩被遮罩”；（9 9）全部制作完成）全部制作完成 任务任
25、务5 使用场景使用场景 了解场景的作用。熟悉场景面板的基本操作。1了解场景的作用了解场景的作用 场景可使设计人员方便地按照主题组织文件。例如，可以使用单独的场景用于简介、出现的消息以及片头片尾字幕等。当发布包含多个场景的 Flash 文件时，文件中的场景将按照它们在 Flash 文件的“场景”面板中列出的顺序进行回放。文件中的帧都是按场景顺序连续编号的。2熟悉场景面板的基本操作熟悉场景面板的基本操作（1 1）显示场景面板：可以执行）显示场景面板：可以执行“窗口窗口”“”“设计面板设计面板”“”“场景场景”命令。命令。（2 2）查看特定场景：执行）查看特定场景：执行“视图视图”“”“转到转到”命
26、令，然命令，然后从子菜单中选择场景的名称。还可以直接通过后从子菜单中选择场景的名称。还可以直接通过“编辑场编辑场景景”按钮完成选择；按钮完成选择；（3 3）添加场景：可以直接单击）添加场景：可以直接单击“场景场景”面板中的面板中的“添加添加场景场景”按钮，或执行按钮，或执行“插入插入”“”“场景场景”命令；命令；（4 4）删除场景：必须单击）删除场景：必须单击“场景场景”面板中的面板中的“删除场景删除场景”按钮；按钮；（5 5）更改场景的名称：可以在）更改场景的名称：可以在“场景场景”面板中双击场景面板中双击场景名称，然后输入新名称；名称，然后输入新名称；（6 6）重制场景：只要单击）重制场景
27、：只要单击“场景场景”面板中的面板中的“重制场景重制场景”按钮；按钮；（7 7）更改文件中场景的顺序：只需直接在）更改文件中场景的顺序：只需直接在“场景场景”面板面板中将场景名称拖到不同的位置即可。中将场景名称拖到不同的位置即可。项目小结项目小结 帧、图层对象在本书的所有项目中都经常出现，要逐帧、图层对象在本书的所有项目中都经常出现，要逐步深入地去理解四种类型的帧和六种类型的图层的特步深入地去理解四种类型的帧和六种类型的图层的特点及作用。在各种类型的帧中，关键帧是制作动画的点及作用。在各种类型的帧中，关键帧是制作动画的最重要环节。用户对动画的控制全部由关键帧来完成，最重要环节。用户对动画的控制全部由关键帧来完成，而相邻关键帧之间的过渡帧则全部由系统自动生成。而相邻关键帧之间的过渡帧则全部由系统自动生成。在各种图层类型中，普通层之间就是一个上下覆盖的在各种图层类型中，普通层之间就是一个上下覆盖的关系，而遮罩与被遮罩、引导与被引导则可以确定成关系，而遮罩与被遮罩、引导与被引导则可以确定成对的特殊图层关系。今后会看到，许多动画都是利用对的特殊图层关系。今后会看到，许多动画都是利用这些图层的特性设计的。这些图层的特性设计的。如果动足脑筋，去充分发挥这些图层的特性，每个人如果动足脑筋，去充分发挥这些图层的特性，每个人能设计出许多新的动画效果来。能设计出许多新的动画效果来。