江漢藝術(shù)職業(yè)學(xué)院管理學(xué)院計算機教研室 張麗平

淺析Fireworks中的蒙版技術(shù)

江漢藝術(shù)職業(yè)學(xué)院管理學(xué)院計算機教研室 張麗平

大家在學(xué)習(xí)Fireworks中的蒙版時，不懂蒙版到底是什么，又能做什么？覺得蒙版很深奧、難懂，就更別說靈活運用蒙版技術(shù)了。本文主要介紹了蒙版的概念、特點、作用以及使用蒙版技術(shù)做出的特效。

Fireworks；蒙版

1 蒙版概念

蒙版能夠顯示或隱藏對象的局部。它又稱為遮罩，是一種由上層對象為下層對象提供外形，而下層對象為上層對象提供色彩的一種圖像處理效果。因此，我們把上層對象稱為“蒙版對象”，下層對象稱為“被蒙版對象”。矢量和位圖對象都可以成為蒙版對象或被蒙版對象。

2 蒙版特點

蒙版是種選區(qū)，它跟常規(guī)選區(qū)不同。常規(guī)選區(qū)是對所選區(qū)域進行處理，而蒙版卻是對所選區(qū)域進行保護，對非掩蓋的地方應(yīng)用操作。

由于蒙版所蒙住的地方是我們編輯選區(qū)時不受影響的地方，需要完整的留下來，從這個角度來理解蒙版的黑色(即保護區(qū)域)為完全透明，白色(即選區(qū))為不透明，灰色介于之間(部分選取，部分保護)。

3 蒙版作用

蒙版的作用主要就是用于摳圖，柔和圖像邊緣，合成圖像等。用戶可以運用濾鏡、顏色變化等效果對圖像的某一特定區(qū)域進行操作，沒有被選的區(qū)域就會受到保護而不被編輯。

例如，如果原圖不修改即不添加蒙版，可認為蒙版全為白色；相反整幅圖被蒙版遮住，則在顏色通道中蒙版為黑色；如果遮住一部分，則用前景色為黑色的刷子進行涂抹，被涂的部分圖像上面就有一層蒙版，要去掉部分蒙版的話，只需用前景色為白色的刷子進行涂抹。

4 蒙版應(yīng)用

4.1 矢量蒙版

4.1.1 使用[粘貼于內(nèi)部]命令創(chuàng)建蒙版

矢量蒙版將下方的對象裁剪或剪貼為其路徑的形狀，從而產(chǎn)生面包切片刀的效果，如圖1的心形矢量蒙版效果。在原始圖像文件上制作一個心形矢量圖，并將其遮住圖像的翅膀和心形部分，再剪切圖像文件，執(zhí)行【編輯】/【粘貼于內(nèi)部】命令，即可得到圖1所示的心形圖像蒙版效果。

在Fireworks中創(chuàng)建蒙版之后，在圖層面板中會出現(xiàn)兩個縮略圖，左側(cè)的縮略圖為被蒙對象，右側(cè)的縮略圖為蒙版。當(dāng)創(chuàng)建矢量蒙版時， 一個帶有鋼筆圖標(biāo)的蒙版縮略圖會顯示在圖層面板中，表示已經(jīng)創(chuàng)建了矢量蒙版。

在[圖層面板]中，選擇右側(cè)的蒙版縮略圖之后，在【屬性面板】中會顯示蒙版的屬性，用戶可以根據(jù)需要設(shè)置蒙版的屬性。

圖1 心形矢量蒙版

圖2 文字（矢量）蒙版

4.1.2 使用[粘貼為蒙版]命令創(chuàng)建蒙版

圖2的“五彩繽紛”文字矢量蒙版是將文本用做蒙版實現(xiàn)的。文本蒙版也是一種矢量蒙版，文本蒙版的常用方法是使用文本的路徑輪廓，但也可以使用灰度外觀。

在圖2的原始圖像上輸入文本“五彩繽紛”并設(shè)置文本格式；再建立文字蒙板，將文本剪切；然后選中原始位圖圖像，執(zhí)行【修改】/【蒙版】/【粘貼為蒙版】命令，即可實現(xiàn)圖2所示的文本蒙版效果。

在【圖層面板】的縮略圖中，選擇位圖，在文檔中間會出現(xiàn)一個藍色的點，拖動藍色的點，可以顯示原始圖像不同區(qū)域的像素。用戶在做文本蒙版時，文本的顏色盡量用白色，并且選擇的字體盡量粗，做出的效果會比較好。

使用【粘貼為蒙版】命令可以創(chuàng)建矢量蒙版和位圖蒙版。當(dāng)將矢量對象用做蒙版時，【粘貼為蒙版】創(chuàng)建的是矢量蒙版，它使用矢量對象的路徑輪廓來裁剪被遮罩對象；當(dāng)將位圖圖像用做蒙版時，【粘貼為蒙版】創(chuàng)建的是位圖蒙版，它使用位圖對象的灰度顏色值影響被遮罩對象的可見度。

4.1.3 使用蒙版技術(shù)實現(xiàn)透明漸變填充效果

圖像透明漸變填充效果是指圖像由清晰到透明的一種過度效果，過度的形式有很多，圖3荷塘蒙版圖像是圖像由左到右逐漸變透明，在網(wǎng)頁設(shè)計中經(jīng)?？梢允褂脠D像透明漸變填充效果，使圖像逐漸過度到網(wǎng)頁的底色上。

使用[組合蒙版]命令實現(xiàn)透明漸變填充效果，通過蒙版的遮擋，可以將兩個毫不相干的圖像天衣無縫的融合在一起。組合蒙版默認創(chuàng)建的是灰度外觀的蒙版。如圖3所示的荷塘蒙版效果圖。

圖3荷塘蒙版效果圖的制作方法是首先將兩張原始圖像放置到Fireworks文檔中，調(diào)整兩張圖像的大小并放置在合適的位置；再使用【矩形】工具，繪制一個和畫布同等大小的矩形，并且填充黑白線性漸變。拖動矩形漸變對象手柄，使?jié)u變色的方向為水平方向，左側(cè)填充白色，右側(cè)填充黑色；然后同時選中“魚”原始圖像文件和矩形，執(zhí)行【修改】/【蒙版】/【組合為蒙版】命令，在【圖層面板】中選擇右側(cè)的矩形蒙版縮略圖，拖動矩形漸變對象手柄，調(diào)整漸變色的范圍，適當(dāng)增加黑色部分所占的面積，這樣可以讓蒙版下方的透明部分增加，出現(xiàn)邊緣逐漸透明的圖像效果，圖3所示。

組合兩個或更多對象來創(chuàng)建蒙版時，最上層的對象會成為蒙版對象，最上層對象的類型確定蒙版的類型（矢量或位圖）。

圖3 荷塘蒙版效果圖

圖4 顯示器位圖蒙版圖

5 禁用和刪除蒙版

如果添加的蒙版需要禁用或刪除，該怎么處理呢？

5.1 禁用蒙版

在【圖層面板】中選擇蒙版縮略圖，單擊【圖層面板】右側(cè)的“選項菜單”按鈕，在彈出菜單中選擇“禁用蒙版”命令，此時圖層面板上的蒙版對象會被禁止，并顯示一個紅色的?。蒙版對象一旦被禁止的話，編輯區(qū)就只會顯示被蒙版對象了。如果要恢復(fù)蒙版效果的話，在【圖層面板】中單擊蒙版對象即可。

5.2 刪除蒙版

同樣的方法，單擊【圖層面板】右側(cè)的“選項菜單”按鈕，在彈出菜單中選擇“刪除蒙版”命令，這時會彈出[刪除蒙版]對話框。單擊“放棄”按鈕，蒙版對象會被刪除，而被蒙對象沒有任何影響；單擊“應(yīng)用”按鈕【圖層面板】上會只顯示一個位圖對象。

6 結(jié)束語

矢量蒙版和位圖蒙版都可以使用其灰度外觀來應(yīng)用。蒙版像素的亮度確定被遮罩對象的顯示程度。較亮的像素會顯示被遮罩的對象，而較暗的像素則會去掉圖像底色并顯示背景。如果蒙版對象包含圖案或漸變填充，此方法可產(chǎn)生有趣的效果。靈活的應(yīng)用蒙版技術(shù)可以產(chǎn)生很多有趣的現(xiàn)象。

[1]何秀芳編著.Fireworks CS3從入門到精通[M].人民郵電出版社,2008.5.

[2]丁桂芝編著.Fireworks CS4 案例教程[M].電子工業(yè)出版社, 2010.5.

[3]胡仁喜,劉昌麗等編著.Fireworks CS5 標(biāo)準(zhǔn)實例教程[M].機械工業(yè)出版社,2010.8.

張麗平（1982-）， 女 ，講師，大學(xué)本科，主要研究方向為計算機軟件和數(shù)據(jù)庫。