以「鉛筆工具」自由繪製有機輪廓、「漸變填充」刻畫魚體色彩豐富層次、「畫筆工具」描繪鰭條紋理、「漸變網格」進階表現體表光影，完整示範一條熱帶魚的矢量繪製全過程，是掌握 Illustrator 色彩與形態表現力的最佳入門專案。

最終效果預覽

製作流程詳解

1. 魚體主輪廓：鉛筆工具 (N) 畫大致魚形 → 直接選取 (A) 拖動調節柄精修曲線流暢度 → 選取漸變填充 (工具箱漸變圖示) → 打開漸變面板選項 → 添加多色標: 橙/黃/紅/白/粉 等 → 色標位置精細調整模擬魚體色塊分佈 → 描邊設無。
2. 鰭與尾鰭：同法鉛筆繪形 → 不同漸變色系 (如藍綠系/紅橙系) 區分部位 → 增加視覺豐富度。
3. 鰭條紋理：鉛筆工具在鰭上畫線條 (僅填色、無描邊) → 形成骨架狀紋理。
4. 畫筆工具裝飾線條：畫筆工具 (B) 在鰭/尾繪曲線裝飾 → 僅描邊、無填色 → 筆觸隨意豐富細節。
5. 側線與斑點：鉛筆畫側線曲線 → 漸變填色 (淡→深→淡) → 畫筆/鉛筆點繪彩色斑點 (圓形/不規則形) → 群組。
6. 眼睛結構：白大圓 + 黑小圓同心疊加 → 高光白小圓點綴 → 群組定位。
7. 進階：漸變網格版魚體：鋼筆勾閉合輪廓 → 填基色 → 網格工具 (U) 點擊添加網格點 → 直接選取逐點調色 (高光白/陰影深色/反射環境色) → 節點工具平滑網格線 → 獲得攝影級光影質感。

三種著色技法對比與選擇指南

技法	適用場景	優點	缺點
線性/徑向漸變	簡單幾何體、平面風格、UI 圖示	輕量、參數少、易動畫化 (SVG/CSS)	無法表現複雜有機光影
自由形式漸變	中等複雜度有機形態、需快速迭代	畫布直拖直觀、控制點可自由移動	複雜形狀控制點易混亂
漸變網格	高寫實、複雜光影、關鍵視覺主體	像素級色彩控制、光影邏輯最精確	點多難管理、檔案大、不可套用扭曲效果

專業建議

• 同一專案中：主視覺主體用網格、次要元素用自由形式、背景裝飾用基礎漸變，形成「質感分級」體系。
• 建立「魚類構件庫」: 身體/鰭/尾/眼/斑點/紋理 符號化 → 組合生成百種熱帶魚變體。
• 導出 SVG 保留漸變定義 → 前端可動態改色 (如主題色切換)。

熱帶魚是色彩與形態的天然實驗場。在 Illustrator 中反覆練習「觀察真魚 → 解構色塊/光影 → 選擇適當工具重構」，你的色彩敏感度與矢量造型力將同步躍升。