新标准中文版FlashMX基础培训教程第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、新建一个元件并设置元件的各项参数，如图 所示。,15、单击【确定】按钮，进入“光芒A”元件的编辑 环境。打开元件库，从元件库中拖动“光线”元 件到舞台中，使“光线”的右端与舞台中心对 齐，并且位于舞台中心的上方，如图所示。,16、在工具箱中选择【任意变形工具】，拖动光 线实例的中心点到舞台的中心点，使两个中 心点完全重合，如图所示。,17、在工具箱中选择【箭头工具】，选择“光线” 实例，打开【变形】面板，在面板中设置各 项参数，如图所示。,18、在【变形】面板中单击复制并应用变形按钮 多次，直到产生如图所示的效果。,19、然后拖动鼠标选中舞台中所有的对象，按 【Ctrl+B】组合键将其打散。 20、执行【修改】 【组合（Group）】命令， 使对象成组，如图所示。,21、执行【插入】 【新建元件】命令，在弹出 的对话框中设置其参数，如图所示。,22、单击【确定】按钮，进入“光芒B”的编辑状 态。从元件库中拖动“光线”元件到舞台中， 将其中心与舞台中心完全重合，“光线”位于 舞台中心的下方，如图所示。,23、在工具箱中选择【任意变形工具】，拖动 “光线”实例的中心点到舞台的中心点上，使 两个中心点完全重合，如图所示。,24、按照制作“光芒A”的方法制作出“光芒B”，如 图所示。,25、单击舞台左上方的【场景 1】按钮，返回主 场景。 26、在图层列表中双击【图层 1】，将其重命名 为“光芒A”。,27、从元件库中拖动“光芒A”元件到舞台中心， 如图所示。,28、在舞台中选中实例，单击属性面板中【颜 色】右侧的下拉按钮，从弹出的列表框中 选择【高级（Advanced）】，然后单击 【设置（Settings）】按钮，在弹出的对话 框中设置实例的颜色，如图所示。,29、单击层列表下方的【插入图层】按钮，插入 一个新层，将其命名为“光芒B”，从元件库 中拖动“光芒B”元件到舞台中心，如图所示。,30、插入一个新层，将其命名为“五星”，从元件 库中拖动“五星”元件到舞台中心，并调整其 大小，如图所示。,31、单击“光芒A”层的第60帧，插入关键帧。单击 时间轴的第1帧，设置其属性，如图所示。,32、选择“光芒B”、“五星”层的第60帧，插入普通 帧，此时的【时间轴】面板如图所示。,33、在“光芒A”层单击鼠标右键，从弹出的快捷 菜单中选择【遮罩层】命令，此时的效果 如下页图所示。,34、新建一个元件，然后在弹出的对话框中设置 元件的参数，如图所示。,35、单击【确定】按钮，进入“文字”元件的编辑环境。在工具箱中选择【文本工具】，在【属性】面板中设置文本属性，并在舞台中输入文字，如下页图所示。,36、单击舞台左上方的【场景 1】按钮，返回主 场景。 37、插入一个新层并将其命名为“文字”，然后从 元件库中拖动“文字”元件到舞台中，如图所 示。,38、在“文字”层的第10帧插入关键帧。单击时间 轴的第1帧，在舞台中单击“文字”实例，设置 其透明度，如图所示。,39、选择【任意变形工具】，然后将实例调整至 最小。 40、单击时间轴的第10帧，将实例拖到舞台的下 部，如图所示。,41、单击时间轴的第20帧和第40帧，插入关键 帧。在时间轴上选中第40帧，在舞台中单 击对象，通过【属性】面板设置实例的颜 色，如图所示。,42、单击时间轴的第1帧，然后在【属性】面板 中设置运动属性，如图所示。,43、分别用鼠标右键单击时间轴的第10帧和第 20帧，设置其运动效果。此时的【时间轴】 面板如图所示。,44、选中“文字”层的第1帧至第60帧，单击鼠标 右键，从弹出的快捷菜单中选择【拷贝帧】 命令。,45、插入一个新层，执行【编辑】 【粘贴帧】 命令粘贴帧，并单击【时间轴】的第1帧， 然后在【属性】面板中设置其旋转属性，如 图所示。,46、导入两个元件到元件库中。 47、插入一个新层，并命名为“光”。在时间轴的 第20帧插入关键帧。,48、拖动元件库的“光”元件到舞台中，并调整其 位置及大小，如图所示。,49、插入一个新层，并命名为“动画小狗”，在时 间轴的第20帧插入关键帧。,50、拖动元件库中的“动画小狗”元件到舞台中， 如图所示。,51、单击时间轴的第30帧，插入关键帧，拖动 “动画小狗”实例到“文字”的下方，如图所示。,52、用鼠标右键单击时间轴的第20帧，为其添加 运动效果。此时的【时间轴】面板如图所示。,53、将文件保存为“星光”。 54、按【Ctrl+Enter】组合键测试动画效果。,6.5 场景概述,6.5.1 场景面板,执行【窗口】 【场景】命令，或按【Shift+F2】组合键，都可以打开场景面板，如图所示。,【场景】面板中各元素的功能： 复制场景： 添加场景： 删除场景： 场景名称：,改变场景的播放顺序方法：在【场景】面板中用鼠标拖动场景名称向上或向下移动，到合适位置时释放鼠标即可。,6.5.2 场景的应用,场景的基本操作： 1、执行【文件】 【新建】命令，新建一个动画 文件，在【属性】面板中将文件的背景设为 蓝色。,2、在工具箱中选择【文本工具】，在属性面板 中设置文字属性，如图所示。,3、在舞台中输入文字，如图所示。,4、在工具箱中选择【箭头工具】，选中文字， 然后执行【插入】 【转换为元件】命令，将 文字转换成元件，在弹出的对话框中设置元 件的名称，如图所示。,5、单击时间轴的第15帧和第30帧，插入关键 帧。单击时间轴的第15帧，然后利用【箭 头工具】调整实例的大小，如图所示。,6、在【属性】面板中分别设置第1帧至第15帧、 第15帧至第30帧的运动属性，此时的【时间 轴】面板如图所示。 7、插入一个新层。,8、 导入一幅图片，如图所示。,9、单击图层 2的第30帧，插入普通帧。此时，场 景1制作完成，【时间轴】面板如图所示。,10、执行【窗口】 【场景】命令，打开【场 景】面板。 11、在【场景】面板中，单击添加场景按钮，在 当前场景的下方添加一个场景，如图所示。,12、将【场景 2】重命名为“动画” 。 13、此时进入“动画”的编辑环境，在工具箱中选择 【文本工具】，在【属性】面板中设置其文字 属性，并在舞台中输入文字，如图下页所示。,14、单击时间轴的第20帧，插入关键帧，并将文 字调整至最小。 15、单击时间轴第1帧，然后在【属性】面板中 设置其运动属性，如图所示。,16、插入一个层。 17、单击图层 2的第21帧，插入关键帧。 18、在工具箱中选择【椭圆工具】，设置填充颜 色，然后在舞台中画一个椭圆，如下页图所 示。,19、单击图层 2的第40帧，插入关键帧。按 【Delete】键，将椭圆删除。,20、在工具箱中选择【矩形工具】，然后在舞台 中绘制一个矩形，并利用【箭头工具】调整 成图所示的形状。,21、单击时间轴的第21帧，然后在【属性】面板 设置其渐变属性，如图所示。,22、单击舞台右上方的【编辑场景】按钮，在弹 出的列表框中选择【场景 1】，回到场景 1，如图所示。,23、 按【Ctrl+Enter】组合键测试动画效果。,6.6 场景应用实例,本例要制作的效果如图所示。,1、新建一个动画文件，设置文件的背景为蓝色。 2、新建一个元件，在弹出的对话框中输入元件的名 称，如图所示。,3、进入元件编辑状态，用铅笔工具绘制一个如 图所示的图形。,4、回到场景 1，将“闪光五星”元件导入到元件库 中，如图所示。,5、将【图层 1】重命名为“五星”，单击时间轴的 第1帧，然后拖动元件库中的“星光”元件到舞 台中，如图所示。,6、插入一个新层，并将层命名为“线”。 7、拖动元件库中的“线条”元件到舞台中，调整其 位置及大小，如图所示。,8、分别在“线”层的第5，10，15，20帧插入关键 帧。单击时间轴的第5帧，用【箭头工具】在 舞台中单击线条实例，设置实例的颜色，如图 所示。,9、利用同样的方法将第10帧的线条实例颜色设置 为白色，将第15帧的线条实例颜色设置为粉色。 10、单击时间轴的第1帧，然后在属性面板中设置 其运动属性，如图所示。,11、使用同样的方法设置其他几帧的运动属性， 此时的【时间轴】面板如图所示。,12、插入一个新层，并将其命名为“底纹”。 13、选择【矩形工具】，在【属性】面板中设置 其属性，在舞台中绘制一个矩形，如图所示。,14、插入一个新层，并将其命名为“文字”。 15、选择【文本工具】，在【属性】面板中设置 其属性，在舞台中输入文字，如图所示。,16、插入一个新层，并将其命名为“光”。 17、新建一个元件，在弹出的对话框中设置元件 的名称等参数，如图所示。,18、进入“光”元件的编辑环境，舞台中绘制一个 圆形，如图所示。,18、单击舞台左上方的【场景 1】按钮，返回主 场景。 20、单击时间轴的第1帧，拖动“光”元件到舞台 中。单击时间轴的第20帧，插入关键帧。 21、添加一个引导层。,22、用铅笔工具在舞台中围绕矩形图形绘制一个 如图所示的曲线路径,23、单击时间轴的第20帧，插入关键帧。 24、将当前层切换为“光”层，单击时间轴的第1 帧，用【箭头工具】将“光”实例移到曲线的 起点，如图所示。,25、单击时间轴的第20帧，用【箭头工具】将 “光”实例移到曲线的终点，如图所示。,26、单击时间轴的第1帧，在【属性】面板中设 置其属性，如图所示。,27、添加一个场景，如图所示。,28、在场景 2中，导入三个外部元件到元件库 中，如图所示。,29、单击时间轴的第1帧，拖动“猛兽”及“鼠”元件 到舞台中，如图所示。,30、单击时间轴的第30帧，插入关键帧。 31、插入一个新层。 32、拖动 “鸟”元件到舞台中