萬盛學電腦網

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

Illustrator 繪製笑容滿面小章魚:新手入門的綜合技法實戰

這隻「笑容滿面的小章魚」看似簡單,實則涵蓋了 Illustrator 入門必修的 8 大核心技法:基本形狀構建、直接選取錨點編輯、路徑查找器布林運算、智能參考線對齊、封套扭曲/變形、外觀面板多重效果、不透明蒙版、剪切蒙版。跟著教學做一遍,等於完成一次「向量插畫核心功力」的全項體檢。

成品預覽

圖層架構規劃

Octopus
├── Background (底層)
│   ├── BG_Rect (徑向漸層)
│   ├── Radial_Burst (自由扭曲+旋轉複製+不透明蒙版)
│   └── Stars (收縮膨脹製星星)
├── Body (中層)
│   ├── Head (橢圓編輯+斑點)
│   ├── Mouth_Group (半圓+牙齒+舌頭)
│   ├── Eyes_Group (雙眼)
│   └── Tentacles_Group (8 條觸手)
└── Sketch_Ref (頂層參考草圖,最後關閉)

核心模組製作拆解

頭部與斑點

  • 橢圓工具拉圓 → 直接選取底部錨點下拖 → 梨形頭部。
  • 原位複製 (Ctrl+F) 置頂 → 上移、填淺色 → 形成高光帶。
  • 5-6 顆橢圓斑點 → 同組、縮放變化 → 群組置於頭部內(可剪切蒙版限制範圍)。

嘴巴系統:路徑查找器教科書案例

  1. 橢圓畫圓 + 矩形蓋半 → 「減前」得半圓 (嘴巴外輪廓)。
  2. 兩圓橫向複製 → 與半圓「相交」得牙齒 (上排)。
  3. 單圓置中 → 與半圓「相交」得舌頭 (下半圓)。
  4. 舌頭填粉紅徑向漸層、牙齒白、嘴巴內部深色。
  5. 全群組水平置中對齊頭部。

眼睛:簡潔幾何

  • 白圓 + 黑圓 (瞳孔) + 高光小白圓 → 群組。
  • Alt+Shift 拖動複製 → 智能參考線確保水平對齊、間距相等。

觸手:描邊輪廓化 + 相交切割

  1. 鋼筆工具畫 S 型曲線 → 描邊 15 pt、圓頭圓角。
  2. 物件 → 路徑 → 輪廓化描邊 → 變為可填色閉合路徑。
  3. 填淺綠 → 原位複製 → Alt+Shift 下拖複製 → 填深綠 → 兩者「相交」得陰影帶。
  4. 重複製造 8 條,角度均勻分佈 (旋轉工具 Alt 點中心 45° 複製)。

背景系統:三大視覺層疊加

1. 徑向漸層底色

  • 矩形填徑向漸層 (中心暖黃 → 邊緣冷藍) → 奠定色調基調。

2. 放射光束:自由扭曲 + 旋轉複製 + 不透明蒙版

  1. 矩形 → 效果 → 扭曲與變換 → 自由扭曲:拖動四角形成放射狀梯形。
  2. 物件 → 擴展外觀 → 旋轉工具 Alt 點中心 → 20° 複製 → Ctrl+D 重複 17 次 → 群組、不透明度 50%。
  3. 橢圓填黑白徑向漸層 (中心白、邊緣黑) → 置於放射光上層 → 選中兩者 → 透明度面板 → 建立不透明蒙版 → 中心透明、邊緣淡出,極具聚光燈質感。

3. 裝飾星星:收縮膨脹一鍵成型

  • 橢圓畫圓 → 效果 → 扭曲與變換 → 收縮與膨脹:-70% → 尖角星星即成。
  • 複製散佈背景,大小隨機,豐富細節密度。

技法總結表:新手必練 8 大核心技能

技能本教學應用點通用場景
基本形狀編輯頭部錨點拖動、圓角矩形所有幾何構建
路徑查找器嘴巴減前/相交、牙齒/舌頭相交圖標、字體設計、插畫細節
智能參考線眼睛複製對齊、觸手旋轉中心所有精準對齊操作
描邊輪廓化觸手描邊→填充路徑線條變形狀、字體描邊處理
外觀面板效果自由扭曲、收縮膨脹非破壞性幾何變形
旋轉複製觸手 45°、放射光 20°放射對稱、圖案陣列
不透明蒙版放射光漸隱漸變遮罩、圖片融合、UI 遮罩
剪切蒙版斑點限制在頭部內圖片裁切、紋理限域

完成這隻小章魚,你不僅得到一枚可愛插畫,更將這 8 大核心技能「肌肉記憶化」。建議:刪除成品,憑記憶重畫 3 遍,每遍嘗試不同造型 (章魚/烏賊/水母)、不同配色、不同背景風格——這才是從「跟著教學做」到「獨立創作」的必經之路。

copyright © 萬盛學電腦網 all rights reserved