萬盛學電腦網

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

Illustrator 繪製萌系卡通太陽圖標:幾何構形與漸變光暈技法

成品展示

一個圓滿可愛、光芒四射、擁有豐富漸變層次與表情的卡通太陽圖標,適合天氣 App、兒童教材、夏日主題設計、品牌吉祥物延展。

核心構建步驟(圖解流程)

  1. 臉部基礎:橢圓工具按 Shift 畫正圓,填充暖黃/橙徑向漸變(中心亮、邊緣深),模擬球體受光。
  2. 五官繪製:橢圓/圓角矩形/鋼筆工具畫眼睛(白眼球+黑瞳孔+高光)、嘴巴(弧線/圓角矩形)、腮紅(橢圓徑向漸變+正片疊底),表情靈動可愛。
  3. 光芒系統:
    • 直線工具畫一條射線 → 旋轉複製(旋轉工具 R + Alt 點擊中心 → 輸入角度 30°/45° → Copy → Ctrl+D 重複)得放射線陣列。
    • 或用「效果」→「扭曲與變換」→「變換」:旋轉 15°、副本 23,得 24 道光芒。
    • 光芒漸變:根部粗/亮 → 尖端細/透明,線性漸變配合變寬工具(Shift+W)調整粗細漸變。
  4. 光暈/粒子氛圍:外圍添加小圓點/星形/十字閃光,透明度漸變,混合模式「螢幕」,增加能量感。
  5. 表情變體:複製基礎太陽,修改嘴巴/眼睛/眉毛形狀,生成笑/睡/眨眼/驚訝/酷等表情包系列。

風格化延展方向

  • 扁平風:純色填充、無漸變、幾何光芒、硬邊緣。
  • 線條風:雙線描邊、無填充、極簡光芒。
  • 3D 擬物:球體高光/陰影/投影、透視光芒、材質貼圖。
  • 像素風:見教程 38407 像素網格方法。
  • 動態化:After Effects / Lottie / CSS 實現旋轉/脈動/眨眼/噴發動畫。

圖標族規範化建議

  • 統一美術板尺寸(64×64px 基準)、安全區邊距 4px。
  • 色板共享:主色、輔助色、高光色、陰影色、輪廓色定義為全局色樣。
  • 圖層命名:`face`、`rays`、`glow`、`expression_happy` 等語義化。
  • 導出套件:`package.json` 定義元數據(名稱、標籤、作者、版本、授權)。
copyright © 萬盛學電腦網 all rights reserved