蒙版是 Fireworks 中實現「透過形狀看圖像」與「圖像漸隱過渡」的核心功能。許多初學者對蒙版概念感到困惑，本教學將從原理、屬性面板、兩大模式差異、三種建立方法三個維度，系統講解 Fireworks CS3 蒙版機制。

一、蒙版核心作用

• 形狀裁切： 任意形狀（文字、路徑、位圖選區）作為「窗口」，顯示底層圖像對應區域。
• 漸隱過渡： 利用灰度漸變蒙版，實現圖像由實入虛、融入背景的柔和過渡，廣泛用於網頁 Banner、Hero Image 底部融合。

二、圖層面板與屬性面板解讀

建立蒙版後，圖層面板顯示雙縮略圖：左側為「被蒙對象」，右側為「蒙版對象」。選中右側蒙版縮略圖，屬性面板顯示兩大核心模式：

1. 路徑輪廓蒙版

• **原理：** 僅以向量路徑的「幾何輪廓」為邊界，內部完全不透明，外部完全透明。
• **特點：** 完全無視路徑的填充顏色、描邊顏色、透明度。即使路徑填黑色，遮罩效果依然清晰銳利。
• **適用：** 銳利邊緣裁切、文字遮罩、矢量形狀切圖。
• **選項：** 勾選「顯示填充和筆觸」可視化蒙版路徑本身。

2. 灰度外觀蒙版

• **原理：** 以路徑的「視覺像素亮度」決定透明度：白=不透明、黑=全透、灰=半透明。
• **特點：** 受填充顏色、描邊、漸變、透明度、濾鏡影響。支援羽化邊緣軟化。
• **適用：** 圖像漸隱、柔邊遮罩、複雜透明度過渡效果。
• **核心應用：** 繪製矩形，填充「黑→白線性漸變」即為標準漸隱蒙版。

三、三種建立蒙版的方法

方法 1：貼上於內部——最快建立路徑輪廓蒙版

1. 繪製蒙版形狀（如正圓）。
2. 複製目標圖像素材。
3. 選中蒙版形狀，執行 編輯 > 貼上於內部 (Ctrl+Shift+V)。
4. 默認生成「路徑輪廓蒙版」。
5. 進階技巧： 點擊圖層面板蒙版組的「鏈接圖示」可解除關聯，單獨移動內部圖像位置而不動蒙版形狀，調整完畢再點擊恢復鏈接。

方法 2：組合為蒙版——直接生成灰度外觀蒙版

1. 準備底圖與蒙版形狀（如填充黑白線性漸變的矩形）。
2. 同時選中兩者，執行 修改 > 蒙版 > 組合為蒙版。
3. 默認生成「灰度外觀蒙版」，立即呈現漸隱效果。

方法 3：貼上為蒙版（通用）

剪切蒙版對象（Ctrl+X），選中目標對象/群組，執行 編輯 > 貼上為蒙版。此法可將任意對象（位圖、向量、群組）轉為蒙版，靈活性最高。

蒙版管理小技巧

• 禁用/啟用： 右鍵蒙版縮略圖選單操作，不刪除即可暫時關閉效果。
• 刪除蒙版： 右鍵選單或拖動蒙版縮略圖至圖層面板垃圾桶。
• 編輯蒙版內容： 直接選中蒙版縮略圖，在畫布上繪圖、修改路徑、調整漸變，所見即所得。

掌握「兩大模式差異」與「三種建立法」，即可駕馭 Fireworks 90% 以上的遮罩需求。建議新手重點練習「灰度外觀 + 漸變填充」製作漸隱效果，這是網頁設計最高頻應用場景。