水滴造型是 Logo 設計中最高頻的基礎元素之一，象徵著水、純淨、生命、環保、科技流動等豐富意涵。本教程將揭示如何在 Illustrator 中以「最少錨點、最邏輯步驟、最高精度」構建標準水滴基礎型，並延展出高光/倒影/折射細節，奠定專業 Logo 設計的幾何基因。

水滴造型延展應用：基礎水滴 → 俱樂部標誌 / MYND 標誌 / 乳業標誌

製作過程動畫演示

核心幾何邏輯：水滴 = 3/4 圓 + 1/4 圓 + 切線連接

標準水滴幾何本質：半徑 R 的圓，切去右上 1/4 圓弧，剩餘 3/4 圓弧與 1/4 圓弧在切點處 G2 連續（曲率連續）銜接。此結構保證水滴曲線數學級平滑，符合工業設計 Class-A 面標準。

精準構建 12 步驟

基礎幾何構建（步驟 1-6）

1. 基準正圓：橢圓工具 (L) + Shift 拖曳 → 完美正圓，直徑 100pt（便於計算），填充無、描邊 1pt 顯色
2. 剪刀工具 (C) 切分：點擊圓頂錨點 (0°) → 點擊右側錨點 (90°) → 圓環被切為 3/4 圓弧 (大) + 1/4 圓弧 (小)
3. 分離路徑段：選擇工具 (V) 拖動分離兩段路徑，確認為兩條開放路徑
4. 複製備份：選中兩段 → Alt+拖拽 複製一組 → 現擁有兩組 3/4+1/4 圓弧
5. 旋轉組合：旋轉工具 (R) 旋轉複製組，使兩組 1/4 圓弧端點對齊，形成水滴輪廓雛形
6. 素描模式精準對齊 (Ctrl+Y)：切換至輪廓視圖，放大 6400% 逐對對齊 4 對端點：
   • 對齊策略：以最左下端點為基準錨點，其餘 3 對逐一吸附
   • 直接選擇工具 (A) 框選端點 → 對齊面板 > 水平/垂直分佈對齊

路徑合併與閉合（步驟 7-8）

7. 連接端點 (Ctrl+J)：白箭頭工具 (A) 框選重合的兩個端點 → Ctrl+J 連接 → 重複 4 次，完成閉合路徑
8. 返回預覽模式 (Ctrl+Y)：確認水滴輪廓平滑無尖角，路徑面板顯示單一複合路徑

高光區域構建：路徑查找器布爾運算（步驟 9-12）

9. 同心圓構建：複製原始正圓 → 右鍵 > 變換 > 縮放 75% → 複製 → 獲得同心雙圓
10. 路徑查找器 > 重疊區域 (Intersect)：選中雙圓 → Pathfinder > Intersect → 展開 → 獲得圓環
11. 提取 1/4 圓環：矩形工具繪製矩形覆蓋圓環 3/4 區域 → 選中圓環+矩形 → Pathfinder > Exclude (排除) → 展開 → 僅剩 1/4 圓環
12. 高光漸變填充：漸變工具 (G) 在 1/4 圓環上拖曳 45° 線性漸變：白 (100%) → 透明白 (0%)，調整漸變滑塊位置模擬菲涅爾反射

延展設計：從基礎型到 Logo 系統

變體生成矩陣

變體類型	操作方法	應用場景
扁平化水滴	直接選擇工具壓扁頂部/底部錨點，調整寬高比 1:1.2 → 1:1.6	APP 圖標/扁平化 UI
動態水滴：	封套扭曲 > 旗幟/波浪變形 + 寬度工具調整線條粗細	動態 Logo/Loading 動畫
多重水滴群	符號噴槍噴射水滴符號 + 透明度蒙版景深	水資源/環保主題 KV
水滴字體	文字建立輪廓 → 路徑查找器合併水滴形狀 → 統一高光邏輯	品牌標準字設計
負空間水滴	實心形狀減去水滴形狀 (Pathfinder > Minus Front)	極簡 Logo/負空間視覺遊戲

專業 Logo 交付規範

• 標準構圖網格：建立 100×100pt 參考網格，水滴關鍵點對齊網格交點
• 安全區/最小尺寸：最小使用寬度 12mm (印刷) / 32px (螢幕)
• 色彩模式：提供 CMYK (印刷)、RGB (螢幕)、Pantone (專色)、單色 (反白/單黑) 四套
• 檔案交付包：AI (源檔) + SVG (矢量) + PNG 透明背景系列 + PDF (印刷) + 規範手冊 PDF

進階挑戰：G2 連續性驗證

專業級水滴曲線需滿足 G2 連續性 (曲率連續)：

1. 安裝「Curve Inspector」外掛或使用「Document Info > Objects」面板
2. 檢查連接點處曲率梳：應平滑過渡，無突變
3. 若發現曲率突變，微調相鄰錨點手柄長度/角度，直到曲率梳平滑

水滴造型看似簡單，實則蘊含「幾何邏輯、精度控制、光影物理、延展系統」四大專業設計維度。掌握這套「從橢圓到標準水滴」的標準化構建流程，你就擁有了設計無限水滴系 Logo 的基因密鑰。