萬盛學電腦網

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

Illustrator 教學:繪製精美新貨吊牌(葉子、水滴、折扣牌全解析)

成品展示

一款清新自然的服飾吊牌:主視覺為漸層葉脈葉片、晶瑩水滴、立體折扣圓牌,配以繩繫與字體排版,適合品牌包裝、電商素材實戰演練。

畫布設定

新建 500 × 500 px RGB 文件。

模組一:葉片繪製(徑向漸層建構體積)

  1. 葉片主體:鋼筆勾勒葉形,填徑向漸層(中心亮綠 → 邊緣深綠),模擬葉肉厚度。
  2. 葉片背面/翻折:鋼筆補繪另一半,同樣徑向漸層但漸層中心偏移,營造翻折陰影。
  3. 高光區塊:迎光面與背光面分別繪製高光形狀,徑向漸層亮度遞減,邊緣羽化自然。
  4. 葉脈高光:中脈位置添加細長高光,亮度介於兩側之間。
  5. 葉緣描邊:鋼筆勾勒邊緣線條,描邊圓滑、顏色較深,提升質感銳度。
  6. 葉柄:鋼筆繪製,實色填色(深綠),無漸層。

模組二:水滴製作(四步驟極簡公式)

  1. 基礎形:橢圓工具繪製橢圓,旋轉 30°,填線性漸層(透明→半透明白)。
  2. 立體厚度:Ctrl+C Ctrl+F 原位複製,方向鍵 ↓→ 各兩下偏移,填鏡像漸層(與底層漸層方向相反)。
  3. 頂部高光:白色小橢圓置於兩層漸層分界線位置,模擬全反射亮點。
  4. 群組(Ctrl+G),隨意複製分佈於葉面。

模組三:折扣圓牌(多層疊加營造金屬質感)

  1. 底圓:正圓徑向漸層(金黃系)。
  2. 白色內圓:較小正圓白色,對齊面板「水平垂直置中」。
  3. 立體圓環:雙圓路徑查找器 → 減去前層得圓環,填色 #676230。複製上移 1-2px,上層改線性漸層 (上亮下暗)。
  4. 高光弧:鋼筆繪製頂部弧線,色 #F3F0DD,與圓環置中對齊微調。

模組四:葉片與圓牌融合(不透明蒙版剪裁)

  1. 葉片群組複製三份,旋轉分佈於圓牌邊緣。
  2. 大圓複製一份填白、剪下(Ctrl+X)。
  3. 選取葉片 → 透明度面板選單 → 建立不透明蒙版 → 點擊蒙版縮圖 → Ctrl+V 貼上白圓 → 移動對齊原大圓位置。葉片即被圓形蒙版裁切,只露出圓牌範圍內部分。
  4. 另側葉片同法,中間葉片直接置入無需蒙版。

模組五:繩繫與字體排版

鋼筆繪製繩繫路徑,描邊設粗細、圓頭圓角,執行 物件 → 路徑 → 輪廓化描邊 轉為填色物件,填 #5B5727。字體自由選擇,建議手寫體或無襯線粗體,色彩呼應金色系。

圖層架構參考

Layer: Tag_Final
  ├─ Group: String
  ├─ Group: Text
  ├─ Group: Leaves_Clipped (3 leaves + 3 opacity masks)
  ├─ Group: Disc_Badge (Base + Inner + Ring_Highlight + Ring_Base + Highlight_Arc)
  ├─ Group: Water_Drops (multiple instances)
  └─ Background (optional)

技巧複盤

  • 徑向漸層中心偏移:單一工具解決體積、翻折、光源三大問題。
  • 水滴四步公式:基礎漸層 → 鏡像漸層厚度 → 頂部高光 → 群組複用。
  • 不透明蒙版裁切:向量級精準裁切,且葉片原結構完整保留,隨時可調整位置/旋轉。
  • 圓環雙層漸層:底層實色 + 頂層線性漸層 = 即時金屬立體感。
copyright © 萬盛學電腦網 all rights reserved