Fireworks遮罩的技巧运用

冬儿 
2001年 30期

　　BoBo：冬儿JJ：我在网上看到很多几张图片衔接在一起，衔接的部分过渡非常自然，多了几分朦胧效果，也显得很神秘，你能告诉我这是怎么做的吗？
　　　　冬儿：哦，像这样的效果出现的地方很多，这类的文章介绍也是非常的多，可大多数是运用Photoshop来做这样的效果，今天我就用Fireworks来教你做吧，也很简单。
　　　　BoBo：好呀，那我们就快点做吧。
　　　　冬儿：呵呵～～看来你挺急的，在做的过程中，别光顾着做，在做的过程中还要知道为什么。在下面我们将2张位图图像通过“固定选择”、“遮罩”处理，使这2张图像之间朦胧过渡，做成一个标准的468×60 Banner。其中应用Fireworks4黑白遮罩中的Alpha通道使图像一部分虚化透明是很关键的一步，和Photoshop中的遮罩一样。下面我们来看一下制作过程。
　　#1　　制作过程：
　　　　1．在Fireworks中，使用File→Open（快捷方式为“Ctrl+O”）命令打开要处理的图像文件（图1）。（^30020701a^）
　　　　2．双击工具面板中的矩形选取工具，在工具操作面板中，从Style选项的下拉菜单列表中选择Fixed Size。在下面的输入框中输入固定选取宽度值为468，固定选取高度值为60。Edge选项选择为Anto-Alias（图2）。（^30020701b^）
　　　　在刚才打开的图像中单击鼠标左键，此时在图像上出现了一个468×60的选取框。
　　　　冬儿：如果第一次放置的位置不符合你的要求，你可以用矩形选取框工具移动选取区域到合适的位置，切记不可使用黑色和白色的箭头工具来选择（图3）。（^30020701c^）
　　　　3．执行菜单命令Edit→Crop Selected Bitmap，当前的选择区域会变成切割工具使用后的形状，在切割框中双击鼠标左键，此时不在切割框中的像素将被删除，同时不缩小画布尺寸。
　　　　4．打开Info面板（Window→Info），你可以看到当前剩余图像的尺寸大小为：468×60。接着使用工具面板中的矩形工具画一矩形，在Info面板中设置其尺寸同样也为468×60。
　　　　5．选择矩形对象，在Fill（填充）面板中，改变矩形对象的填充类型为Linear，点击Edit按钮编辑渐变颜色，渐变颜色由左黑右白组成，左边的黑色点略向整个渐变带的中心靠近，如图4所示。（^30020701d^）
　　　　6．使用快捷键“Ctrl+A”全选这两个对象，使用菜单命令Modify→Align→Center Vertical和Modify→Align→Center Horizontal，使这两个同样大小的对象上下重叠，如果你操作没错的话，一般只能看到渐变矩形对象。
　　　　7．使用菜单命令Modify→Mask→Group as Mask，建立遮罩。使用这个命令的前提是图像对象和矩形对象同时被选择。因为当你执行完第7步骤时，这两个对象已经同时处于被选择的状态了，可以直接执行Mask命令。假如你在这之间取消了对象，则要再次使用“Ctrl+A”命令同时选择这两个对象。遮罩后的效果如下图所示，你可以选择遮罩对象，用鼠标点击遮罩对象中心的蓝色小点移动被遮罩对象的位置（图5）。（^30020701e^）
　　　　8．使用步骤一的方法打开另外一张图像文件。
　　　　9．接下来使用同上张图相同的处理方法，创建遮罩对象。
　　　　冬儿：注意，有一个地方不同，在填充矩形渐变色时填充的黑白颜色方向相反。如果在制作过程中，你不需要看前面的步骤就顺利地做出了这个遮罩对象的话，说明你已经掌握这个技巧了，试试，多让自己的脑子开动起来（图6）。（^30020701f^）
　　　　10．制作完这两个遮罩对象后，我们得把它们连起来。使用菜单命令File→New新建文件，键盘快捷键为“Ctrl+N”。在New Document对话框中设置Width（画布宽度）为468像素，Height（画布高度）为60像素，分辨率为72像素，画布颜色为白色，点击OK按钮确认。468×60这是网页中标准的Banner大小。
　　　　11．把刚才创建的两个遮罩对象文件拖到新建的文件中。此时你可以看到这2张图像对象的中间接合部分已经由过渡色完美连接起来了，一点都没有生硬的边缘。这时保存文件，你已经把这个效果完成了（图7）。（^30020701g^）
　　　　冬儿：好，整个过程做完了，很简单吧！
　　　　BoBo：是挺简单的，没想到这么简单的几步就能做出这么好的效果。下次我也可以做了。 
 