萬盛學電腦網

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

Photoshop繪製毛球小怪獸圖標:從草稿到毛髮質感渲染教程

設計概念

「毛球小怪獸」核心視覺:**球體輪廓+高密度毛髮+誇張五官+柔和配色**。難點在於用 2D 工具表現**毛髮體積感、層疊遮擋、高光掃過、邊緣柔軟過渡**。本教程採用「矢量基礎形狀+圖層樣式毛髮基調+筆刷手繪細節+濾鏡微調」混合流程。

一、基礎幾何與配色

  1. 新建 1024×1024 px。橢圓工具畫正圓「Body Base」,填充主色 #E8A87C(暖杏)。
  2. 圓角矩形/橢圓畫耳朵、手腳、尾巴,合併至「Body Base」群組。
  3. 五官:眼睛(兩圓、白高光+黑瞳孔)、嘴巴(弧線)、紅腮(橢圓、柔光模式、#FFB6C1)。

二、毛髮基調:圖層樣式模擬絨毛感

對「Body Base」添加:

  • 斜面與浮雕:風格「外部斜面」,技法「平滑」,深度 150%,方向「向上」,大小 12px,軟化 5px,角度 120°,高光「螢幕」#FFF8E8 60%,陰影「正片疊底」#8B6D4A 40% → 球體整體絨毛立體感。
  • 內發光:混合模式「螢幕」,顏色 #FFF0D8,不透明度 25%,大小 20px → 邊緣毛尖透光感。
  • 圖案疊加:載入「噪點/織物」圖案,比例 50%,不透明度 10%,混合模式「疊加」 → 微細毛紋理。

三、毛髮細節手繪:筆刷與蒙版

  1. 新建群組「Hair Details」,置於「Body Base」上方。
  2. 載入/製作「毛髮筆刷」:
    形狀:1-2px 圓、間距 1%、形狀動態「大小抖動 0%、角度抖動 0%、圓度 100%」、傳輸「不透明度抖動 0%、流量抖動 0%」、筆尖形狀「間距 1%」。
    或下載 Kyle T. Webster 毛髮筆刷包。
  3. 前景色取主色加深/提亮 10-20%(#D09060 / #F0C090),在邊緣、轉折、五官周圍順毛流方向繪製毛髮筆觸。
  4. 每筆筆觸圖層添加蒙版,軟邊黑筆刷融合根部,使毛髮「長出」體內而非浮貼表面。
  5. 群組混合模式「正常」,整體不透明度 90%。

四、高光掃過與環境光融合

  1. 新建圖層「Specular Sweep」,混合模式「線性減淡」。大軟邊白筆刷(流量 5%),從左上向右下掃刷一大範圍高光帶,模擬主光源掃過球體表面。
  2. 蒙版限制:按住 Ctrl 點擊「Body Base」縮圖載入選區,為「Specular Sweep」添加蒙版,再用黑筆刷擦除陰影面高光。
  3. 新建圖層「Rim Light」,混合模式「螢幕」,1px 硬邊筆刷,顏色 #FFF8E0,沿輪廓邊緣(背光側)點繪輪廓光,厚度 1-2px,不透明度 60%。

五、最終調色與多尺寸輸出

  • 頂層調整群組:曲線(S型提對比)、色相/飽和度(飽和度 -5、色相 +2 偏暖)、色彩查找(Kodak 2383 15%)。
  • 蓋印銳化(高反差保留 1px,柔光)。
  • 智能對象縮放導出全套尺寸,小尺寸版檢查毛髮邊緣是否模糊,必要時為 60px 版單獨加銳/簡化毛髮筆觸。

延伸:毛髮質感圖標設計系統

建立「毛球組件庫」:
🎨 色板:暖杏/粉藍/薄荷綠/薰衣草/珍珠白
👁 五官組件:圓眼/豆眼/星星眼、微笑/嘟嘴/張嘴、腮紅形狀
👂 附肢組件:尖耳/圓耳/垂耳、短手/長手/翅膀、蓬鬆尾/捲尾
🎭 表情動作:預設 5 組關鍵幀(閃現、搖頭、跳躍、縮成球、伸懶腰)
新角色 = 選色板 + 組合五官/附肢 + 套用動作 → 10 分鐘產出新圖標,保證系列視覺一致性。

copyright © 萬盛學電腦網 all rights reserved