在Fireworks中遮罩使用技巧 -pc6资讯

您的位置：首页 → 网页设计 → Firework → 在Fireworks中遮罩使用技巧

在Fireworks中遮罩使用技巧 时间：2004/11/7 2:26:00来源：本站整理作者：蓝点我要评论(0)

　　　　　　　　　　　　

　　　　　　　　　　　　　　在Fireworks中使用遮罩可以创建部分被遮掩的图像效果，一个对象或图形可以对另一个对象或图形使用遮罩效果。并且我们称用于遮罩的对象为遮罩对象，而被遮罩的对象称为被遮罩对象，最后遮罩形成的图像则称为遮罩图像。在Fireworks中用户可以使用矢量对象或位图图形作为遮罩对象和被遮罩对象。用户通过编辑遮罩对象的不同笔触和填充的属性,可以创造出许多独特的遮罩图像特效。下面笔者就Fireworks中遮罩的使用方法进行简单的介绍。

　　添加遮罩效果

　　在本节中，我们将使用层面板来添加遮罩效果：

　　1、在Fireworks 4编辑环境中，打开或创建一幅图片，通过菜单命令“Modify→Canvas Color”设置背景色为黑色；然后通过菜单命令“Window→Layer”打开层面板。在面板中选择图像层，然后点击该面板下面的第二个按钮(Add Mask)，这时在层面板上可以看到在原来图片的旁边加了一个白色的遮罩层，而且在原来图片和遮罩层之间有一个拉链形状的小图标，表明遮罩关系已经产生。这个遮罩层就是遮罩对象，而图片就是被遮罩对象。

　　2、用鼠标左键点击遮罩层，可看到白色方框的边色变成了黄色，同时编辑窗口的边框也变成了带黄色的边框，表示现在对编辑窗口的处理将是遮罩对象。这时可以试着用图形工具、橡皮擦、铅笔、毛刷等工具在编辑窗口中图像的上方对其进行擦画，可以看到凡是被擦画的地方，都会显示背景的颜色。图1就是笔者设置图形填充为圆形，利用椭圆和圆角矩形工具绘制图形以后的显示效果。

　　3、禁止和删除遮罩,为了对被遮罩图像进行更有效的编辑，可能需要暂时禁止遮罩显示效果，则用户可以在层面板中选择有遮罩的层，然后点击层面板右上角的箭头按钮，在出现的菜单中选择“Disable Mask”命令，这时该层中的遮罩对象即被隐藏起来，同时遮罩层上面也显示一把大大的红色叉号。要重新显示遮罩对象，则在菜单中点击“Enable Mask”选项即可。如果不再需要遮罩，则点击“Delete Mask”命令，在出现的确认框中点击“Discard”按钮即可删除，如果希望在删除前保持遮罩效果，则点击“Apply”按钮，这时虽然遮罩层被删除，但是遮罩仍然保持，并与被遮罩对象形成一个整体。

图1

　　4、如果需要单独移动遮罩层，则用户可点击层面板中图像层与遮罩层之间拉链图标，使其不可见，这时选中遮罩层，然后在编辑窗口拖动即可。当然用户也可通过拖动被遮罩图像的位置来调整遮罩位置。

　　产生遮罩效果

　　在本节中，我们将利用粘贴、组合命令产生遮罩效果：

　　1、在Fireworks的“Edit”和“Modify→Mask”菜单项中有一个命令“Paste as Mask”，利用这个命令也可以很简单地产生遮罩显示效果。其具体的操作步骤如下：

　　在Fireworks中打开或创建一幅图像，双击编辑窗口退出Bitmap编辑模式，然后利用形状工具，比如椭圆，在编辑窗口中绘制一个圆，这时图像与矢量形状位于不同的层内，然后选择矢量形状层，利用“剪切”命令将其复制到剪贴板。然后选中图片，执行菜单命令“Paste as Mask”即可看到最后产生的遮罩效果(如图2)，圆形区域内显示图像，区域外显示为背景颜色。这时在层面板中也可以看到有一个新的遮罩层产生。

图2

　　2、同样，在菜单“Modify→Mask”下还有一个“Group as Mask”命令，利用它也可以产生遮罩：

　　首先在Fireworks编辑窗口中建立两个层，在不同的层中放置不同的图像，然后同时选中两个层的图像，执行“Group as Mask”即可看到遮罩效果，其中上面的图像将作为遮罩对象，下面的图形则为被遮罩对象，用户可以通过菜单“Modify→Arrange”中的命令来调整它们在编辑窗口中的前后位置，从而可以调整遮罩与被遮罩的关系。

　　实现文字遮罩效果

　　利用文字遮罩的功能，可在Fireworks中创建一些特殊文字效果，其使用方法与上面的方法基本相同，同样将文字作为一个矢量对象进行处理。首先打开和创建一幅图像，然后用鼠标左键点击工具箱上的文字工具，在编辑窗口的适当位置点击鼠标，打开文字编辑窗口，设置好字体类型，文字大小，输入文字后点击“OK”按钮，即可在编辑窗口中添加文字层。拖动文字调整好位置以后，选中文字层，执行“剪切”命令将其复制到剪贴板，然后在图像层中选中图像，执行菜单命令“Modify→Mask→Paste as Mask”，这时即可看到有文字笔划的地方显示图像，没有文字的地方则显示背景颜色(效果如图3)。

图3