倒影反光效果是 Web 2.0 風格、產品展示、UI 設計中的高頻視覺語言。Illustrator 的「不透明蒙版」功能能以非破壞、可無限編輯的方式實現這一效果，且比光柵軟體更靈活。本教程詳細講解從物件複製翻轉、漸變蒙版建立、到蒙版編輯微調的完整流程。

效果展示

核心原理：不透明蒙版的黑白邏輯

• 白色 = 顯示（不透明）
• 黑色 = 隱藏（透明）
• 灰階 = 半透明過渡

利用黑白線性漸變從白到黑，即可實現「實體漸變為虛無」的倒影過渡。

標準製作流程

步驟 1：複製翻轉原物件

1. 全選目標物件（如 Web 2.0 標籤），`Ctrl+C` 複製，`Ctrl+F` 原位貼上。
2. 選中副本，`Ctrl+G` 群組。
3. 透明度面板選單 > 「垂直翻轉」（CS5 以上版本），或用鏡像工具 (O) 按住 `Alt` 點擊水平中心線水平鏡像。

步驟 2：建立漸變蒙版物件

1. 矩形工具 (M) 繪製覆蓋翻轉物件的矩形。
2. 漸變面板（`Ctrl+F9`）套用線性漸變：白 → 黑，角度 -90°（從上到下）。
3. 去除描邊。漸變工具 (G) 從矩形頂部向下拖拽至 1/2 處，控制過渡範圍。

步驟 3：建立不透明蒙版

1. 選取「翻轉物件群組」與「漸變矩形」（順序無關）。
2. 透明度面板右上角選單 > 「建立不透明蒙版」。
3. 在透明度面板將主物件不透明度設為 60% 左右，調整倒影虛實度。

蒙版編輯與微調（非破壞工作流優勢）

1. 顯示蒙版縮圖進行編輯

透明度面板選單 > 「顯示縮圖」。面板將顯示兩個縮圖：

• 左/上：物件縮圖（邊框高亮表示正在編輯物件）
• 右/下：蒙版縮圖（邊框高亮表示正在編輯蒙版）

2. 蒙版編輯模式下的操作

• 點擊蒙版縮圖進入編輯模式，圖層面板顯示為「不透明蒙版」狀態。
• 可直接選取漸變矩形，用漸變工具 (G) 重新拖拽調整漸變範圍、角度、顏色中點。
• 可添加/刪除漸變色標，創建多段過渡（如中間加灰階讓倒影中段更清晰）。
• 可用形狀工具繪製非矩形蒙版（如圓形倒影、不規則倒影）。

3. 蒙版選項面板功能

點擊蒙版縮圖右側小圖示開啟選項：

• 剪切：預設開啟，蒙版超出物件範圍部分自動裁切。關閉可讓蒙版超出物件邊界。
• 反相：勾選後黑白互換，原本顯示變隱藏，適合「挖空」效果。
• 鏈接圖示：預設鎖定，物件與蒙版同步移動。取消鏈接可獨立移動蒙版或物件。

4. 釋放不透明蒙版

透明度面板選單 > 「釋放不透明蒙版」，物件與蒙版恢復為獨立物件。

創意延伸案例

• 水面倒影：蒙版加入雜訊/紋理效果 > 模糊 > 動態模糊，模擬水波擾動。
• 立體字倒影：文字物件同樣流程，配合 3D 凸出字體效果更強。
• 透視倒影：翻轉後套用「效果 > 3D > 旋轉」調整倒影透視角度。
• 變形工具配合：對蒙版物件使用變形工具（Shift+R）推拉扭曲，創造流體倒影。

效能與輸出建議

• 複雜物件建立蒙版前建議簡化路徑點數（`物件 > 路徑 > 簡化`）。
• 導出 Web 格式時，蒙版會自動轉為 PNG Alpha 通道，保持矢量優勢。
• 印刷輸出需注意：不透明蒙版在 PDF/X-1a 中會被格柵化，建議預檢分色預覽。

掌握「複製翻轉 → 漸變蒙版 → 不透明蒙版 → 非破壞編輯」這套標準化流程，你就能在幾秒鐘內為任何矢量物件添加專業級倒影反光效果，並保留隨時修改的彈性，是 UI/平面/包裝設計師的必備高效技能。