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

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

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

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

Fireworks；蒙版

1 蒙版概念

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

2 蒙版特點(diǎn)

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

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

3 蒙版作用

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

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

4 蒙版應(yīng)用

4.1 矢量蒙版

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

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

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

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

圖1 心形矢量蒙版

圖2 文字（矢量）蒙版

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

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

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

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

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

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

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

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

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

組合兩個(gè)或更多對(duì)象來(lái)創(chuàng)建蒙版時(shí)，最上層的對(duì)象會(huì)成為蒙版對(duì)象，最上層對(duì)象的類(lèi)型確定蒙版的類(lèi)型（矢量或位圖）。

圖3 荷塘蒙版效果圖

圖4 顯示器位圖蒙版圖

5 禁用和刪除蒙版

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

5.1 禁用蒙版

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

5.2 刪除蒙版

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

6 結(jié)束語(yǔ)

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

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

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

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

張麗平（1982-）， 女 ，講師，大學(xué)本科，主要研究方向?yàn)橛?jì)算機(jī)軟件和數(shù)據(jù)庫(kù)。