Flash动画制作之—制作遮罩层动画 08

1、学习目标学习目标 第第8 8讲讲 制作遮罩层动画 l掌握遮罩层动画制作眼镜反光效果的方法掌握遮罩层动画制作眼镜反光效果的方法 。l掌握遮罩层动画制作流水效果的方法掌握遮罩层动画制作流水效果的方法 。l掌握遮罩层动画制作瀑布效果的方法掌握遮罩层动画制作瀑布效果的方法 。 l掌握遮罩层动画表现镜面拼图效果的方法掌握遮罩层动画表现镜面拼图效果的方法 。l掌握遮罩动画表现裂纹、断桥效果的方法掌握遮罩动画表现裂纹、断桥效果的方法 。 8.1 遮罩层动画原理 8.2 多层遮罩动画 8.3 课后作业本章大纲本章大纲8.1 遮罩层动画原理8.1.1 知识点讲解 在开始对遮罩层动画进行典型案例分析之前，首先来学

2、习遮罩在开始对遮罩层动画进行典型案例分析之前，首先来学习遮罩层动画的创建方法及其原理，为后续的提高打下理论基础层动画的创建方法及其原理，为后续的提高打下理论基础 。 一、创建遮罩层。一、创建遮罩层。图图8-1 两个图层的遮罩两个图层的遮罩 图图8-2 用鼠标右键创建遮罩层用鼠标右键创建遮罩层 图图8-3 【图层属性图层属性】对话框对话框 二、遮罩原理。二、遮罩原理。遮罩层中的对象必须是色块、文字、符号、影片剪辑元件遮罩层中的对象必须是色块、文字、符号、影片剪辑元件（MovieClip）、按钮或群组对象，而被遮层不受限制）、按钮或群组对象，而被遮层不受限制 图图8-4 遮罩前的效果遮罩前的效果

3、图图8-5 遮罩后的效果遮罩后的效果 8.1.2 范例解析（一）创建遮罩层动画练习 请同学们在老师的带领下进一步熟悉遮罩层动画的创建方法请同学们在老师的带领下进一步熟悉遮罩层动画的创建方法和原理，并按要求完成以下操作和原理，并按要求完成以下操作 。1、绘制镜片图形。、绘制镜片图形。（1）打开教学资源中的）打开教学资源中的“素材素材第第8讲讲眼镜反光特效眼镜反光特效制作模板制作模板.fla”，如图如图8-6所示。所示。（2）在）在“眼镜眼镜”图层之上新建一个图层，并重命名为图层之上新建一个图层，并重命名为“镜片镜片”层。层。（3）在）在“镜片镜片”图层上利用图层上利用【线条线条】工具和工具和【选

4、择选择】工具绘制出眼工具绘制出眼镜的两个镜片形状，如图镜的两个镜片形状，如图8-7所示所示 。图图8-6 打开制作模板打开制作模板 图图8-7 绘制镜片图形绘制镜片图形 2、制作反光效果。（1）在“眼镜”图层之上新建图层并重命名为“光效”层。（2）选择【矩形】工具，在【属性】面板中设置【填充颜色】为“白色”，【笔触颜色】为“无”，然后在“光效”图层上绘制3个矩形，如图8-8所示。（3）利用【任意变形】工具将3个矩形同时转过一定角度，得到如图8-9所示的效果。 图图8-8 绘制矩形绘制矩形 图图8-9 调整矩形角度调整矩形角度 （4）将）将3个矩形放置到眼镜的左侧，效果如图个矩形放置到眼镜的左侧

5、，效果如图8-10所示。所示。（5）在所有图层的第）在所有图层的第30帧处插入帧。帧处插入帧。（6）在）在“光效光效”图层的第图层的第10帧处插入关键帧，并设置该帧处矩形帧处插入关键帧，并设置该帧处矩形的位置如图的位置如图8-11所示所示 。图图8-10 放置矩形位置放置矩形位置 图图8-11 调整矩形位置调整矩形位置 （7）在）在“光效光效”图层的第图层的第20帧处插入关键帧，并设置该帧处矩形帧处插入关键帧，并设置该帧处矩形的位置如图的位置如图8-12所示。所示。（8）分别在第）分别在第1帧第帧第10帧之间、第帧之间、第10帧第帧第20帧之间创建形状帧之间创建形状补间动画。补间动画。（9）在

6、）在“镜片镜片”图层上单击鼠标右键，在弹出的快捷菜单中选择图层上单击鼠标右键，在弹出的快捷菜单中选择【遮罩层遮罩层】命令，将其转化为遮罩层，图层效果如图命令，将其转化为遮罩层，图层效果如图8-13所示所示。 （10）选中）选中“光效光效”图层的第图层的第1帧，在帧，在【属性属性】面板中设置面板中设置【缓动缓动】为为“100”，选中，选中“光效光效”图层的第图层的第10帧，在帧，在【属性属性】面板面板中设置中设置【缓动缓动】为为“100”，如图，如图8-14所示所示 。图图8-12 设置矩形位置设置矩形位置 图图8-13 图层效果图层效果 第第1帧处帧处【缓动缓动】参数参数 第第10帧处帧处【缓

7、动缓动】参数参数 图图8-14 设置缓动设置缓动 （11）保存测试影片，一个动感的眼镜反光效果制作完成，如图）保存测试影片，一个动感的眼镜反光效果制作完成，如图8-15所示所示 。图图8-15 最终效果最终效果 8.1.3 范例解析（二）制作“海边美景” 本案例将使用本案例将使用Flash 8中的遮罩功能来制作一个海边美景的效中的遮罩功能来制作一个海边美景的效果，制作思路及效果如图果，制作思路及效果如图8-16所示所示 。1、导入背景。、导入背景。（1）新建一个）新建一个Flash文档，设置文档文档，设置文档【尺寸尺寸】为为“750px500px”，文档其他属性使用默认参数。，文档其他属性使用

8、默认参数。图图8-16 制作思路及效果制作思路及效果 （2）将默认）将默认“图层图层1”重命名为重命名为“背景背景”层，并在第层，并在第160帧处插入帧帧处插入帧。（3）执行）执行【文件文件】/【导入导入】/【导入到舞台导入到舞台】菜单命令，将教学资菜单命令，将教学资源中的源中的“素材素材第第8讲讲海边美景海边美景背景背景.jpg”文件打开，设置其尺文件打开，设置其尺寸为寸为“750 px500px”，相对舞台居中对齐，舞台效果如图，相对舞台居中对齐，舞台效果如图8-17所示所示 。图图8-17 设置背景设置背景 2、制作海水流动效果。、制作海水流动效果。（1）新建一个图形元件并重命名为）新建

9、一个图形元件并重命名为“海面海面”图层，单击按钮进入图层，单击按钮进入元件的编辑模式。元件的编辑模式。（2）将默认的）将默认的“图层图层1”重命名为重命名为“海面海面”图层，并在图层，并在“海面海面”图图层之上新建一个图层并重命名为层之上新建一个图层并重命名为“遮罩遮罩”图层，图层，【时间轴时间轴】效效果如图果如图8-18所示。所示。（3）返回主场景，选中）返回主场景，选中“背景背景”图层上的图层上的“背景图片背景图片”，按，按Ctrl+C 快捷键复制，然后双击快捷键复制，然后双击【库库】面板中的面板中的“海面海面”图形元图形元件进入元件的编辑模式，选中件进入元件的编辑模式，选中“海面海面”图

10、层，按图层，按Ctrl+V快捷键快捷键粘贴。粘贴。（4）选择）选择“背景图片背景图片”按按Ctrl+B快捷键将图片打散。快捷键将图片打散。（5）利用）利用【选择选择】工具将工具将“背景图片背景图片”海面以上的部分选中，按海面以上的部分选中，按Delete键删除，再利用键删除，再利用【橡皮擦橡皮擦】工具将海面以外的部分擦除工具将海面以外的部分擦除，效果如图，效果如图8-19所示。所示。 擦除时可配合擦除时可配合【缩放缩放】工具进行精细的擦出，以使得工具进行精细的擦出，以使得水流效果更加逼真水流效果更加逼真 。图图8-18 【时间轴时间轴】效果一效果一 图图8-19 海面海面 （6）选择）选择【矩

11、形矩形】工具，在工具，在【属性属性】面板中设置面板中设置【笔触颜色笔触颜色】为为“无无”，【填充颜色填充颜色】为为“黑色黑色”，在，在“遮罩遮罩”图层上绘制一个宽图层上绘制一个宽高为高为“780px4px”的矩形，再复制出若干矩形得到如图的矩形，再复制出若干矩形得到如图8-20所示的效果，然后将绘制的所有矩形选中，将其转化为影片剪所示的效果，然后将绘制的所有矩形选中，将其转化为影片剪辑元件，并命名为辑元件，并命名为“遮罩遮罩” 选中所有的矩形，利用选中所有的矩形，利用【对齐对齐】面板中的面板中的【水平中齐水平中齐】和和【垂直居中分布垂直居中分布】两个按钮可以快速将矩形位置两个按钮可以快速将矩形

12、位置调整好。调整好。 图图8-20 绘制矩形绘制矩形 （7）在）在“海面海面”图层第图层第10帧处插入帧，在帧处插入帧，在“遮罩遮罩”图层的第图层的第10帧帧处插入关键帧，并设置处插入关键帧，并设置“遮罩遮罩”元件在第元件在第1帧处的位置坐标帧处的位置坐标x、y分分别为别为“390.0”和和“51.0”，第，第10帧处的位置坐标帧处的位置坐标x、y分别为分别为“390.0”和和“57”，效果如图，效果如图8-21所示。所示。第第1帧处矩形的位置帧处矩形的位置 第第10帧处矩形的位置帧处矩形的位置 图图8-21 “遮罩遮罩”元件的位置元件的位置 （8）在）在“遮罩遮罩”图层的第图层的第1帧第帧第

13、10帧之间创建动作补间动画，然帧之间创建动作补间动画，然后将后将“遮罩遮罩”图层转化为遮罩层，如图图层转化为遮罩层，如图8-22所示。所示。（9）返回主场景，在）返回主场景，在“背景背景”图层之上新建一个图层并重命名为图层之上新建一个图层并重命名为“海水海水”，将，将“海面海面”图形元件拖入到场景中，并设置其位置坐标图形元件拖入到场景中，并设置其位置坐标x、y分别为分别为“0.0”和和“308.3”。（10）至此流水特效制作完成，保存并测试影片，得到如图）至此流水特效制作完成，保存并测试影片，得到如图8-23所所示的效果示的效果 。观看动画发现，整个动画只有水流效果，画面动画不够观看动画发现，

14、整个动画只有水流效果，画面动画不够丰富有趣，下面针对此问题为动画场景添加两只飞翔的丰富有趣，下面针对此问题为动画场景添加两只飞翔的海鸥海鸥 。 图图8-22 完成完成“海水流动海水流动”元件的创建元件的创建 图图8-23 完成海水流动动画完成海水流动动画 3、导入海鸥、导入海鸥 。（1）设置图层如图）设置图层如图8-24所示所示 。图图8-24 图层设置图层设置 （2）选择）选择“海鸥海鸥”图层，执行图层，执行【文件文件】/【导入导入】/【导入到舞台导入到舞台】菜单命令，将教学资源中的菜单命令，将教学资源中的“素材素材第第8讲讲海边美景海边美景海鸥海鸥.swf”文件打开，将海鸥飞翔的动画导入到

15、舞台中，效果如图文件打开，将海鸥飞翔的动画导入到舞台中，效果如图8-25所所示示 。图图8-25 导入海鸥导入海鸥 （3）选择）选择“前景前景”图层，执行图层，执行【文件文件】/【导入导入】/【导入到舞台导入到舞台】菜单命令，将教学资源中的菜单命令，将教学资源中的“素材素材第第8讲讲海边美景海边美景船头船头.png”文件打开，设置其尺寸为文件打开，设置其尺寸为“750px500px”，相对舞台居中对，相对舞台居中对齐。齐。（4）执行）执行【文件文件】/【导入导入】/【导入到库导入到库】菜单命令，将教学资源菜单命令，将教学资源中的中的“素材素材第第8讲讲海边美景海边美景海鸥海鸥-海水海水.wav

16、”文件导入到文件导入到【库库】中。中。（5）选中）选中“音乐音乐”图层的第图层的第1帧，在帧，在【属性属性】面板中做如图面板中做如图8-26所所示的设置，此时的示的设置，此时的【时间轴时间轴】效果如图效果如图8-27所示。所示。 图图8-26 属性面板参数属性面板参数 图图8-27 【时间轴时间轴】效果二效果二 （6）保存测试影片，一个海水流动的动画制作完成）保存测试影片，一个海水流动的动画制作完成 。8.1.4 8.1.4 课堂练习制作“瀑布效果” 请同学们使用制作“海边美景”水流部分的方法制作一个逼真的瀑布效果，如图8-28所示 。1、导新建一个、导新建一个Flash文档，设置文档文档，设

17、置文档【尺寸尺寸】为为“550px380px”，其他属性使用默认参数。，其他属性使用默认参数。 图图8-28 瀑布效果瀑布效果 2、在默认图层、在默认图层1的第的第10帧处插入帧，然后新建图层并重命名图层，帧处插入帧，然后新建图层并重命名图层，直至图层效果如图直至图层效果如图8-28所示。所示。3、执行、执行【文件文件】/【导入导入】/【导入到舞台导入到舞台】菜单命令，将教学资源菜单命令，将教学资源中的中的“素材素材第第8讲讲瀑布效果瀑布效果瀑布图片瀑布图片.jpg”文件导入到文件导入到“背景背景图图”图层，设置图片的位置坐标图层，设置图片的位置坐标x、y都为都为“0”，宽高为，宽高为“102

18、4px758px”，使其刚好覆盖整个舞台，图层效果如图，使其刚好覆盖整个舞台，图层效果如图8-29所示。所示。 图图8-29 图层效果图层效果 图图8-30 导入图片导入图片 4、选中、选中“背景背景”图层的第图层的第1帧，按下帧，按下Ctrl+Alt+C 快捷键复制该帧，快捷键复制该帧，选中选中“被遮罩被遮罩”图层的第图层的第1帧，按下帧，按下Ctrl+Alt+V快捷键进行粘贴快捷键进行粘贴帧操作帧操作 。5、选中、选中“被遮罩被遮罩”图层的第图层的第1帧舞台中的图片，按下帧舞台中的图片，按下Ctrl+B 快捷键将快捷键将图片打散，然后删除多余部分，保留水流部分图形，如图图片打散，然后删除多

19、余部分，保留水流部分图形，如图8-31所示所示。图图8-31 选出水流部分选出水流部分 6、在、在“遮罩遮罩”图层上绘制矩形阵列，制作水流遮罩动画，如图图层上绘制矩形阵列，制作水流遮罩动画，如图8-32所所示示 第第1帧矩形位置帧矩形位置 第第10帧矩形位置帧矩形位置 图层效果图层效果 图图8-32 创建遮罩层动画创建遮罩层动画 7、保存测试影片，一个瀑布效果制作完成、保存测试影片，一个瀑布效果制作完成 。8.2 多层遮罩动画 通过前面一节课的学习，相信同学们已经掌握了遮罩层动画的通过前面一节课的学习，相信同学们已经掌握了遮罩层动画的创建方法和设计原理，在本小节中，将使用多层遮罩层动画来制作复

20、创建方法和设计原理，在本小节中，将使用多层遮罩层动画来制作复杂的杂的Flash动画动画 。8.2.1 知识点讲解 将普通图层拖动到遮罩层或被遮罩层的下面，即可将普通图层将普通图层拖动到遮罩层或被遮罩层的下面，即可将普通图层转化为其被遮罩层，在一组遮罩中，遮罩层只能有一个，而被转化为其被遮罩层，在一组遮罩中，遮罩层只能有一个，而被遮罩层可以有多个，那就是多层遮罩，如图遮罩层可以有多个，那就是多层遮罩，如图8-33所示，其中所示，其中“图层图层2”为遮罩层，其余的所有图层都是被遮罩层。为遮罩层，其余的所有图层都是被遮罩层。 图图8-33 多层遮罩多层遮罩 多层遮罩的创建原理十分简单，但是要使用多层

21、遮罩动画做出多层遮罩的创建原理十分简单，但是要使用多层遮罩动画做出精美的动画作品应该注意以下几点。精美的动画作品应该注意以下几点。l从现实生活中寻找创作灵感。从现实生活中寻找创作灵感。l使用遮罩层动画来模拟表达创意。使用遮罩层动画来模拟表达创意。l多种动画技术结合使用。多种动画技术结合使用。l在制作过程中不断完善自己的作品在制作过程中不断完善自己的作品 8.2.2 8.2.2 范例解析制作“镜花水月” 拼图游戏曾一度风靡全球，是老少皆宜的一种娱乐方式。本案例拼图游戏曾一度风靡全球，是老少皆宜的一种娱乐方式。本案例将通过多层遮罩动画，创造魔幻镜子拼图的效果，在充满乐趣的轻松将通过多层遮罩动画，创

22、造魔幻镜子拼图的效果，在充满乐趣的轻松的氛围下，带领读者感受唯美的遮罩动画的奥妙。其制作思路及效果的氛围下，带领读者感受唯美的遮罩动画的奥妙。其制作思路及效果如图如图8-34所示所示 。打开模板制作拼图动画制作遮罩动画最终效果2最终效果1制作清晰图片遮罩效果图图8-34 制作思路及效果制作思路及效果 1、制作拼图效果。、制作拼图效果。（1）打开教学资源中的）打开教学资源中的“素材素材第第8讲讲镜花水月镜花水月镜花水月镜花水月-模板模板.fla”文文件，场景效果如图件，场景效果如图8-35所示。所示。图图8-35 模板主界面效果模板主界面效果 图层图层“遮罩遮罩”仅用来遮挡超出舞台范围的影片内容

23、仅用来遮挡超出舞台范围的影片内容，确保影片最大化播放时不会出现其内容逸出舞台，确保影片最大化播放时不会出现其内容逸出舞台的现象。读者也可以根据自己的喜好，将其换做各的现象。读者也可以根据自己的喜好，将其换做各种相框，只需注意调整大小和相对于舞台居中对齐种相框，只需注意调整大小和相对于舞台居中对齐即可即可 。（2）在）在“背景背景”图层之上，图层之上，“遮罩遮罩”图层之下新建并重命名图层图层之下新建并重命名图层，直至图层效果如图，直至图层效果如图8-36所示。所示。（3）查看）查看【库库】面板，如图面板，如图8-37所示。双击其中的所示。双击其中的“拼图拼图”影片影片剪辑元件，进入影片剪辑编辑模

24、式，剪辑元件，进入影片剪辑编辑模式，【时间轴时间轴】和影片剪辑的场和影片剪辑的场景如图景如图8-38所示。所示。 图图8-36 新建并重命名图层新建并重命名图层 图图8-37 【库库】面板面板 图图8-38 素材素材“拼图拼图”的场景效果的场景效果 （4）分别在所有图层的第）分别在所有图层的第10帧和第帧和第100帧处插入关键帧和帧，并在帧处插入关键帧和帧，并在所有图层的第所有图层的第1帧第帧第10帧间插入形状补间，此时帧间插入形状补间，此时【时间轴时间轴】状状态如图态如图8-39所示所示 。图图8-39 【时间轴时间轴】状态一状态一 （5）选中图层）选中图层“1”的第的第1帧，单击场景中的拼

25、图，在帧，单击场景中的拼图，在【属性属性】面板面板中设置其位置坐标中设置其位置坐标x、y分别为分别为“67.3”、“69.9”，效果如，效果如图图8-40所示。所示。图图8-40 图层图层“1”第第1帧帧【属性属性】面板面板 （6）依次选中其他图层的第）依次选中其他图层的第1帧，单击场景中的拼图，分别在帧，单击场景中的拼图，分别在【属属性性】面板中设置其位置坐标，直至如图面板中设置其位置坐标，直至如图8-41所示效果所示效果 。图图8-41 第第1帧处场景中效果帧处场景中效果 图图8-41中的中的【时间轴时间轴】第第1帧处场景中的效果，仅为其中帧处场景中的效果，仅为其中一种调整方案，读者可以自

26、己随意调整各碎片的位置，一种调整方案，读者可以自己随意调整各碎片的位置，只需达到将所有碎片散开来，空出中心的效果即可只需达到将所有碎片散开来，空出中心的效果即可 （7）选中图层）选中图层“2”的第的第1帧第帧第10帧，拖动至如图帧，拖动至如图8-42所示位置所示位置 。图图8-42 【时间轴时间轴】状态二状态二 （8）使用同样方法，将图层）使用同样方法，将图层“3”图层图层“14”的第的第1帧第帧第10帧拖帧拖动至如图动至如图8-43所示位置所示位置 。图图8-43 【时间轴时间轴】状态三状态三 （9）拖动播放头，观察场景的变化，发现形成了漂亮的拼图效果，）拖动播放头，观察场景的变化，发现形成

27、了漂亮的拼图效果，如图如图8-44所示。所示。 2、制作、制作“拼图遮罩拼图遮罩”元件元件 。（1）新建一个影片剪辑，重命名为）新建一个影片剪辑，重命名为“拼图遮罩拼图遮罩” 。第第5帧场景效果帧场景效果 第第40帧场景效果帧场景效果 第第70帧场景效果帧场景效果 图图8-44 场景的拼图效果场景的拼图效果 （2）进入元件的编辑模式，重命名）进入元件的编辑模式，重命名“图层图层1”为为“水月水月”层，并在层，并在“水月水月”图层上新建一个图层，重命名为图层上新建一个图层，重命名为“拼图遮罩拼图遮罩”层，效层，效果如图果如图8-45所示。所示。（3）将）将【库库】面板中的影片剪辑元件面板中的影片

28、剪辑元件“拼图拼图”拖动到拖动到 “拼图遮罩拼图遮罩”图层上，在图层上，在【属性属性】面板中设置其位置坐标面板中设置其位置坐标x、y分别为分别为“0”、“0”，效果如图，效果如图8-46所示。所示。 图图8-45 【时间轴时间轴】状态四状态四 图图8-46 【属性属性】面板面板 （4）将）将【库库】面板中的图片面板中的图片“水月水月.jpg”拖动到图层拖动到图层“水月水月”上，上，并设置其并设置其【属性属性】面板如图面板如图8-47所示所示 。图图8-47 属性属性】面板面板 （5）在所有图层的第）在所有图层的第100帧处插入帧，效果如图帧处插入帧，效果如图8-48所示所示 。（6）将）将“拼

29、图遮罩拼图遮罩”图层转换为遮罩层，完成影片剪辑图层转换为遮罩层，完成影片剪辑“拼图遮拼图遮罩罩”的制作，效果如图的制作，效果如图8-49所示所示 。图图8-48 【时间轴时间轴】效果三效果三 图图8-49 “拼图拼图”影片剪辑和图片在场景中的效果影片剪辑和图片在场景中的效果 3、制作镜片拼图的效果。、制作镜片拼图的效果。（1）返回主场景，将）返回主场景，将【库库】面板中的影片剪辑元件面板中的影片剪辑元件“心形遮罩心形遮罩”拖动到拖动到“心形遮罩心形遮罩”图层上，在图层上，在【属性属性】面板中设置其参数如图面板中设置其参数如图8-50所示。所示。 本案例使用影片剪辑做遮罩层，可以形成多个图层本案

30、例使用影片剪辑做遮罩层，可以形成多个图层被当做遮罩层的效果被当做遮罩层的效果 。图图8-50 【属性属性】面板面板 （2）将）将【库库】面板中的影片剪辑面板中的影片剪辑“拼图遮罩拼图遮罩”拖动到拖动到“拼图拼图”图层上，在图层上，在【属性属性】面板中设置其位置坐标面板中设置其位置坐标x、y分别为分别为“63.6”、“27.9” 。（3）在）在【滤镜滤镜】面板中单击按钮，在弹出的下拉列表中选择面板中单击按钮，在弹出的下拉列表中选择“投投影影”效果，并设置参数如图效果，并设置参数如图8-51所示，此时场景中的效果如图所示，此时场景中的效果如图8-52所示所示 。图图8-51 【滤镜滤镜】面板面板

31、增加了投影效果的“拼图遮罩”元件图图8-52 拖入影片剪辑拖入影片剪辑“心形遮罩心形遮罩”和和“拼图遮罩拼图遮罩”后场景中的效果后场景中的效果 （4）将图层）将图层“心形遮罩心形遮罩”转换为遮罩层，完成镜片拼图的效果。转换为遮罩层，完成镜片拼图的效果。按键盘上的按键盘上的Ctrl+Enter 快捷键，测试影片，则可以观看到镜片拼快捷键，测试影片，则可以观看到镜片拼图的效果，如图图的效果，如图8-53所示所示 。拼图开始时的效果拼图开始时的效果 拼图结束时的效果拼图结束时的效果 图图8-53 拼图效果拼图效果 （5）在）在“拼图拼图”图层的第图层的第70帧处插入关键帧，并选中场景中的帧处插入关键

32、帧，并选中场景中的“拼图拼图”元件，在元件，在【滤镜滤镜】面板中单击面板中单击 按钮，删除按钮，删除“投影投影”滤滤镜效果镜效果 。（6）在第）在第85帧处插入关键帧，并在第帧处插入关键帧，并在第70帧第帧第85帧之间创建帧之间创建“动动画补间画补间”，【时间轴时间轴】状态如图状态如图8-54所示所示 。图图8-54 【时间轴时间轴】状态五状态五 4、制作、制作“清晰水月图清晰水月图”影片剪辑元件。影片剪辑元件。（1）鼠标右键单击在）鼠标右键单击在【库库】面板中的影片剪辑元件面板中的影片剪辑元件“拼图遮罩拼图遮罩”，在弹出的快捷菜单中选择，在弹出的快捷菜单中选择【直接复制直接复制】命令，在弹出

33、的对话框命令，在弹出的对话框中修改影片剪辑名称为中修改影片剪辑名称为“清晰水月图清晰水月图”，单击确定，单击确定 。（2）进入）进入“清晰水月图清晰水月图”影片剪辑元件的编辑模式，重命名影片剪辑元件的编辑模式，重命名“拼拼图遮罩图遮罩”图层为图层为“心形遮罩心形遮罩”图层，并删除图层，并删除“心形遮罩心形遮罩”图层上图层上的图形，的图形，【时间轴时间轴】状态如图状态如图8-55所示所示 。图图8-55 【时间轴时间轴】状态六状态六 （3）将影片剪辑）将影片剪辑“心形遮罩心形遮罩”拖入场景，在拖入场景，在【属性属性】面板中设置面板中设置其宽高为其宽高为“422.6px375.6px”，位置坐标，

34、位置坐标x、y分别为分别为“-212.8”、“-187.8”，如图，如图8-56所示所示 。图图8-56 【属性属性】面板面板 直接复制直接复制“拼图遮罩拼图遮罩”影片剪辑元件并且重命名为影片剪辑元件并且重命名为“清晰水月图清晰水月图”的目的是使得图片的被遮罩层的目的是使得图片的被遮罩层“水水月月”大小和位置不发生变化，减少重复手动调整的大小和位置不发生变化，减少重复手动调整的麻烦。麻烦。 5、制作渐变影像和发光边框的效果、制作渐变影像和发光边框的效果 。（1）返回主场景，在图层）返回主场景，在图层“清晰水月图清晰水月图”上第上第70帧处插入空白关帧处插入空白关键帧，将影片剪辑键帧，将影片剪辑

35、“清晰水月图清晰水月图”拖入主时间轴上的场景，在拖入主时间轴上的场景，在【属性属性】面板中设置其位置坐标面板中设置其位置坐标x、y分别为分别为“62.4”、“37.0”，【Alpha】值为值为“0%”，如图，如图8-57所示。所示。图图8-57 【属性属性】面板面板 （2）在）在【滤镜滤镜】面板中选择添加面板中选择添加“发光发光”效果，并设置参数如图效果，并设置参数如图8-58所示。所示。 图图8-58 【滤镜滤镜】面板面板 （3）在第）在第85帧处添加关键帧，修改帧处添加关键帧，修改【属性属性】面板中的面板中的【Alpha】值为值为“100%”，同时修改，同时修改【滤镜滤镜】面板中的面板中的

36、【颜色颜色】为黄色，为黄色，其他设置如图其他设置如图8-59所示所示 。图图8-59 设置滤镜参数设置滤镜参数 （4）在第）在第70帧第帧第85帧之间创建动画补间。帧之间创建动画补间。（5）在所有图层的第）在所有图层的第100帧处插入帧。帧处插入帧。（6）场景中的效果如图）场景中的效果如图8-60所示所示 。第第70帧处效果帧处效果 第第85帧处效果帧处效果 图图8-60 渐变影像和发光边框的效果渐变影像和发光边框的效果 （7）保存测试影片，一个唯美的）保存测试影片，一个唯美的“镜花水月镜花水月”遮罩动画制作完成遮罩动画制作完成 。8.2.3 课堂练习制作“断桥遗梦 ” 请同学们使用经典案例请

37、同学们使用经典案例“镜花水月镜花水月”中制作影片剪辑遮罩动画中制作影片剪辑遮罩动画的类似方法，制作一个的类似方法，制作一个“断桥遗梦断桥遗梦”的场景。在动画中，一面镜子的场景。在动画中，一面镜子映出一座古桥流水的画卷，被突然下落的石头砸中，产生裂纹，最映出一座古桥流水的画卷，被突然下落的石头砸中，产生裂纹，最后散为碎片，只留下梦境一般的一座古桥留在记忆的画面中。其效后散为碎片，只留下梦境一般的一座古桥留在记忆的画面中。其效果图如图果图如图8-61所示所示 。1、打开教学资源中的、打开教学资源中的“素材素材第第8讲讲断桥遗梦断桥遗梦断桥遗梦断桥遗梦-模板模板.fla”文文件，件，【库库】面板及场

38、景效果如图面板及场景效果如图8-62所示所示 。图图8-61 效果图效果图 播放影片，可以观看到图形元件播放影片，可以观看到图形元件“镜片光泽镜片光泽”和和“碎镜碎镜石石”的动画，以及最后出现的如模糊的梦镜一般的影片的动画，以及最后出现的如模糊的梦镜一般的影片剪辑元件剪辑元件“古桥古桥”和和“断桥遗梦断桥遗梦”的字样的字样 。【库库】面板面板 场景效果场景效果 图图8-62 模板主界面效果模板主界面效果 2、在图层、在图层“光泽遮罩光泽遮罩”上，将上，将【库库】面板中的面板中的“古桥古桥.jpg”拖入到拖入到场景中，相对舞台居中对齐，并将图层场景中，相对舞台居中对齐，并将图层“光泽遮罩光泽遮罩

39、”转化为遮罩转化为遮罩层，完成层，完成“光泽光泽”的遮罩动画效果，如图的遮罩动画效果，如图8-63所示所示 。 遮罩前场景效果遮罩前场景效果 遮罩后场景效果遮罩后场景效果 图图8-63 图形元件图形元件“光泽光泽”被遮罩后的效果被遮罩后的效果 3、新建一个影片剪辑元件、新建一个影片剪辑元件“裂纹生长裂纹生长”，并进入其编辑模式。将，并进入其编辑模式。将【库库】面板中的影片剪辑元件面板中的影片剪辑元件“裂纹裂纹”拖入场景中。然后新建一拖入场景中。然后新建一个个“图层图层2”，并绘制一个圆形填充，使用，并绘制一个圆形填充，使用“形状补间形状补间”制作其逐制作其逐渐变大的效果，同时将渐变大的效果，同

40、时将“图层图层2”转化为遮罩层，形成转化为遮罩层，形成“裂纹生长裂纹生长”效果，如图效果，如图8-64所示所示 。圆形填充的圆形填充的“形状补间形状补间”时间长度为时间长度为20帧，帧，【缓动缓动】为为100，能够很好的模拟裂纹由快到慢的扩大效果。最后，能够很好的模拟裂纹由快到慢的扩大效果。最后在两个图层的第在两个图层的第79帧处插入帧，用于确保影片剪辑元件帧处插入帧，用于确保影片剪辑元件“裂纹生长裂纹生长”和整个动画能够同步播放完。和整个动画能够同步播放完。第第2帧处的圆形帧处的圆形 第第19帧处的圆形帧处的圆形 第第2帧处场景效果帧处场景效果 第第19帧处场景效果帧处场景效果 图图8-64 影片剪辑元件影片剪辑元件“裂纹生长裂纹生长”场景中的效果场景中的效果 4、新建一个影片剪辑元件、新建一个影片剪辑元件“运动的遮罩运动的遮罩”，将，将【库库】面板中的面板中的影片剪辑元件影片剪辑元件“碎片碎片”拖入场景中。然后在已有图层上新建图拖入场景中。然后在已有图层上新建图层，将层，将【库库】面板中的图片面板