Fireworks遮罩的技巧运用

Author: 冬儿 Date: 2001年 30期

?牐燘oBo:冬儿JJ:我在网上看到很多几张图片衔接在一起,衔接的部分过渡非常自然,多了几分朦胧效果,也显得很神秘,你能告诉我这是怎么做的吗?
  ?牐牰号叮裾庋男Ч鱿值牡胤胶芏啵饫嗟奈恼陆樯芤彩欠浅5亩啵纱蠖嗍窃擞肞hotoshop来做这样的效果,今天我就用Fireworks来教你做吧,也很简单。
  ?牐燘oBo:好呀,那我们就快点做吧。
  ?牐牰汉呛恰蠢茨阃?急的,在做的过程中,别光顾着做,在做的过程中还要知道为什么。在下面我们将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.接下来使用同上张图相同的处理方法,创建遮罩对象。
  ?牐牰鹤⒁猓幸桓龅胤讲煌谔畛渚匦谓ケ渖碧畛涞暮诎籽丈较蛳喾础H绻谥谱鞴讨校悴恍枰辞懊娴牟街杈退忱刈龀隽苏飧稣谡侄韵蟮幕埃得髂阋丫莆照飧黾记闪耍允裕嗳米约旱哪宰涌鹄矗ㄍ?6)。(^30020701f^)
  ?牐?10.制作完这两个遮罩对象后,我们得把它们连起来。使用菜单命令File→New新建文件,键盘快捷键为“Ctrl+N”。在New Document对话框中设置Width(画布宽度)为468像素,Height(画布高度)为60像素,分辨率为72像素,画布颜色为白色,点击OK按钮确认。468×60这是网页中标准的Banner大小。
  ?牐?11.把刚才创建的两个遮罩对象文件拖到新建的文件中。此时你可以看到这2张图像对象的中间接合部分已经由过渡色完美连接起来了,一点都没有生硬的边缘。这时保存文件,你已经把这个效果完成了(图7)。(^30020701g^)
  ?牐牰汉茫龉套鐾炅耍芗虻グ桑?
  ?牐燘oBo:是挺简单的,没想到这么简单的几步就能做出这么好的效果。下次我也可以做了。