Fireworks CS3蒙版基礎(chǔ)教程
Fireworks CS3中蒙版的應(yīng)用
很多人在學(xué)習(xí)蒙版的時候會有困惑，不知道蒙版是做什么的，總是覺得蒙版的概念很深奧，不好理解。其實在學(xué)習(xí)蒙版之前，我們需要首先來了解蒙版都能做什么，知道蒙版的作用以后，再來學(xué)習(xí)如何創(chuàng)建蒙版不會覺得那么難以理解了。
一、蒙版概述
簡單來說，蒙版的作用是實現(xiàn)透過某個形狀看另外一個圖形的效果。如圖1所示。
圖1 蒙版的效果
除了能夠把圖像顯示在任何一種形狀內(nèi)以外，蒙版還能夠制作圖像漸隱效果，如圖2所示。
圖2 圖像漸隱效果
圖像漸隱效果是指圖像由清晰到透明的一種過度效果，過度的形式有很多，上面這張圖像是圖像由右到左的逐漸變透明，在網(wǎng)頁設(shè)計中經(jīng)�？梢允褂脠D像漸隱效果，使圖像逐漸過度到網(wǎng)頁的底色上，如圖3所示。
圖3 圖像漸隱效果在網(wǎng)頁中的應(yīng)用
二、Fireworks CS3的蒙版屬性
在Fireworks CS3中創(chuàng)建蒙版之后，【圖】面板中的圖層會變成兩個縮略圖，左側(cè)的縮略圖為被蒙對象，右側(cè)的縮略圖為蒙版，如圖4所示。
圖4 【層】面板中的蒙版縮略圖
選中右側(cè)的蒙版縮略圖之后，在【屬性】面板中會顯示蒙版的屬性，如圖5所示。
圖5 蒙版屬性
1. 路徑輪廓蒙版
這種類型的蒙版可以透過路徑輪廓清楚的看到被蒙對象，而且跟矢量路徑的顏色沒有任何的關(guān)系，也是說作為蒙版的路徑不管填充了什么顏色，蒙版效果仍舊是非常清晰的。如果選中了“顯示填充和筆觸”那么可以顯示蒙版的邊緣路徑效果，如圖5-67所示。
圖6 路徑輪廓蒙版效果
2. 灰度外觀蒙版
這種類型蒙版也是透過路徑看到被蒙對象，但是看到被蒙對象的清晰度會受到路徑的填充色和描邊色的深淺影響，這種類型蒙版的填充色和描邊顏色都為灰度圖，如果蒙版的顏色為白色，則蒙版下的圖像能夠清晰顯示。如果蒙版的填充顏色為黑色，則蒙版下的圖像則完全透明。如果蒙版的填充顏色為中間的灰色，則蒙版下的圖像將以半透明裝顯示。填充下邊的邊緣屬性中可以設(shè)置邊緣羽化。
圖7 灰度外觀蒙版效果
利用灰度外觀蒙版受填充色深淺的影響，我們可以輕松實現(xiàn)圖像漸隱效果，其原理是給用來蒙版的矢量路徑填充由黑色到白色的漸變色，這樣蒙版后黑色的一邊將為透明，白色的一邊為清晰的效果，從而實現(xiàn)圖像漸隱的效果，如圖2所示。
三、 在Fireworks CS3中創(chuàng)建蒙版
在Fireworks CS3中創(chuàng)建蒙版的很多，但是最終的目的只不過是生成蒙版，所以基本上記住一兩種生成蒙版的方法，重點掌握蒙版的屬性足夠了，另外再了解蒙版的刪除禁用和啟用可以了。
粘貼于內(nèi)部
使用粘貼于內(nèi)部命令是Fireworks CS3中最簡單的創(chuàng)建蒙版的方法，需要注意的是，粘貼于內(nèi)部創(chuàng)建的蒙版默認(rèn)是路徑輪廓蒙版，所以和作為蒙版的路徑顏色無關(guān)，下面通過一個具體的實例來給大家進(jìn)行介紹，具體的操作步驟如下：
1. 新建一個Fireworks文件。
2. 在彈出的【新建文檔】對話框中設(shè)置畫布的寬度為“350”像素、高度為“250”像素，背景顏色為白色。如圖8所示。
圖8 新建文檔對話框
3. 把準(zhǔn)備好的手機圖像素材復(fù)制到創(chuàng)建的畫布中，并且調(diào)整好大小和位置，如圖9所示。
圖9 復(fù)制手機素材到畫布
4. 使用【橢圓】工具，在畫布的右側(cè)繪制一個正圓，這個正圓要比畫布大很多，如圖10所示。
圖10 繪制一個正圓
5. 打開準(zhǔn)備好的素材圖像，由于準(zhǔn)備的素材圖像尺寸大于我們的目標(biāo)尺寸，所以需要選擇【修改】@@【畫布】中的【圖像大小】命令來縮小圖像素材，以適應(yīng)我們的需求，如圖11所示。
圖11 縮小圖像素材的尺寸
6. 選中縮小后的圖像素材，選擇【編輯】菜單下的【復(fù)制】命令，然后選中剛剛繪制的正圓，選擇【編輯】菜單下的【粘貼于內(nèi)部】（快捷鍵為：【Ctrl+Shift+V】）命令，這樣可以把圖像素材顯示在正圓中了，如圖12所示。
圖12 把圖像素材粘貼到正圓的內(nèi)部
7. 這時圖像素材雖然顯示到了正圓的內(nèi)部，但是并不是我們所需要的位置，如果直接使用【指針】工具拖拽的話，是正圓和內(nèi)部的圖像一起移動，如果我們只需要調(diào)整正圓內(nèi)部圖像素材的位置，而不希望改變正圓的位置，可以點擊【層】面板中的關(guān)聯(lián)圖標(biāo)，取消圖像和蒙版之間的關(guān)聯(lián)，這樣可以任意調(diào)整圖像素材的位置，而不改變正圓的位置了，如圖13所示。
圖13 調(diào)整蒙版中圖像的位置
8. 位置調(diào)整完畢后，可以把蒙版中圖像和正圓的關(guān)聯(lián)繼續(xù)關(guān)聯(lián)起來，整個圖像效果制作完畢了，最終效果如圖14所示。
圖14 最終完成的效果
通過掌握【粘貼于內(nèi)部】命令，我們可以把任何一張圖像素材顯示到任意一個形狀中去。
組合為蒙版
使用組合為蒙版，同樣可以創(chuàng)建蒙版效果，需要注意的是，組合圍蒙版默認(rèn)創(chuàng)建的是灰度外觀的蒙版。下面通過一個簡單的實例來給大家進(jìn)行說明，具體操作步驟如下：
1. 新建一個Fireworks文件。
2. 打開準(zhǔn)備好的圖像素材，如圖15所示。
圖15 打開準(zhǔn)備好的圖像素材
3. 復(fù)制另外一張魚類圖像素材到畫布中來，并且調(diào)整好大小尺寸，如圖16所示。
圖16 復(fù)制另外一張圖像素材到畫布
4. 使用【矩形】工具，在繪制一個和畫布一樣尺寸的矩形，并且填充線性漸變色。設(shè)置漸變色的方向為垂直方向，最上方填充白色，最下方填充黑色，如圖17所示。
圖17 繪制矩形，填充線性漸變色
5. 同時選中魚類的圖像素材和這個矩形，選擇【修改】@@【蒙版】@@【組合為蒙版】命令，得到的效果如圖18所示。
圖18 使用【組合為蒙版】命令后得到的效果
6. 在【層】面板中選擇右側(cè)的矩形蒙版，調(diào)整漸變色的范圍，適當(dāng)增加黑色部分所占的面積，這樣可以讓蒙版下方的透明部分增加，最終得到的效果如圖19所示。
圖19 調(diào)整漸變范圍后得到的最終效果
在【層】面板中創(chuàng)建蒙版
使用【層】面板，同樣可以創(chuàng)建蒙版，這種創(chuàng)建的方式和PhotoShop中創(chuàng)建蒙版的方式一樣，具體操作步驟如下：
1. 打開一張圖像素材，如圖所示。
圖 打開圖像素材
2. 點擊【層】面板下方的【添加蒙版】按鈕，F(xiàn)ireworks CS3會自動給這張圖像添加一個白色位圖蒙版，如圖21所示。
圖21 添加位圖蒙版
3. 使用【刷子】工具，設(shè)置路徑顏色為黑色，在圖像素材中的窗戶部分涂抹，這樣所有涂抹的地方都會變透明，如圖22所示。
圖22 涂抹以后的效果
4. 這時可以導(dǎo)入另外一張素材圖像，放置到當(dāng)前圖像的下方，最終完成效果如圖23所示。
圖23 最終完成的效果
四、禁用蒙版
如果覺得前面制作的蒙版效果不盡如人意，能不能不要這個蒙版了呢？當(dāng)然是可以的，F(xiàn)ireworks CS3也提供了很多種取消蒙版效果的方法，下面來給大家介紹一下常用的一些命令。
1. 取消組合
【取消組合】是我們?nèi)∠砂嫘Ч畛Ｓ玫囊粋�命令，選擇【修改】@@【取消組合】（快捷鍵為：【Ctrl+Shift+G】）命令，可以把蒙版還原到圖像和蒙版圖形分層的效果，相當(dāng)于恢復(fù)到了組合為蒙板之前的狀態(tài)，即兩個對象都是獨立存在的。
【提示】在圖層面板中，選中蒙板圖標(biāo)并像移動圖層那樣按住蒙板圖標(biāo)將其移動到其他位置，這樣也可以刪除蒙板，并且保留下了蒙板對象。
2. 禁用蒙版和啟用蒙版
選擇【修改】@@【蒙板】@@【禁用蒙板】命令選即可臨時去掉蒙板效果。選擇選擇【修改】@@【蒙板】@@【蒙板】命令可以再次啟用已經(jīng)禁用的蒙板。選擇【修改】@@【蒙板】@@【刪除蒙板】命令可以的刪除蒙板。
上一篇：
Fireworks CS3切片工具的使用