萬盛學電腦網

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

Illustrator 繪製玻璃質感雲朵圖標:偏移路徑、混合物件與混合模式構建通透立體感

玻璃質感的關鍵在於「高光/反射/折射/厚度」的多層疊加模擬。本教學展示如何僅用基礎幾何圖形(橢圓/矩形/鋼筆)、路徑查找器布林運算、偏移路徑、混合物件、漸變填色與混合模式(柔光/正片疊底/顏色減淡),在 Illustrator 中純矢量繪製出擁有真實玻璃體積感的雲朵圖標,全程可編輯、無限縮放。

核心圖層結構(自下而上)

  1. 背景:矩形填白→灰徑向漸變,模擬桌面環境光。
  2. 雲主體:3 個橢圓底部對齊合併(路徑查找器「聯合」)→ 填藍色徑向漸變 → 混合模式「柔光」(Base_Blue)。
  3. 邊緣高光/陰影剝離(關鍵技巧):
    • Base_Blue 複製置後 Ctrl+B,右/上移 1 px → 填紅(Red 層)。
    • Base_Blue 複製置後,左/下移 1 px → 填黃(Yellow 層)。
    • Base_Blue 複製兩次置前 Ctrl+F×2,確保在最上層。
    • 選中 Base_Blue(上) + Yellow → 路徑查找器「減去前面」= Red_Edge(上/右高光邊)。
    • 選中 Base_Blue(上) + Red → 路徑查找器「減去前面」= Yellow_Edge(下/左陰影邊)。
  4. 內部厚度表現:鋼筆工具繪製內部曲面形狀 → 與 Base_Blue 複製層「相交」得 Deep_Blue 層,填白→灰徑向漸變,混合模式「柔光」。
  5. 邊緣細化:Red_Edge 填白;Yellow_Edge 填灰→深灰徑向漸變;Deep_Blue 填白→灰→灰徑向漸變,混合模式「柔光」。
  6. 內部體積過渡(混合物件):複製 Base_Blue 微調節點→縮小→填白(White 層);再複製縮小調整漸變(Highlight 層)。選中 White + Highlight → 「物件」→「混合」→「建立」→ 選項「平滑顏色」步數 30 → 混合模式「正片疊底」+ 勾選「挖空群組」(Knockout Group),形成內部微妙體積過渡。
  7. 鏡面高光點:橢圓填深灰→黑徑向漸變,混合模式「顏色減淡」;同法添加底部次高光。

關鍵步驟圖解

技法總結與複用

  • 偏移路徑 + 布林運算:精準剝離邊緣高光/陰影薄層,是矢量模擬玻璃/液體/金屬厚度的通用公式。
  • 混合物件 + 挖空群組:在保持矢量可編輯前提下,生成平滑的內部體積過渡,比漸變網格更輕量可控。
  • 混合模式組合拳:柔光(通透基底) + 正片疊底(陰影) + 顏色減淡(鏡面高光) + 濾色(發光核心),四大模式覆蓋玻璃光學特徵全光譜。

掌握此邏輯,可快速衍生水滴、氣泡、玻璃按鈕、液態圖標等全系列質感資產。

copyright © 萬盛學電腦網 all rights reserved