05第五讲Flash MX教程遮罩地技巧(二).docVIP

第五讲 Flash MX教程——遮罩控制技术(二) 名称：Flash遮罩控制技术 课时：2课时（教学）＋2课时（实验） 教学目标：掌握遮罩的使用方法，学习不同条件下的遮罩控制技术。 主要内容：扩展的遮罩应用类型，深入学习遮罩的使用技巧，掌握不同的典型遮罩效果。 一、概念提要： 1、Flash中的遮罩比Photoshop 中的遮罩更为强大的地方在于支持动画的运动。不光背景层内的图像可以是运动的，遮罩本身可以运动，如可以在遮罩层内应用图形直接设置运动，也可以把运动图形制作成影片剪辑（MC）产生运动效果。这罩层中使用的图像对象可以是shape、Graphic、Moiveclip等，尤其是Moiveclip的应用，使我们甚至可以通过编程的方式来控制遮罩的运动，如此一来，遮罩可创建的效果范围就被大大拓展了。 2、Moiveclip的特性 影片剪辑片断（Moiveclip）是一种元件。作为元件，最基本的功能就是我们可以把它们重复从元件库中拖到舞台上，从而产生多个副本。但这也带来新的问题，尽管这个影片剪辑有它的元件名，但在舞台中的多个副本，它们的元件名是相同的，如果我们需要使某个特定的元件副本作出不同于其它副本的动作，例如副本1运动而副本2静止，那该怎么办呢？因此，Flash允许舞台中的每一个副本具有一个“实例名”（instance name）用以区分。Moiveclip支持动作脚本（action），当我们使用动作脚本指定某一影片剪辑的动作时，实例名就必不可少了。 二、实例学习 Flash中典型的遮罩效果应该有不少，很难把它们归类，在各种应用技巧中，除了直接的运动设置以外，最主要的就是Moiveclip的应用，而且由于Moiveclip支持actionscript，所以我们可以通过action来生成或控制遮罩运动。此外，由于Flash中的遮罩不支持透明度，所以对于常见的透明渐变之类的效果，制作就不得不使用一些迂回的方式。 下面我们将分别学习遮罩透明渐变的效果、使用Moiveclip作为遮罩、通过action来控制遮罩运动的例子。更重要的是希望通过这些例子的学习，大家能够举一反三，创建出更多的不同效果来。 （一）逆向思维——透明渐变的效果 例一：淡入淡出的文字效果 预览成品：这是一个通过遮罩控制技术生成的动画，文字从下至上，淡入淡出，就像常见的影视字幕显示的形式。 1、使用默认设置创建一个新的文档。在菜单中打开修改—文档命令，把背景色改为黑色。 2、使用矩形工具绘制一个340X380的矩形，放在舞台中央的位置。 3、保持矩形处于被选择状态。打开混色器控制面板，选择线性填充。在色彩渐变条中间的位置增加一个滑快，颜色选择白色，alpha值100%。修改最左侧的颜色滑块，颜色选择白色，alpha值0%。修改最右侧的颜色滑块，修改设置和最左侧相同。如图5-1。 图5-1 图5-2 4、点选左侧工具栏中的“填充变形工具”按钮，点击矩形修改渐变方向，按住角上的圆点图标拖动可以旋转调整渐变方向，按住边上的方点图标拖动可以调整渐变长度。修改后效果如图5-2。 5、添加一个新的图层2。点选工具栏中的文字工具，在属性栏中选择“静态文本”，“AvantGarde Md Bt”字体，18点，颜色任意，设置如图5-3。 图5-3 6、键入相应的文字，如图5-4。为了调整行距，按下属性栏中的“格式”按钮，设置行距12pt，如图5-5。 图5-4 图5-5 7、移动文字块的位置，使它的上端位置处于底层矩形的下端下面。在第60帧按F6键复制这个关键帧，并把它的底部位置移动到矩形的上端上面。这样，文字块在运动时就可以穿过整个矩形。 8、选中第1帧，在属性栏中设置补间类型为“动作”。其它保持默认不变。 9、来到图层1，选中第60帧按F5键创建补间帧。（否则，后面就看不到了） 10、右键点击图层2，在弹出的菜单中选择“遮罩层”。Ok，可以按Ctrl+Enter键测试影片的效果了。 总结：此例中，运用了逆向的思维，由于Flash中的遮罩不支持透明度，所以在背景层中绘制一个带有渐变透明的底图，而把文字作为遮罩图形使用，并使之运动。 此外，请注意对文字的补间运动类型设置，尽管它不是Graphic元件，但在Flash中，文字的运动，补间类型设置必须是“动作”，而不能是“形状”，除非你把文字打散成shape形状。 （二）使用影片剪辑的遮罩控制 例三：仿制大众汽车网站广告 预览成品：这又是一个通过遮罩控制技术生成的动画，汽车会交错显示彩色画面和线图的效果。 1、使用默认设置创建一个新的文档。 2、使用插入—新建元件命令，新建一个Graphic对象的元件并命名为“car_color”。然后执行菜单命令“文件—导入—导入到舞台”，在相应的路径中找到提供的素材图片