04第四讲FlashMX教程遮罩的技巧(一)

第四讲FlashMX教程——遮罩控制技术(一)名称：Flash遮罩控制技术课时：2课时（教学）＋2课时（实验）教学目标：掌握基本的遮罩使用命令，学习不同条件下的遮罩控制技术。主要内容：学习各种典型的遮罩效果，如方法。一、概念提要：Mask，遮罩，也有译作蒙板。Flash中的遮罩和Photoshop中的Layermask基本原理是相同的，只是在支持的功能上略微有些区分。所谓“遮罩”，形象的说来，你可以设想在你面前有一幅图画，但它的上面被一块纸板遮住，当你在纸板上剪出一个洞，下面图画会在相应位置显示出内容来。这块纸板就是遮罩。在Flash中遮罩功能由上下两个基本的图层组合实现，上面是“遮罩层”，相当于我们刚才所说的纸板，下面的是被遮罩层（可以应用多个图层），相当于上面所说的那张画。在遮罩层上可以画出任意形状，在这个形状的区域内，就会显示出被遮罩层中的图像来，而此形状以外的区域，则显示更下一层中的图像或背景的图像来。注意，和Photoshop中的遮罩层不同，Flash的遮罩层不支持透明度。也就是说，在Flash遮罩层中的图像，其作用仅限于它的轮廓，用于界定产生遮罩区域的形状，而它的色彩、内部形象均不起作用。这一点相当遗憾，当然，作为一个动画软件，它的优势在于，不论是遮罩层还是被遮罩层，都支持各种类型的运动。二、实例学习如果要硬性为Flash中的遮罩效果分类，从运动的对象上可以大致分为三类：被遮罩层图形运动而遮罩层图像静止；遮罩层图形运动而被遮罩层图像静止；遮罩层和被遮罩层图形同时运动。下面我们将分别学习这些类型的遮罩控制技术。1、被遮罩层图形运动类型例一：旋转的地球预览成品：这是一个通过遮罩控制技术生成的动画，地球在不断旋转，显示出大陆、海洋的各个部分。1、使用默认设置创建一个新的文档。创建图形元件2、使用插入—新建元件命令，新建一个Graphic对象的元件并命名为“globe”。然后执行“文件—导入—导入到舞台命令”，在相应的路径中找到提供的素材图片globe.wmf。如图4-1。3、再次创建一个新的Graphic对象元件（快捷方式：Ctrl+F8），命名为“map”。在时间轴上把图层1的名字改为globemap，然后按Ctrl+L键打开元件库，把元件“globe”拖到舞台中，在属性栏中修改颜色设置为“色调”，选择色彩#FF9900，其他保持默认设置。完成后再拖一个，设置同前，水平对齐，并把它们的位置调整，如图4-2所示。图4-1图4-24、添加一个新的图层并命名为“background”，按住鼠标左键拖动这个图层到最下一层。然后使用矩形工具绘制一个大的矩形作为背景，宽：高为950X270；填充颜色#3399cc。如上图所示。创建影片剪辑元件5、再次使用插入—新建元件命令，新建一个影片剪辑对象并命名为“mapmc”。从元件库中把元件“map”拖到舞台中（图层1）。在变形面板中缩放至50%。位置在中间略靠左。6、添加一个新的图层2。用椭圆形工具在第1帧中绘制一个正圆，色彩任意，大小为120X120。放在地球展开的图形上。位置如图4-3。图4-37、回到图层1，在第40帧按F6键复制关键帧，重新选中map元件并把它的坐标位置向右偏移246。注意，关键在于偏移后的上层圆的位置应正好盖在另一个地球展开的图形上相同的位置，如图4-4。图4-48、在属性面板中设置运动类型“动作”，其他保持默认设置。9、来到图层2，在第40帧按F5键创建补间帧，保持两个图层在时间轴上的帧数一致。10、鼠标右键点击图层2，在弹出的菜单中选择“遮罩层”。时间轴上的显示如图4-5。图4-511、点击时间轴上的场景1按钮，进入场景中，从元件库中把影片剪辑元件“mapmc”拖到舞台中。Ok，选择控制—测试影片命令看看效果吧，是不是有一个旋转的地球。总结：（1）．此例中，地球轮廓是静止的，它的作用是只让处于此轮廓内的动画图像显示出来。地球表面的陆地形状是运动的，有两个相同的图形组成，以便产生连续运动的效果。（2）．此例中的地球表面图形是一个外部文件，wmf格式是一种矢量格式，但在Flash中不适于创建复杂的形状，所以从外部导入。导入的图像也可以是位图，根据你的需要来选择。（3）．此例中是把遮罩的效果放在影片剪辑中，和放在主场景中制作完全相同，只是影片剪辑的好处是可以自动重复播放。2、遮罩层图形运动类型例二：探照灯效果预览成品：这是一个通过遮罩控制技术生成的网络广告动画，探照灯在广告商品的每个关键位置停顿，把经过的地方照亮，最后停止在广告商品的LOGO上。1、创建一个新的文档，选择修改—文档命令，把背景色设置为黑色。创建图形元件2、使用插入—新建元件命令，新建一个Graphic对象的元件并命名为“ad”。然后执行“文件—导入—导入到舞台命令”，在相应的路径中找到提供的素材图片ad0009.gif。如图4-6。图4-6图4-73、原始的图片尺寸较大，在属性栏中选择锁定纵横比，把宽度尺寸改为550，高度将自动改变，坐标位置为X:-275；Y:-165.5（元件的中心点位置）。如图4-7。4、再次创建一个新的Graphic对象元件（快捷方式：Ctrl+F8），命名为“light”。然后使用椭圆形工具绘制一个90*90的圆，色彩任意。5、点击时间轴上的场景1按钮，进入场景中，从元件库中把元件“ad”拖到舞台中放在默认的图层1。双击图层1的标题名，改为“background”。6、点击时间轴上的“添加新图层”（如图4-8）按钮添加一个新的图层并命名为“mask1”。把元件“light”拖到舞台中的任意位置，稍后我们将作调整。图4-87、分别在第5、15、25、35、45、50、60、70、80帧按F6键复制关键帧，然后重新依次调整它们的位置如图4-9。其中，把第70帧中的元件放大到180%，第80帧中的元件放大到覆盖整个画面。图4-98、位置修改完成后分别在第10、20、30、40、帧按F6键复制关键帧。这一步的设置是为了在广告商品的关键位置做短站的停顿。设置运动属性9、分别选中第1、10、20、30、35、40、45、55、60、70帧，在属性栏中设置运动属性补间类型为“动作”，其他保持默认不变。时间轴上的设置如图4-10。图4-1010、点击图层background，分别在第70、80帧按F6键复制关键帧。然后选中第80帧，以右上角为基准，把该元件缩放至150%。11、重新选中第70帧，在属性栏中设置运动属性补间类型为“动作”。12、鼠标右键点击图层“mask1”，在弹出的菜单中选择“遮罩层”。13、添加一个新的图层并命名为“action”，选中第80帧按F7键创建空白关键帧，打开“动作”面板，按下按钮选择“全局函数—时间轴控制—stop”。如图4-11。图4-11解释：这个action语句的意思是控制动画播放到这一帧时停止，以避免动画循环播放。总结：（1）．此例中，遮罩层中的图形是运动的，而且这个图形是Graphic元件。事实上，遮罩层中的图形也可以是shape形状，甚至是一个影片剪辑。遮罩层中的图形作用就是让处于此轮廓内的图像显示出来。（2）．此例中，不只遮罩层中的图形运动，而且，在第70帧以后的被遮罩层中，图像也进行运动了（缩放），这也算是我们上文对遮罩分类中的第三种类型了。（3）．此例中，我们接触到教程中的第一个action命令。3、遮罩层中的逐帧运动例三：书法文字预览成品：这是一个显示书写过程效果的动画，我们经常会看到类似的效果，同样是通过遮罩控制技术生成。1、使用默认设置创建一个新的文档。创建图形元件2、使用插入—新建元件命令，新建一个Graphic对象的元件并命名为“永”。然后选择文字工具，在属性栏中设置为“静态文本”；字体“楷体”；黑色，其他为默认设置。3、进入场景中，在图层1的第2帧按F7键创建空白关键帧，从元件库中把元件“永”拖到舞台中，使用任意变形工具调整文字到合适的大小。4、添加一个新的图层2，选择刷子工具，在选项栏中选择圆形笔刷，笔刷大小略大于文字的笔画宽度即可。如图4-12。5、在第1帧中画一笔，然后按F6键复制关键帧，在第2帧中再画一笔，然后再按F6键复制关键帧，在该帧中再画一笔……以此类推，直到把文字的最后一点都完全覆盖住。图4-13中的四幅小图分别是第2、10、20、35帧中遮罩的形状。6、鼠标右键点击图层2，在弹出的菜单中选择“遮罩层”。时间轴上的显示如图4-14。7、选择控制—测试影片命令看看效果吧，图4-13图4-14图4-12总结：此例中，遮罩层中的图形是逐帧的运动，因为这样复杂的图形是无法进行补间运动的。书写的效果关键就是在控制时间的节奏以及笔画的顺序，没有什么技术含量，却是件费时费力的工作，算是一种较为特殊的类型吧。