Fireworks4遮罩全接触

　2005-07-02 17:02:14　来源：WEB开发网　　　

核心提示：文/Donger遮罩fireworks的遮罩是一项很有用的图形处理方法，使用遮罩您可以为各个对象制作出自己想要达到的光影明暗效果；您可以轻易地把一张彩色的位图图片中的颜色改成同一色系的颜色；您还可以在文字内部填充上不同的图案颜色……，Fireworks4遮罩全接触，Fireworks 4.0加强了对遮罩技术的支持，您可

文/Donger

遮罩

fireworks的遮罩是一项很有用的图形处理方法。使用遮罩您可以为各个对象制作出自己想要达到的光影明暗效果；您可以轻易地把一张彩色的位图图片中的颜色改成同一色系的颜色；您还可以在文字内部填充上不同的图案颜色……。Fireworks 4.0加强了对遮罩技术的支持，您可以非常方便在适当的场合制作出丰富多彩的遮罩效果.。下面我们来一一介绍以下几部分内容。

　　遮罩的基本概念

　　创建图像遮照的几种方法

　　创建路径遮罩的几种方法

　　通过剪贴板制作遮罩效果

　　对多个对象使用遮罩

　　对遮罩进行编辑

一、遮罩的基本概念

1.1先来了解一下几个基本的概念。何为遮罩对象、被遮罩对象及遮罩图形。

1.遮罩对象：在遮罩中，我们把用于遮罩的对象称作为遮罩对象。遮罩对象都处于被遮罩对象的上方。

2.被遮罩对象：在遮罩中，我们把被遮罩的对象称为被遮罩对象。被遮罩对象都处于遮罩对象的下方。

3.遮罩图形：遮罩形成的图形称为遮罩图形。

矢量图形和位图图形都可以成为遮罩对象或是被遮罩对象，遮罩对象和被遮罩对象都可以由多个对象组成。

1．2 遮罩的分类：

创建遮罩的方法有好多种，但最终遮罩的分类只有二类：图像遮罩和路径遮罩

1、图像遮罩：图像遮罩一般在图像编辑模式中进行。您可以通过位图绘制工具,在画布上形成遮罩，也可以同时选择位图图像作为遮罩对象和被遮罩的对象，直接对它们使用遮罩命令。

　　下图是当处于图像遮罩时的Object面板的显示状态

图像遮罩可以分为"Alpha Channel"(Alpha 通道)和"Grayscale Appearance"(灰度级外观)

(1)在图像遮罩中Alpha 通道的作用是把当前位图图片当作一张全黑的图片，对其下的对象进行遮罩，可以把下面的对象清楚地反映出来。

(2)在图像遮罩中，灰度级外观的作用是根据作为遮罩图像本身的灰度作为其下对象的Alpha通道。效果类似于photoshop中的层通道的功能。

2.路径遮罩：路径遮罩一般在对象编辑模式下进行，通过矢量对象或是文字对象与被遮罩对象形成遮罩图形。路径遮罩的作用是根据作为遮罩的路径轮廓定义其下对象的显示区域。

路径遮罩可以分为"Path Outline"(路径轮廓)和"Grayscale Appearance"（灰度级外观）

(1)"路径轮廓"遮罩：按照遮罩对象的路径进行遮罩，此时被遮罩对象按照遮罩对象的路径区域显示。在对象面板中选择"Path Outline"(路径轮廓)选项进入路径轮廓遮罩方式，勾选下面的"Show Fill and Stroke"(显示笔触和填充)选项可以显示遮罩对象的笔触和填充效果。遮罩对象路径以外的区域将被遮盖，不显示。

(2) "灰度级外观"遮罩：遮罩图像取决于遮罩对象和背景色之间的明亮关系，遮罩对象中黑颜色部分，底下的被遮罩对象就能完全显示，遮罩对象中白颜色部分，底下的被遮罩对象就会变成透明色。在黑色到白色之间的渐变就可以提供不同程度的透明。

二、创建图像遮照的几种方法

1.使用菜单命令Modify->mask->Group as Mask

（1）先选择遮照对象，如果该对象是矢量图形，可以使用菜单Modify>Convert to Bitmap，使这个矢量图形转变为位图格式。被遮照对象可以是位图图像，也可以是矢量图形，有一点需要记住，被遮照对象的颜色根据遮照对象和背景色之间的明暗关系决定了遮照图形的总体颜色。

（2）遮照对象一定在被遮照对象的上面，全选这二个对象，使用菜单命令Modify>mask>Group as Mask。此时遮照就算完成了．

当你用鼠标点击这个遮照图形，一圈蓝色的路径就会显示出来，把鼠标移到遮照图形的中心位置（有个蓝色的十字型），此时，鼠标就会由黑颜色实心鼠标变成白色的空心鼠标，此时您就可以按下鼠标对被遮照物体进行位置的拖动，感觉到了合适的位置，就可以释放鼠标。

如果被遮照对象是矢量图形，您还可以选择Layers（层）面板中的被遮照对象，然后在工具面板中的填充颜色一栏，改变矢量图形填充的颜色，此时整个遮照图形的颜色都会被改变。看下图。

文/Donger

2、利用层面板来制作图像遮罩

（1）用鼠标选择一个位图图像作为遮罩对象，然后打开Layers（层）面板。如果当前没有这个面板，可以使用菜单命令Window>Layers或者按默认的快捷方式F2键就可以打开Layers面板了。

（2）点击层面板下面的Add Mask（增加遮罩）按钮。此时，注意层面板的变化，遮罩已经产生，看下图黄颜色高亮显示区。此时画布由原来的对象编辑模式转入到图像编辑模式。

（3）然后你就可以使用位图绘制工具来绘制遮罩对象。使用不同的位图绘制工具有不同的遮罩取值方法。如果使用矩形,椭圆,橡皮擦等工具,遮罩的程度与选择的填充色有关,而使用笔刷,直线、铅笔等工具,遮罩的程度与选择的填充色无关，而与笔触的粗细和颜色有关系了。

用这种方法制作遮罩，遮罩对象的填充色默认为白色，此时白色的部分相当于遮掉了位图图像中一部分图像。如果填充色为黑颜色的话，不会产生什么效果，但是如果叠加在白颜色色块或是其他颜色的色块上，就可以把遮掉的对象重新显示出来。除了黑白二色以外的其他颜色所产生的颜色都是根据该颜色本身的灰度作为被遮照对象的Alpha通道，来产生不一样的遮罩程度。

(4) 完成遮罩图像，退出图像编辑模式，遮罩图像自动成为独立的对象。

文/Donger

3.创建空遮罩

Fireworks4新增加的二个遮罩命令Reveal All和Hide All，位于菜单Modify>Mask中。用这两个命令可以在所选择的对象上添加一个全空遮罩。Reveal All （显示全部）命令添加一个空的全透遮罩，使被遮罩对象全部显示.Hide All （隐藏全部）命令添加一个空的全遮遮照，使对象全部被遮盖。

空遮罩命令主要应用于图像编辑模式，被遮罩对象可以是位图图形，也可以是矢量图形。

（1）使用Reveal All命令

(a)创建一个被遮罩对象。

(b)此时被遮罩对象处于被选择状态，使用菜单命令Modify>Mask>Reveal All来创建一个全透空遮罩。此时画布自动进入图像编辑模式，Layers（层）面板中的当前遮罩对象块被黄色高亮显示，此时您可以注意到这个遮罩块中空无一物，是一个空的遮罩。

(c)选择位图绘制工具在被遮罩对象上绘制遮罩图像。使用不同的位图绘制工具有不同的遮罩取值方法。如果使用矩形,椭圆,橡皮擦等工具，遮罩的程度与选择的填充色有关,而使用笔刷、直线、铅笔等工具，遮罩的程度与选择的填充色无关，而与笔触的粗细和颜色有关系了。

用这种方法制作遮罩，遮罩对象的填充色默认为白色，此时白色的部分相当于遮掉了位图图像中一部分图像。如果填充色为黑颜色的话，不会产生什么效果，但是如果叠加在白颜色色块或是其他颜色的色块上，就可以把遮掉的对象重新显示出来。除了黑白二色以外的其他颜色所产生的颜色都是根据该颜色本身的灰度作为被遮照对象的Alpha通道，来产生不一样的遮罩程度。

(d) 完成遮罩图像，退出图像编辑模式,遮罩图像成为独立的对象。

（2）使用Hide All命令

(a) 创建一个被遮罩对象

(b) 此时被遮罩对象处于被选择状态，使用菜单命令Modify>Mask>Hide All来创建一个全遮空遮照。此时画布自动进入图像编辑模式，Layers（层）面板中的当前遮罩对象块被黄色高亮显示，此时您可以注意到这个遮罩块是一个全白的遮罩块。原本可见的被遮罩物也看不见了。

(c) 选择位图绘制工具在被遮罩对象上绘制遮罩图像。

此时所进行的填充或是笔触颜色选择要和Reveal All命令相反。用黑颜色进行填充会清楚地显示出这个颜色块下面所被遮罩的区域。如果填充色为白色的话，不会产生什么效果，但是如果叠加在黑颜色色块或是其他颜色的色块上，就可以把显示的对象再次隐藏掉。除了黑白二色以外的其他颜色所产生的颜色都是根据该颜色本身的灰度作为被遮罩对象的Alpha通道，来产生不一样的遮罩程度。

(d) 完成遮罩图像，退出位图编辑模式，,遮罩图像自动成为独立的对象。

文/Donger

　4.显示或隐藏所选择的图像区域

Reveal Selection命令和Hide Selection命令同样是Fireworsk4新增加的遮罩命令。位于菜单Modify>Mask中。Reveal Selection和Hide Selection命令分别对所选区域进行遮罩显示或遮罩不显示。

这二个命令和Reveal All和Hide All命令最大的区别是这二个命令的被遮罩对象只能是位图图形，而Reveal All和Hide All命令这二个命令的被遮罩对象可以是位图图形也可以是矢量图形。

(1) Revel Selection命令

(a) 创建或导入一个被遮罩对象。如果该对象是矢量图形命令菜单命令Modify> Convert to Bitmap，使该对象转变成位图。

(b) 在工具面板中选择圈选工具（矩形圈选工具或是圆形圈形工具）或是套索工具，（此时自动由对象编辑模式进入图像编辑模式），在位图图形中选定一定的区域。

(c) 使用菜单 Modify -> Mask -> Reveal Selection 命令，完成对所选区域的遮罩。此时只有该选择区的一部分图形显示，其他未被选择的图形都看不到了。

(d) 完成遮罩图像，退出图像编辑模式,遮罩图像成为独立的对象。

(2) Hide Selection命令

(a) 创建或导入一个被遮罩对象。如果该对象是矢量图形命令菜单命令Modify> Convert to Bitmap，使该对象转变成位图。

(b) 在工具面板中选择圈选工具（矩形圈选工具或是圆形圈形工具）或是套索工具，（此时自动由对象编辑模式进入图像编辑模式），在位图图形中选定一定的区域。

(c) 使用菜单 Modify -> Mask -> Hide Selection 命令，完成对所选区域的遮罩。此时该选择区的一部分图形不显示（和背景颜色一样），其他未被选择的图形仍旧可以看到原来的模样。

(d) 完成遮罩图像，退出图像编辑模式，遮罩图像成为独立的对象。

三、创建路径遮罩的几种方法

路径遮罩的作用是根据作为遮罩的路径轮廓定义其下对象的显示区域。路径遮罩的遮罩对象可是开路径或是闭路径或是文字对象。被遮罩对象可以是矢量图形也可以是位图图形。

1.使用菜单命令Modify->mask->Group as Mask

（1）创建被遮罩对象和遮罩对象，如下图中的八角形和蓝颜色的圆。

（2）把蓝颜色圆形放在八角形的上方，分别执行菜单命令Modify>Align>Center Vertical和Modify>Align>Center Horizontal，使这二个对象中心点对齐。

（3）使用菜单命令Modify>Mask>Group as Mask完成遮罩

和图像遮罩命令一样，当你用鼠标点击这个遮罩图形，一圈蓝色的路径就会显示出来，把鼠标移到遮罩图形的中心位置（有个蓝色的十字型），此时，鼠标就会由黑颜色实心鼠标变成白色的空心鼠标，此时您就可以按下鼠标对被遮罩物体进行位置的拖动，感觉到了合适的位置，就可以释放鼠标。

2.对文字做遮罩

（1）导入一张位图图片作为被遮罩对象（即文字填充的图片）。用工具面板中的文字工具，打开文字编辑器输入您实际需要的文字。

（2）把文字移到位图图形的上面，全选这二个对象。使用菜单命令Modify->mask->Group as Mask完成遮罩。

（3）如果感觉遮罩的位置不对，您可以用鼠标选择这个遮罩图形，当遮罩图形被一圈蓝颜色的路径所包围时，您把鼠标指标移向正中央的蓝色十字形符号处。用鼠标左键按住这个蓝色十字型不放，前后左右拖动被遮罩的位图图形直到您满意的图像出来为止。

3.颜色渐变遮罩

通常的Fireworks图片有三个8位通道--红色通道、绿色通道和蓝色通道，形成24位RGB图片。当增加了一个8位灰度通道来描述透明情况时，就得到了32位图片。

Alpha蒙板上每个象素的值都在0到255之间，用于指定透明程度，表示从完全遮挡（黑色或者0）到完全透明（白色或者255）的各种透明程度。中间的灰度值可以想象为半透明。Fireworks将通过蒙板上的各个象素的值来决定蒙板组中下层象素的透明度，并决定如何将象素与其所在背景象素进行混合。

当一个由黑到白的矢量的遮罩对象和被遮罩对象做遮罩。遮罩对象转换为灰度形式并作为Alpha蒙板。是黑颜色的部分，下面的被遮罩对象将完全被遮挡住了。是白颜色的部分，下面的被遮照对象将完全透过。因此所显示出的遮照图形就有了由不透明到透明之间过渡的渐变。

文/Donger

　四、通过剪贴板制作遮罩效果

Fireworks中通过剪贴板可以非常轻松地制作出遮罩效果，剪贴板中的对象即可以作为遮罩对象，同时也可以做为被遮罩对象，当然得使用不同的命令。通过剪板贴创建遮罩的方法方便了使用外部对象来创建遮罩。.例如，刚您在其他支持剪贴板的应用程序中剪切或复制一个对象(可以是图形或是文字)到剪贴板，然后可以非常方便地应用到Fireworks的被遮罩对象或是遮罩对象中，极大的提高了工作效率。

1、剪贴板中的对象作为遮罩对象来制作遮罩效果

（1）创建一个对象作为被遮罩对象（可以是位图图形也可以是矢量图形或是文字）

（2）选择下面操作中的其中一步

再创建一个对象（可以是位图图形也可以是矢量图形或是文字），然后按Ctrl+x(剪切)。此时该对象被保存在剪贴板.

从其他支持剪贴板的应用程序中剪切或复制一个对象对剪贴板中

（3）用鼠标工具选择被遮罩对象。

（4）使用菜单命令Edit -> Paste as Mask 或 Modify -> Mask -> Paste as Mask形成遮罩。这二个命令功能完全一样。

此时，剪贴板中对象自动成为遮罩对象对被遮罩对象进行遮罩操作。

2、剪贴板中的对象作为被遮罩对象来制作遮罩效果

（1）创建一个对象作为遮罩对象（可以是位图图形也可以是矢量图形或是文字）

（2）选择下面操作中的其中一步

创建一个对象（可以是位图图形也可以是矢量图形或是文字），然后按Ctrl+x(剪切)。此时遮罩对象保存在剪贴板.

从其他支持剪贴板的应用程序中剪切或复制一个对象对剪贴板中

（3）用鼠标工具选择遮罩对象。

（4）使用菜单命令Edit -> Paste Inside。

此时，剪贴板中对象自动成为被遮罩对象出现在当前遮罩对象的内部。

　五、对多个对象使用遮罩

最常用的对多个对象使用遮罩的命令是菜单命令Modify>Mask>Group as Mask。多个对象可以同时作为遮罩对象，也可以同时作为被遮罩对象。

1、多个对象同时作为被遮罩对象。

多个对象中顺序在最上面的图像作为遮罩对象,其余下面的对象自动作为被遮罩对象。

（1）创建三个矢量对象，最上面的是一个紫红色的圆形、接下来是黄颜色的多角形、最下面是绿颜色的圆角矩形。当然您可以根据您实际的需要绘图自己想要的图形，使用位图图像做为最上层也可以，但此时，实际起作用的仅是位图对象的巨型轮廓了。看下面的Layers（层）面板，清楚地显示了这三个对象的上下顺序。

（2）按住Shift键，依次单击这三个对象，使他们全部被选中。然后使用菜单命令Modify>Mask>Group as Mask。创建多对象遮罩。

（3）此时遮罩图形已经形成。在层面板中我们可以看到，遮罩对象为所选择的多个对象最上面的圆形,被遮罩对象为下面的多角形和圆角矩形。

Group as Mask 默认为的矢量遮罩方式为"Grayscale Appearance"(灰度级外观)。您可以通过在Layers（层）面板中点击遮罩对象，打开Object面板，可以自己调节到"Path Outline"(路径轮廓)方式，用路径轮廓时，因为Alpha通道的关系，颜色会和"Grayscale Appearance"(灰度级外观)方式有些区别

文/Donger

　2、多个对象同时作为遮罩对象。

您可以把多个对象结合成一个组，作用于下面的被遮罩对象。

（1）创建多个对象，按住Shift键，依次单击这几个对象，使他们全部被选中。然后选择菜单命令Modify>Group。使这几个对象成为一个组。

（2）创建并选择遮罩对象，（被遮罩对象一定要处于遮罩对象的下面位置）

（3）同时选择被遮罩对象和遮罩对象组。使用菜单命令Modify>Mask>Group as Mask完成对象组遮罩。
此时我想您应该可以分辩出这二种遮罩方式的区别了吧。

文/Donger

六、对遮罩进行编辑

讲了这么多制作遮罩的方法，有关于位图的，矢量图的等等，但怎么对遮罩进行编辑呢、当你想暂时取消遮罩时又该如何操作呢、您想保留这个遮罩效果，但又不想它是遮罩图形时又该如何处理呢。别急，下面我们就着重为您解决这些问题。

1、编辑遮罩对象和被遮罩对象

打开Layers（层）面板我们可以清楚地观察到遮罩对象和被遮罩对象。链接符号前面的对象称为被遮罩对象。链接符号后面的对象称为遮罩对象。

（1）编辑矢量图形的被遮罩对象
　　您可以用鼠标点击Layers（层）面板中的被遮罩对象，此时被遮罩对象会被一圈蓝颜色的路径所包围高亮显示。您可以使用旋转工具对这个矢量图形进行各种变形，也可以改变这个矢量图形的颜色及填充，或是添加修改笔触效果，更可以利用Effect面板添加各种实时的效果。

（2）编辑位图图形的被遮罩对象
　　用鼠标点击Layers（层）面板中的被遮罩对象。此时位图图形的被遮罩对象会被一圈蓝黑相间的斑纹线所包围，此时您可以使用位图工具对该位图对象进行编辑，所产生的图案会自动添加到原来的位图图象中。除非您撤消操作，否则不能恢复原来的图形。

（3）编辑矢量图形的遮罩对象
　　用鼠标点击Layers（层）面板中的遮罩对象。此时被遮罩对象会被一圈蓝颜色的路径所包围高亮显示。您可以使用旋转工具对这个矢量图形进行各种变形，也可以改变这个矢量图形的颜色及填充，或是添加修改笔触效果，更可以利用Effect面板添加各种实时的效果。您还可以通过点击层面板上面的黑色箭头按钮，在弹出窗口中选择Edit Mask命令。此时就算您选择的是被遮罩对象，您使用这个命令，也会自动转到对遮罩对象的编辑。

（4）编辑位图图形的遮罩对象
　　用鼠标点击Layers（层）面板中的遮罩对象。此时位图图形的被遮罩对象会被一圈蓝黑相间的斑纹线所包围，此时您可以使用位图工具对该位图对象进行编辑，所产生的图案会自动添加到原来的位图图象中。除非您撤消操作，否则不能恢复原来的图形。您可以使用旋转工具对这个矢量图形进行各种变形也可以改变这个矢量图形的颜色及填充，或是添加修改笔触效果，更可以利用Effect面板添加各种实时的效果。您还可以通过点击层面板上面的黑色箭头按钮，在弹出窗口中选择Edit Mask命令。此时就算您选择的是被遮罩对象，您使用这个命令，也会自动转到对遮罩对象的编辑。

文/Donger

2、单独移动遮罩对象或是被遮罩对象

一般您在Layers（层）中查看遮罩图形就会发现被遮罩对象和遮罩对象之间有一个白色的链接符号。因此当鼠标是黑色的实心鼠标时，移动遮罩图形，被遮罩对象和遮罩对象就会同时被移动。当然您也可以用鼠标点击遮罩图形，一圈蓝色的路径就会显示出来，把鼠标移到遮罩图形的中心位置（有个蓝色的十字型），此时，鼠标就会由黑色实心鼠标变成白色的空心鼠标，此时您就可以按下鼠标单独地对被遮罩物体进行拖动。

如果您想随意地单独移动被遮罩对象或是遮罩对象，您可以在Layers(层)面板中的链接符号上单击，此时链接符号就会消失，您选择一个被遮罩对象或是遮罩对象，就可以单独地移动他们，另一个对象不会跟着移动了。您再在链接符号的位置再次点击，链接符号又会显示。

3、使遮罩效果暂时失效或有效

（1）选择遮罩对象

（2）做下列操作之一
使用菜单命令Modify>Mask>Disable Mask。

点击Layers（层）面板上面的黑色的箭头按钮，在弹出的窗口中选择Disable Mask命令。
如果当前处于遮罩模式，可以暂时取消遮罩。如果当前处于遮罩暂时取消模式，此时相同的地方将会变成Enable Mask命令，再次选择，遮罩又会显示了。

当遮罩失效时，遮罩对象的对象显示块上将出现一个红色的 X 对角线，点击 X 对角线可以使遮罩重新有效。

4、去除遮罩效果

（1）在画布上选择遮罩图形

（2）做下列操作之一

使用菜单命令Modify>Mask>Delete Mask。

点击Layers（层）面板上面的黑色的箭头按钮，在弹出的窗口中选择Delete Mask命令。

在删除遮罩前Fireworks会询问您选择是否在被遮罩对象上应用遮罩效果。

选择"Apply"将保留遮罩图像为独立的位图图形。遮罩不再可以被编辑。