标准中文版flash mx基础培训教程第6章.ppt

第6章 高级动画制作,本章要点 图层 场景 应用实例,本章逻辑结构,6.1 图层概述 6.1.1 图层列表 6.1.2 图层快捷菜单 6.1.3 图层属性对话框 6.1.4 多层动画制作基础 6.2 引导层 6.2.1 创建引导层,本章逻辑结构,6.2.2 引导层应用 6.3 遮罩层 6.3.1 创建遮罩层 6.3.2 使用遮罩层 6.4 图层的应用 6.5 场景概述 6.5.1 场景面板,本章逻辑结构,6.5.2 场景的应用 6.6 场景应用实例,6.1 图层概述,层好比一张透明的纸，我们可以在上面绘制任何的图形，在动画的制作过程中可以使用一个层也可以使用多个层6.1.1 图层列表,图层列表如图所示：,,层列表中各元素的含义： A（图层名称）： B（显示/隐藏所有图层） ： C（锁定/解除锁定所有图层） ： D（显示所有图层的轮廓） ： E（插入图层） ：,,F（添加运动引导层） ： G（插入图层文件夹） ： H（删除层） ：,6.1.2 图层快捷菜单,在图层列表中单击鼠标右键，将弹出如图所示的快捷菜单图层快捷菜单中各命令的功能： 全部显示（Show All）： 锁定其他图层（Lock Others）： 隐藏其他图层（Hide Others）： 插入图层（Insert Layer）： 删除层（Delete Layer）： 引导层（Guide）： 添加引导层（Add Motion Guide）：,,遮罩层（Mask）： 显示遮罩（Show Masking）： 插入文件夹（Insert Folder）： 删除文件夹（Delete Folder）： 展开文件夹（Expand Folder）： 折叠文件夹（Collapse Folder）： 展开所有文件夹（Expand All Folders）： 折叠所有文件夹（Collapse All Folders）： 属性：,6.1.3 图层属性对话框,执行【修改】 【图层】命令，将弹出如图所示的【图层属性】对话框。

对话框中各参数的含义及其设置方法： 名称： 显示（Show）： 锁定（Lock）： 正常（Normal）： 引导层（Guide）：,,被引导（Guided）： 遮罩层（Mask）： 被遮罩： 文件夹： 轮廓颜色（Outline）： 将图层视为轮廓（View Layer as out）： 图层高度（Layer）：,,对层进行操作前应先选取层，同一时刻只能对一个层进行操作，选取层的方法： 选取单个层： 选取多个层：,6.1.4 多层动画制作基础,多层动画的制作方法： 1、执行【文件】 【新建】命令，新建一个动画 文件 2、执行【修改】 【文档】命令，在弹出的对话 框中设置属性，如图所示3、选择【文本工具】，然后在其属性面板中设 置其属性，如图所示4、用鼠标在舞台上单击确定文字插入点，然后 输入文字“信息速递”，如图所示5、执行【修改】 【分离】命令，将文字打散 6、执行【修改】 【分散到图层】命令，将独立的 文字分别放在不同的层中，此时的【时间轴】 面板如图所示7、单击“信”层的第1帧，然后用【箭头工具】将 文字“信”移到舞台之外，如图所示8、在“信”层的第10帧插入关键帧，然后将文字 “信”移到舞台中，如图所示。

9、单击“信”层的第1帧，然后在其属性面板中设 置运动属性，如图所示10、确认当前层为“息”层，单击时间轴中第1帧 并拖动鼠标将其移至第5帧处，然后将文字 “息”移到舞台之外，如图所示11、在“息”层的第15帧插入关键帧，然后再将文 字移到舞台中，如图所示12、单击“息”层的第5帧，然后在其属性面板中 设置运动属性此处将其运动属性设置成 与文字“信”的运动属性相同此时的【时间 轴】面板如图所示13、利用同样的方法制作出文字“速”及“递”的运 动动画 14、单击“信”层的第30帧并选中各个文字层的第 30帧，插入关键帧，如图所示15、在工具栏中单击【对齐】按钮，将文字对 齐，如图所示16、在“信”层的第35帧和第40帧各插入一个关键 帧，然后在第30帧单击鼠标右键，从弹出的 快捷菜单中选择【创建补间动画】命令 17、在第35帧单击鼠标右键，从弹出的快捷菜单 中选择【创建补间动画】命令18、确认当前帧为“信”层的第35帧，在舞台上单 击文字“信”，设置其属性，如图所示19、单击【任意变形工具】，在舞台中调整“信” 字的大小 20、确认当前帧为“信”层的第40帧，在舞台中单 击“信”字，设置其颜色为红色，效果如图所 示。

21、利用同样的方法将其他几个字也设置为同样 的动态效果，完成设置后的【时间轴】面板 如图所示22、将图层 1删除 23、插入4个层，然后将新插入的层分别命名为 “动画”、“猫咪”、“字”及“线”，将“线”层拖动 到最底层，如图所示24、导入4幅图片（如图所示），到元件库中25、打开元件库，从中选择刚刚导入的一个元 件，如图所示26、确认当前层为“线”层，单击时间轴的第1 帧，从元件库中拖动“DH089”元件到舞台 中，如图所示27、将当前层切换为“动画”层，单击时间轴的第 1帧，从元件库中拖动“动画”元件到舞台中， 如图所示28、将当前层切换为“猫咪”层，单击时间轴的第 1帧，然后从元件库中拖动“猫咪”元件到舞台 中，如图所示29、将当前层切换为“字”层，单击时间轴的第1 帧，从元件库中拖动“字”元件到舞台中，如 图所示30、选中所有层的第75帧，插入关键帧，如图所 示31、用鼠标右键单击“猫咪”层的第1帧，从弹出 的快捷菜单中选择【创建补间动画】命令， 为对象添加运动效果32、单击“猫咪”层的第40帧，插入关键帧，在舞 台中调整对象的位置，如图所示。

33、单击时间轴的第75帧，执行【修改】【变形 （Transform）】 【水平翻转（Flip Horizontal）】命令，将对象水平翻转，如 图所示34、改变当前时间可以查看某一时刻的动画效 果，下页图所示为作品完成时的【时间轴】 面板及其在第54帧时的动画效果 35、按【Ctrl+Enter】组合键观看动画效果6.2 引导层,,6.2.1 创建引导层,创建引导层的两种方法： 一、创建运动引导层 1、在图层列表中，单击选中层 2、单击图层列表下方的【添加运动引导层】按 钮即可在当前层的上方添加一个引导层二、创建普通引导层 1、在图层列表中，单击选中层 2、在选中的图层上单击鼠标右键，从弹出的快 捷菜单中选择【引导层】命令即可将选中的 层变成普通引导层6.2.2 引导层应用,引导层的使用操作步骤： 1、新建一个动画文件并在属性面板中设置其属 性，如图所示2、导入三幅图片到元件库中，如图所示3、单击图层列表下方的【插入图层】按钮两次， 插入两个新层，并将这三个层分别重命名为 “家”、“追”及“跑”，如图所示4、将当前层切换为“家”层，单击时间轴的第1 帧，然后从元件库中拖动“家”元件到舞台中， 其位置及大小如图所示。

5、在工具箱中选择【文本工具】，在属性面板 中设置文本属性，如图所示6、用鼠标在舞台中单击确定插入点，输入文 字，调整文字的位置及方向，如图所示,,7、在“家”层单击时间轴的第65帧，插入关键帧 8、将当前层切换为“跑”层，然后从元件库中拖动 “小兔”元件到舞台中，如图所示9、将当前层切换为“追”层，在第8帧插入关键 帧，从元件库中拖动“小花狗”元件到舞台 中，如图所示10、在图层列表下方单击【添加运动引导层】按 钮，然后拖动“跑”层到引导层的下方，使其 也受引导层控制，如图所示11、将当前层切换为引导层，选择【铅笔工 具】，在舞台上绘制一条曲线作为对象 运动的路径，如图所示12、在引导层的第65帧插入关键帧 13、将当前层切换为“跑”层，然后拖动“小兔”对 象到曲线的起点，如图所示14、在当前层的第56帧插入关键帧，将“小兔”对 象拖动到曲线的终点，如图所示15、将当前层切换为“追”层，单击时间轴的第5 帧，将“小花狗”对象移到曲线的起点，如图 所示16、单击时间轴的第65帧插入关键帧，然后将“小 花狗”对象移动到曲线的终点，如图所示17、单击“跑”层的第1帧，在其属性面板中设置 运动属性，如图所示。

18、使用同样的方法设置“追”层的对象运动属性， 作品完成后的【时间轴】面板如图所示 19、按【Ctrl+Enter】组合键测试动画效果6.3 遮罩层,,6.3.1 创建遮罩层,创建遮罩层的两种方法： 1、用鼠标右键单击要转换为遮罩层的层，然后从 弹出的快捷菜单中选择【遮罩层】命令 2、在【图层属性（Layer Properties）】对话框中 选中【遮罩层】单选项6.3.2 使用遮罩层,遮罩层的使用方法，具体操作如下： 1、新建一个动画文件 2、设置动画文件的属性，如图所示3、将【图层 1】将层更名为Picture 4、单击时间轴的第1帧，导入一幅图片，如图所示5、在当前层的上方插入一个名为mask新层 6、选择【文本工具】，在【属性】面板中设置 文本属性，如图所示7、在舞台中单击鼠标确定插入点，并输入文字 8、单击时间轴的第30帧插入关键帧 9、将当前层切换为Picture层，在时间轴的第15 帧、第30帧分别插入关键帧10、单击Picture层的第1帧，用【箭头工具】移 动图片的位置，如图所示11、单击Picture层的第15帧，将图片向下移 动，如图所示。

12、单击Picture层的第30帧，将图片调整到图 所示的位置13、用鼠标右键分别单击第1帧、第30帧，然后从 弹出的快捷菜单中选择【创建补间动画】命 令14、将其设置为遮罩层，如图所示 15、执行【控制（Control）】 【测试影片（Test Movie）】命令测试动画效果6.4 图层的应用,要制作的动画效果如图所示具体操作如下： 1、新建一个动画文件，并将动画文件的背景设 置为黑色 2、新建一个元件，在弹出的对话框中设置元件 的名称3、单击【确定】按钮，进入“五星”元件的编辑环 境，导入一个五星图片到元件库中4、在“五星”元件的编辑环境中，单击时间轴的第 1帧，从元件库中拖动“五星”元件到工作区中5、单击时间轴的第3帧和第5帧，分别插入关键 帧用鼠标右键分别单击时间轴的第1和第3 帧，为“五星”创建运动属性此时的【时间 轴】面板如图所示6、单击时间轴的第3帧，然后在工作区中单击 “五星”实例，设置实例的颜色，如图所示7、选择【任意变形工具】，改变实例大小，如 图所示8、新建一个源源，设置元件的各项参数，如图 所示9、单击【确定】按钮，进入“光线”元件的编辑环 境。

打开显示标尺和网格 10、选择【直线工具】，设置线条的属性，如图 所示11、将鼠标置于工作区中，绘制一条直线，如图 所示12、选择【箭头工具】，用鼠标单击选中直线， 执行【修改】 【形状】 【将线条转换为填 充（Convert Lines to Fills）】命令，将矢 量线转换成矢量图形13、取消对矢量图形的选择接着使用【箭头工 具】拖动矢量图形的右边缘，使线条由左向 右逐渐变细，如图所示14、新建一个元件并设置元件的各项参。