推薦：Fireworks中“建立控點(diǎn)法”的運(yùn)用
剛完成這篇教程的之后一天，我家的優(yōu)派EF70顯示器忽然死亡了。。。。。。回想起七年前用了3999rmb買回來的EF70，到死亡的前一天色彩還是和買回來的時(shí)候一樣艷

這是即將出版的Fireworks CS3經(jīng)典教程的部分章節(jié)，看到有些朋友對蒙版的概述還不是很清楚，所以放上來供大家學(xué)習(xí)借鑒，請多支持，謝謝！

Fireworks CS3中蒙版的應(yīng)用

很多人在學(xué)習(xí)蒙版的時(shí)候會有困惑，不知道蒙版是做什么的，總是覺得蒙版的概念很深?yuàn)W，不好理解。其實(shí)在學(xué)習(xí)蒙版之前，我們需要首先來了解蒙版都能做什么，知道蒙版的作用以后，再來學(xué)習(xí)如何創(chuàng)建蒙版就不會覺得那么難以理解了。

一、蒙版概述

簡單來說，蒙版的作用就是實(shí)現(xiàn)透過某個(gè)外形看另外一個(gè)圖形的效果。如圖5-62所示。

圖5-62 蒙版的效果

除了能夠把圖像顯示在任何一種外形內(nèi)以外，蒙版還能夠制作圖像漸隱效果，如圖5-63所示。

圖5-63 圖像漸隱效果

圖像漸隱效果是指圖像由清楚到透明的一種過度效果，過度的形式有很多，上面這張圖像是圖像由右到左的逐漸變透明，在網(wǎng)頁設(shè)計(jì)中經(jīng)常可以使用圖像漸隱效果，使圖像逐漸過度到網(wǎng)頁的底色上，如圖5-64所示。

圖5-64 圖像漸隱效果在網(wǎng)頁中的應(yīng)用

二、Fireworks CS3的蒙版屬性

在Fireworks CS3中創(chuàng)建蒙版之后，【圖】面板中的圖層會變成兩個(gè)縮略圖，左側(cè)的縮略圖為被蒙對象，右側(cè)的縮略圖為蒙版，如圖5-65所示。

圖5-65 【層】面板中的蒙版縮略圖

選中右側(cè)的蒙版縮略圖之后，在【屬性】面板中會顯示蒙版的屬性，如圖5-66所示。

圖5-66 蒙版屬性

1. 路徑輪廓蒙版

這種類型的蒙版可以透過路徑輪廓清楚的看到被蒙對象，而且跟矢量路徑的顏色沒有任何的關(guān)系，也就是說作為蒙版的路徑不管填充了什么顏色，蒙版效果仍然是非常清楚的。假如選中了“顯示填充和筆觸”那么可以顯示蒙版的邊緣路徑效果，如圖5-67所示。

圖5-67 路徑輪廓蒙版效果

2. 灰度外觀蒙版

這種類型蒙版也是透過路徑看到被蒙對象，但是看到被蒙對象的清楚度就會受到路徑的填充色和描邊色的深淺影響，這種類型蒙版的填充色和描邊顏色都為灰度圖，假如蒙版的顏色為白色，則蒙版下的圖像能夠清楚顯示。假如蒙版的填充顏色為黑色，則蒙版下的圖像則完全透明。假如蒙版的填充顏色為中間的灰色，則蒙版下的圖像將以半透明裝顯示。填充下邊的邊緣屬性中可以設(shè)置邊緣羽化。

圖5-68 灰度外觀蒙版效果

利用灰度外觀蒙版受填充色深淺的影響，我們可以輕松實(shí)現(xiàn)圖像漸隱效果，其原理就是給用來蒙版的矢量路徑填充由黑色到白色的漸變色，這樣蒙版后黑色的一邊將為透明，白色的一邊為清楚的效果，從而實(shí)現(xiàn)圖像漸隱的效果，如圖5-63所示。

三、 在Fireworks CS3中創(chuàng)建蒙版

在Fireworks CS3中創(chuàng)建蒙版的很多，但是最終的目的只不過是生成蒙版，所以基本上記住一兩種生成蒙版的方法，重點(diǎn)把握蒙版的屬性就足夠了，另外再了解蒙版的刪除禁用和啟用就可以了。

粘貼于內(nèi)部

使用粘貼于內(nèi)部命令是Fireworks CS3中最簡單的創(chuàng)建蒙版的方法，需要注重的是，粘貼于內(nèi)部創(chuàng)建的蒙版默認(rèn)是路徑輪廓蒙版，所以和作為蒙版的路徑顏色無關(guān)，下面通過一個(gè)具體的實(shí)例來給大家進(jìn)行介紹，具體的操作步驟如下：

1. 新建一個(gè)Fireworks文件。

2. 在彈出的【新建文檔】對話框中設(shè)置畫布的寬度為“350”像素、高度為“250”像素，背景顏色為白色。如圖5-69所示。

圖5-69 新建文檔對話框

3. 把預(yù)備好的手機(jī)圖像素材復(fù)制到創(chuàng)建的畫布中，并且調(diào)整好大小和位置，如圖5-70所示。

圖5-70 復(fù)制手機(jī)素材到畫布

4. 使用【橢圓】工具，在畫布的右側(cè)繪制一個(gè)正圓，這個(gè)正圓要比畫布大很多，如圖5-71所示。

圖5-71 繪制一個(gè)正圓

5. 打開預(yù)備好的素材圖像，由于預(yù)備的素材圖像尺寸大于我們的目標(biāo)尺寸，所以需要選擇【修改】@@【畫布】中的【圖像大小】命令來縮小圖像素材，以適應(yīng)我們的需求，如圖5-72所示。

圖5-72 縮小圖像素材的尺寸

6. 選中縮小后的圖像素材，選擇【編輯】菜單下的【復(fù)制】命令，然后選中剛剛繪制的正圓，選擇【編輯】菜單下的【粘貼于內(nèi)部】（快捷鍵為：【Ctrl Shift V】）命令，這樣就可以把圖像素材顯示在正圓中了，如圖5-73所示。

圖5-73 把圖像素材粘貼到正圓的內(nèi)部

分享：Fireworks教程：制作逼真梵高之光特效
能閃出一瞬的光輝必然要承受漫長的黑暗。梵高的一生布滿了痛苦和挫折。也許他的漩渦型筆法就是這種生活的寫照。懷著這些心情，創(chuàng)作了《梵高之光》這副作品。

推薦:Fireworks視頻教程