萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> Adobe Illustrator 教學

AI 繪製逼真海星:漸層網格貼合有機曲面 + 光源驅動著色 + 透明度蒙版軟化尖角

海星的五輻射對稱、粗糙表皮、柔軟體積感,是漸層網格「貼合有機曲面」能力的絕佳測試。本教程展示星形工具起形 → 錨點微調自然化 → 圓角效果 → 擴展外觀 → 橙黃徑向漸層基礎色 → 多塊漸層網格貼合體表 → 光源導向逐點著色 (高光亮黃/中間調橙/陰影紅棕) → CS5+ 角點不透明度 / 舊版不透明度蒙版 軟化中心尖銳交接的完整寫實流程。

成品展示

核心流程

1. 基礎幾何起形

星形工具:半徑 1: 100px、半徑 2: 40px、角數 5 → 直接選擇工具 (A) 微移錨點打破完美對稱 → Shift+C (轉換錨點工具) 拖動手柄將尖角轉平滑 → 效果 › 風格化 › 圓角 (10 px) → 物件 › 擴展外觀 → 再次微調手柄完美貼合有機曲線。

2. 基礎體色:徑向漸層定光源

橙 → 黃徑向漸層,中心 (光源點) 置於中心偏右上 → 自然形成高光區與陰影區。

3. 多塊漸層網格貼合體表 (核心難點)

  1. 矩形工具畫矩形 → 物件 › 建立漸層網格 (行/列數視細節) → 不透明度 50% (便於對齊底圖)。
  2. 旋轉/移動網格貼合單隻海星臂 (A 點對齊) → 直接選擇工具逐點拖動角點/中間點貼合邊緣 → 轉換錨點工具將邊緣平滑點轉角點以利控制。
  3. 套索工具 (Q) 選取整側錨點整體平移貼合另一側邊緣。
  4. 重複上述為 5 臂各建 1-2 塊網格 → 連接相鄰網格點 → 所有網格不透明度還原 100%。

4. 光源驅動著色 (網格工具加線 + 逐點配色)

  • 網格工具 (U) 按需添加網格線 (Alt+點擊刪除多餘線)。
  • 三色系著色:高光亮黃 → 中間調橙 → 陰影紅棕,嚴格遵循光源方向 (右上)。

5. 中心五臂交接處軟化 (版本差異處理)

  • CS5+:套索選中中心網格點 → 控制面板直接設角點不透明度 0% → 瞬間柔化。
  • CS4 及舊版:複製所有網格置頂 → 填白 → 圖層面板鎖定底層 → 同樣選中心點 → 填黑 → 建立不透明度蒙版 → 達到同樣柔化效果。

關鍵技巧總結

  • 網格貼合策略:大塊網格先貼大形 → 邊緣微調 → 連接鄰塊網格點 → 整體著色。避免一開始就畫超密網格導致控制點爆炸。
  • 光源一致性:全圖唯一光源 (右上) → 所有網格點著色必須服從此光源邏輯。
  • 版本兼容方案:新版用角點不透明度,舊版用蒙版,同樣解決「硬邊交接」問題。

延伸應用

  • 同法繪製海膽、珊瑚、多肉植物等輻射對稱有機體。
  • 結合「符號噴槍」快速生成海星群落場景。
  • 匯出帶透明通道 PNG 供 After Effects 粒子系統做海星飄落動畫。

小結

海星教程將「漸層網格貼合曲面」這一高難度技巧,拆解為「粗貼 → 微調 → 連接 → 著色 → 軟化」五個可執行步驟。掌握此流程,即掌握了向量寫實中最核心、最難、也最通用的「有機曲面建模」能力。

copyright © 萬盛學電腦網 all rights reserved