逼真氣泡/水珠的關鍵在於透明體積感、環境倒映與高光精準控制。本教學示範如何結合「漸變網格工具」建立複雜體積色彩、「漸變工具」製作銳利高光，純矢量繪製出具有照片級質感的氣泡，並延展為多彩氣泡群組合圖。

一、基礎球體與網格著色

1. 橢圓工具 (L) 按 Shift 繪製正圓 (直徑 200 pt 為例)。
2. 選中圓形，啟用「漸變網格工具」(U)，在球體預想受光區域 (左上) 點擊添加首個網格點。
3. 白箭頭 (A) 逐一選中網格點，按色相環邏輯添加顏色：
   高光核心：白/極淡藍 (不透明度 100%)
   主體色：飽和藍/青 (C100 M0 Y0 K0 等)
   陰影/折射邊緣：深藍/紫 (C100 M80 Y0 K20 等)
   通透邊緣：極低不透明度或無填色
4. 拖動網格點手柄，使色彩過渡順應球面曲率，而非直線分佈。

二、高光系統：多層疊加模擬複雜折射

1. 主高光：橢圓工具繪製細長橢圓，填白→透明線性漸變，角度順應球面切線方向，不透明度 80%，混合模式「正常」。
2. 次級高光/倒映：較小圓形/橢圓，白→透明徑向漸變，置於球體對側或側面，模擬環境倒映，不透明度 40-60%。
3. 鋒利邊緣高光：鋼筆工具勾勒極細弧形路徑，1 px 白色描邊、無填色、高斯模糊 0.5 px，強化玻璃質感邊緣。
4. 所有高光元素群組，置於網格球體圖層上方。

三、多彩氣泡群組合與場景化

1. 複製基礎氣泡，用「重新著色圖稿」快速生成紅/綠/紫/金等色系變體。
2. 調整各氣泡大小、透明度、高光角度，模擬不同深度與光照條件。
3. 群組排列：大氣泡置前/下，小氣泡置後/上；邊緣氣泡適度超出畫布形成沉浸感。
4. 背景添加徑向漸變矩形 (深→淺)，模擬水體深度漸變。

四、專業技巧與避坑指南

問題	原因	解決方案
網格點過多導致操作卡頓	網格點 > 50 個	僅在關鍵色彩轉折區添加點，利用手柄控制過渡
高光呈現「貼紙感」不自然	高光形狀過於規則/不透明度過高	高光形狀順應球面曲率、多層疊加低不透明度、混合模式疊加/濾色
氣泡群顯得平面無深度	尺寸/模糊/不透明度缺乏層次	建立 3 組尺寸梯隊，遞減不透明度、遞增高斯模糊、高光銳度遞減
匯出 SVG 體積過大	漸變網格產生大量路徑數據	關鍵氣泡保留矢量，背景裝飾氣泡光柵化嵌入或改用 CSS/Canvas 程序生成

五、延展應用

• 肥皂泡：網格色彩改為珠光色系 (色相隨角度變化)，高光更銳利、彩虹干涉色條紋 (多層漸變疊加)。
• 水滴/凝露：半球體 + 接觸面陰影 + 底面倒映高光。
• 玻璃球/水晶球：增加內部倒映場景 (置入縮放版背景圖於球體內層，蒙版裁切)。
• 動態氣泡：各圖層命名規範，匯入 AE/Lottie 實現上升、擴大、破裂消失動畫。

漸變網格雖學習曲線較陡，但它是 Illustrator 中唯一能實現「非線性、多向度、可編輯」複雜體積著色的工具。掌握氣泡繪製，即掌握了所有透明/半透明球體物質的矢量表現核心邏輯。