元件04第四讲Flash-MX教程遮罩的技巧一

04第四讲Flash-MX教程遮罩的技巧一

第四讲Flash MX教程——遮罩控制技术(一)

名称 Flash遮罩控制技术

课时 2课时教学2课时实验

教学目标掌握基本的遮罩使用命令学习不同条件下的遮罩控制技术。

主要内容学习各种典型的遮罩效果如方法。

一、概念提要

Mask遮罩也有译作蒙板。 Flash中的遮罩和Photoshop中的Layer mask基本原理是相同的只是在支持的功能上略微有些区分。

所谓“遮罩”形象的说来你可以设想在你面前有一幅图画但它的上面被一块纸板遮住当你在纸板上剪出一个洞下面图画会在相应位置显示出内容来。这块纸板就是遮罩。在Flash中遮罩功能由上下两个基本的图层组合实现上面是“遮罩层”相当于我们刚才所说的纸板下面的是被遮罩层可以应用多个图层相当于上面所说的那张画。在遮罩层上可以画出任意形状在这个形状的区域内就会显示出被遮罩层中的图像来而此形状以外的区

域则显示更下一层中的图像或背景的图像来。

注意和Photoshop中的遮罩层不同Flash的遮罩层不支持透明度。也就是说在Flash遮罩层中的图像其作用仅限于它的轮廓用于界定产生遮罩区域的形状而它的色彩、内部形象均不起作用。这一点相当遗憾 当然作为一个动画软件它的优势在于不论是遮罩层还是被遮罩层都支持各种类型的运动。

二、实例学习

如果要硬性为Flash中的遮罩效果分类从运动的对象上可以大致分为三类被遮罩层图形运动而遮罩层图像静止遮罩层图形运动而被遮罩层图像静止遮罩层和被遮罩层图形同时运动。下面我们将分别学习这些类型的遮罩控制技术。

1、被遮罩层图形运动类型

例一旋转的地球

预览成品这是一个通

示出大陆、海洋的各个部分。

1、使用默认设置创建一个新的文档。

创建图形元件

2、使用插入—新建元件命令新建一个Graphic对象的元件并命名为“globe”。然后执行“文件—导入—导入到舞台命令”在相应的路径中找到提供的素材图片globe.wmf。如图4-1。

3、再次创建一个新的Graphic对象元件

快捷方式 Ctrl+F8命名为“map”。在时间轴上把图层1的名字改为globe map然后按Ctrl+L键打开元件库把元件“globe”拖到舞台中在属性栏中修改颜色设置为“色调”选择色彩#FF9900其他保持默认设置。完成后再拖一个设置同前水平对齐并把它们的位置调整如图4-2所示。

4、 添加一个新的图层并命名为

“background”按住鼠标左键拖动这个图层到最下一层。然后使用矩形工具绘制一个大的矩形作为背景 宽高为950X270填充颜色#3399cc。如上图所示。

创建影片剪辑元件

5、再次使用插入—新建元件命令新建一个影片剪辑对象并命名为“mapmc”。从元件库中把元件“map”拖到舞台中图层1。在变形面板中缩放至50%。位置在中间略靠左。

6、添加一个新的图层2。用椭圆形工具在第1帧中绘制一个正圆色彩任意大小为120X120。放在地球展开的图形上。位置如图4-3。

7、回到图层1在第40帧按F6键复制关键帧重新选中map元件并把它的坐标位置向右偏移246。注意关键在于偏移后的上层圆的位置应正好盖在另一个地球展开的图形上相同

的位置如图4-4。

8、在属性面板中设置运动类型“动作”其他保持默认设置。

9、来到图层2在第40帧按F5键创建补间帧保持两个图层在时间轴上的帧数一致。

10、鼠标右键点击图层2在弹出的菜单中选择“遮罩层”。时间轴上的显示如图4-5。

11、点击时间轴上的场景1按钮进入场景中从元件库中把影片剪辑元件“mapmc”拖到舞台中。 Ok选择控制—测试影片命令看看效果吧是不是有一个旋转的地球。

总结

 1 此例中地球轮廓是静止的它的作

用是只让处于此轮廓内的动画图像显示出来。地球表面的陆地形状是运动的有两个相同的图形组成 以便产生连续运动的效果。

 2 此例中的地球表面图形是一个外部文件 wmf格式是一种矢量格式但在Flash中不适于创建复杂的形状所以从外部导入。导入的图像也可以是位图根据你的需要来选择。

 3 此例中是把遮罩的效果放在影片剪辑中和放在主场景中制作完全相同只是影片剪辑的好处是可以自动重复播放。

2、遮罩层图形运动类型

例二探照灯效果

预览成品这是一个通过遮罩控制技术生成的网络广告动画探照灯在广告商品的每个关键位置停顿把经过的地方照亮最后停止在广告商品的LOGO上。

1、创建一个新的文档选择修改—文档命令把背景色设置为黑色。

创建图形元件

2、使用插入—新建元件命令新建一个Graphic对象的元件并命名为“ad”。然后执行

“文件—导入—导入到舞台命令”在相应的路径中找到提供的素材图片ad0009.gif。如图4-6。

图4-6 图4-7

3、原始的图片尺寸较大在属性栏中选择锁定纵横比把宽度尺寸改为550高度将自动改变坐标位置为X:-275 Y:-165.5元件的中心点位置。如图4-7。

4、再次创建一个新的Graphic对象元件

快捷方式 Ctrl+F8命名为“light”。然后使用椭圆形工具绘制一个90*90的圆色彩任意。

5、点击时间轴上的场景1按钮进入场景中从元件库中把元件“ad”拖到舞台中放在默认的图层1。双击图层1的标题名改为

“backgrou nd”。

6、 点击时间轴上的“添加新图层” 如图4-8按钮添加一个新的图层并命名为

“mask1”。把元件“light”拖到舞台中的任意

位置稍后我们将作调整。

7、分别在第5、 15、 25、 35、 45、 50、

60、 70、 80帧按F6键复制关键帧然后重新依次调整它们的位置如图4-9。其中把第70帧中的元件放大到180%第80帧中的元件放大到覆盖整个画面。

8、位置修改完成后分别在第10、 20、 30、

40、帧按F6键复制关键帧。这一步的设置是为了在广告商品的关键位置做短站的停顿。

设置运动属性

9、分别选中第1、 10、 20、 30、 35、 40、