遮罩和引导层概要.ppt

任务三 【突破提高】——制作“天地水源” 【设计效果】 通过前面的讲解，相信读者已经对Flash遮罩层动画和引导层动画有了深刻的认识。在本案例中，将使用遮罩层动画制作水波效果，使用引导层动画制作“天地水源”的文字效果，最终完成“天地水源”动画效果，其制作思路及效果如图6-64所示 ， 导入背景图片 使用遮罩层制作水波效果 使用引导层制作文字动画 制作星星效果 最终效果1 最终效果2 图6-64 制作思路及效果 【操作步骤】 1、制作水波效果。 （1）新建一个Flash文档， （2）新建图层并重命名图层，设置图层效果如图6-65所示。 （3）在所有图层的第150帧处插入帧。 （4）选择【文件】/【导入】/【导入到舞台】命令，将教学素材中的“素材\项目六\天地水源\天地水源.jpg”文件导入到“背景”图层上，舞台效果如图6-66所示。 图6-65 图层信息 图6-66 导入图片 （5）选中导入的图片，按Ctrl+C?组合键进行复制，按Ctrl+Shift+V?组合键将其粘贴到“水波效果”图层上。为了操作方便，将“背景”图层隐藏。 （6）选中“水波效果”图层上的图片，按Ctrl+B?组合键将其打散，使用【套索工具】选取水域图形，然后将其他部分的图形删除掉，得到如图6-67所示的效果。 （7）选中水域图形，按F8?组合键将其转化为影片剪辑元件，并命名为“水波效果”。单击 按钮，进入元件内部进行编辑。 （8）将默认“图层1”重命名为“水域图形”，新建图层并重命名为“水波遮罩”图层，如图6-68所示。 图6-67 水域图形 图6-68 图层信息 （9）利用【矩形】工具在“水波遮罩”图层上绘制一个矩形，设置宽、高分别为“800”px“5”px，然后复制出如图6-69所示的矩形阵列。 （10）选中所有矩形，按F8键将其转换为影片剪辑元件，并命名为“水波遮罩”。 （11）在“水域图形”图层的第10帧处插入帧，在“水波遮罩”图层的第10帧处插入关键帧，并将“水波遮罩”元件向屏幕下方移动“7”px，如图6-70所示。 （12）在“水波遮罩”图层的第1帧～第10帧之间创建动作补间动画。 （13）将“水波遮罩”图层转换为遮罩层，水波效果就制作完成了。 图6-69 制作遮罩阵列 图6-70 向下移动水波遮罩元件 2、制作文字运动效果。 （1）返回主场景，在“文字路径”图层上绘制如图6-71所示的路径。 （2）在“天”、“地”、“水”、“源”4个图层的第30帧处插入关键帧 （3）将4个文字元件的位置设置到“文字路径”的最上端，并在【属性】面板中设置“文字元件”的【Alpha】值为“0%”，舞台效果如图6-72所示。 图6-71 绘制路径 图6-72 舞台效果 （4）在“天”、“地”、“水”、“源”4个图层的第90帧处插入关键帧，在【属性】面板中设置4个“文字元件”的【Alpha】值为“80%”，如图6-73所示设置其位置。 （5）在“天”、“地”、“水”、“源”4个图层的第30帧～第90帧之间创建动作补间动画，并在【属性】面板中设置【缓动】参数值为“100”。 （6）将“文字路径”图层转换为引导层，将“天”、“地”、“水”、“源”4个图层转换为其被引导层。至此文字运动效果就制作完成了。 3、制作闪烁的星星效果。 （1）选择【文件】/【导入】/【打开外部库】命令，将教学素材中。的“素材\项目六\天地水源\星星.fla”文件打开，如图6-74所示。 图6-73 设置文字 图6-74 导入星星 （2）在“星星”图层的第15帧处插入关键帧，设置星星的大小和旋转位置，舞台效果如图6-75所示。 （3）在“星星”图层的第30帧处插入关键帧，并在【属性】面板中设置“星星”的【Alpha】值为“0%”，并将“星星”旋转一定的角度，如图6-76所示 。 图6-75 调整星星 图6-76 调整星星 （4）在“星星”图层的第1帧～第15帧之间，以及第15帧～第30帧之间创建动作补间动画。 （5）保存并测试影片，一个充满神奇色彩的“天地水源”动画效果制作完成 。 案 例 小 结 本例通过制作一个“天地水源”的效果讲述了以下知识点。 表现手法： 使用遮罩层动画和补间动画配合的方式制作水波效果； 引导层动画和遮罩层动画配合使用的方法 。 思考与练习 1、制作遮罩层动画至少需要几个图层？遮罩层动画的原理是什么？ 2、请根据【典型案例】——制作“建筑物过光效果”的制作思路，制作一个汽车车窗的过光效果，最终参考设计效果如图6-77所示。 图6-77 车窗过光 3、请读者根据【突破提高】——制作“天地水源”的制