倒影效果能賦予平面設計空間纵深與材質真實感。本文介紹 Illustrator 中三種製作倒影的方法：基礎鏡像複製、漸變遮罩柔邊、透視變形濕地倒影，並解析光影物理邏輯與非破壞性編輯技巧。

方法一：基礎鏡像複製 (適用於鏡面/水面完美倒影)

1. 選中目標物件/群組，物件 > 變換 > 鏡像，軸選「垂直」，點「複製」。
2. 將複製件向下移動，與原物件底部對齊或留微小間隙 (模擬接觸面)。
3. 添加漸變遮罩：選中倒影群組，物件 > 裁切蒙版 > 建立 (或透明度面板「建立不透明度蒙版」)，蒙版填「白 → 黑」線性漸變 (角度 -90°)，倒影由實變虛自然淡出。
4. 降低倒影群組整體不透明度至 30%–50%，混合模式「正常」或「柔光」。

方法二：外觀面板非破壞倒影 (適用於 UI 元件/圖標批量風格)

1. 選中物件，外觀面板「新增填色」拖至最底層。
2. 新填色：效果 > 扭曲與變換 > 變換：垂直移動 100% (物件高度)、縮放垂直 -100% (垂直翻轉)、複製數 1。即在原物件下方生成鏡像複製。
3. 同一填色添加 效果 > 路徑 > 偏移路徑 -2px (內縮修飾)、效果 > 風格化 > 羽化 3px (柔化邊緣)。
4. 填色設為「黑 → 透明」線性漸變 (角度 -90°)，混合模式「正片疊底」，不透明度 40%。
5. 將完整外觀屬性存為「圖形樣式」`Effect/Reflection/Standard`，任意物件一鍵套用。

方法三：透視變形濕地/水面倒影 (物理正確、藝術表現力強)

1. 複製物件群組，垂直翻轉置於下方。
2. 效果 > 扭曲與變換 > 自由變換 (或 效果 > 3D > 旋轉 透視模式)，拖動底部控制點：向外擴張 (模擬近大遠小透視)、水平剪切 (模擬視點偏移)、非均勻縮放 (模擬水面波紋拉伸)。
3. 添加「位移圖」效果 (需位圖位移圖素材) 或 效果 > 扭曲與變換 > 鋸齒 (大小 2px、脊數 5、平滑) 模擬水波紋擾動。
4. 漸變遮罩淡出 + 高斯模糊 2–5px + 不透明度 20%–40% + 混合模式「柔光/正片疊底」。
5. 添加「倒影接觸高光」：筆刷工具畫細白線沿倒影頂緣，模擬水面張力捕光。

物理光影邏輯檢查表

• ☐ 倒影垂直翻轉 (非水平翻轉)
• ☐ 倒影位置：物件底部與倒影頂部接觸或極小間隙
• ☐ 倒影顏色：受水體顏色影響 (如綠水綠調、藍水藍調)，非單純降低不透明度
• ☐ 倒影銳度：較原物件模糊 (水面非完美鏡面)，高斯模糊 1–5px
• ☐ 倒影透視：近處寬/大、遠處窄/小 (垂直方向非均勻縮放)
• ☐ 接觸高光：物件與倒影交界處常有高亮細線 (菲涅爾反射)
• ☐ 遮擋關係：前景物件遮擋倒影，倒影不遮擋前景物件

動畫/互動延伸

• Lottie/Bodymovin：將倒影群組命名 `Reflection`，動畫中同步控制 `opacity`、`transform.scaleY`、`transform.y` 實現水面波動、物件升降倒影跟隨。
• CSS/SVG：導出 SVG，用 `` 實現漸變遮罩，CSS `filter: blur() opacity() transform: scaleY(-1)` 實現動態倒影。

倒影不是「翻個底加透明度」那麼簡單。理解菲涅爾效應、透視幾何、介質色彩吸收、表面波動對光線擾動的物理機制，並將其轉化為 Illustrator 可控的參數化操作 (外觀面板效果堆疊、動作腳本、圖形樣式)，才能高效產出既物理合理又藝術動人的倒影視覺。