萬盛學電腦網

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

Photoshop 繪製漂亮小熊圖標:從幾何構形到柔軟質感的 10 步流程

最終效果

圓潤 Q 版小熊,柔軟毛絨質感,表情生動,配色溫柔,適合兒童類 APP/周邊圖標。

10 步核心流程

  1. 幾何構形: 64×64 px 畫布,4 px 網格。橢圓工具畫頭部(36×36)、身體(28×32)、耳朵(12×12)、四肢(橢圓)、鼻子(橢圓)、眼睛(圓)。全部形狀圖層,組 `Base_Shapes`。
  2. 基礎色塊: 主色 #D4A574(暖棕)、襯色 #F5E6D3(米白)、鼻/眼 #3D2B1A(深棕)。形狀圖層屬性面板直接設填充色。
  3. 毛絨質感基礎: 複製 `Base_Shapes` 組 → `右鍵→合併形狀` 得單一形狀圖層 `Body_Base` → `濾鏡→雜色→添加雜色(3%、單色)` → `濾鏡→模糊→動感模糊(角度 90°、距離 2 px)` → 模式「疊加」不透明度 25% → 命名 `Fur_Texture`。
  4. 體積光影: 新建剪貼蒙版層於 `Body_Base` 上。
    — 暗部:正片疊底、#8B5A2B、柔邊筆刷流量 10% 畫凹陷(耳根、頸部、四肢內側)。
    — 高光:線性減淡、#F5E6D3、同筆刷畫凸起(額頭、鼻梁、背部、肚子)。
  5. 五官精修:
    眼睛:白眼球 #FFFFFF → 瞳孔 #3D2B1A → 高光白點(兩點不同大小) → 內發光(淡藍 #A8D0E6、大小 2) 增加神采。
    鼻子:橢圓形狀 + `斜面浮雕(內部、平滑、深度 100%)` → 亮點手繪。
    嘴巴:鋼筆畫弧線 → 描邊 2 px #3D2B1A → 高光點綴。
  6. 耳朵內側粉紅: 新層剪貼耳朵形狀 → 填 #F8C8C8 → 高斯模糊 3 px → 不透明度 60%。
  7. 毛邊細節: 自定義「毛髮筆刷」(間距 15%、大小抖動 50%、角度抖動 方向) → 新層模式「正常」在輪廓外側輕掃斷續毛尖,顏色取鄰近基礎色 ±10 亮度。
  8. 投影與地面接觸: 複製主體合併層 → 填黑 → `編輯→變換→扭曲` 貼地透視 → 高斯模糊 4 px → 不透明度 25% → 蒙版漸變遠端消隐。
  9. 環境反光(可選): 底部新層模式「螢幕」,大柔邊筆刷 #FFE4B5 极低流量(3%) 掃一筆,模擬地面反射暖光。
  10. 導出規範: 圖層右鍵「導出為」PNG @1x/@2x/@3x,命名 `ic_bear_64px@2x.png`;SVG 導出供矢量需求。

避坑指南

  • 毛絨紋理過重 → 雜色不超 3%、動感模糊距離 1-2 px、疊加不透明度 15-25%。
  • 高光過銳利 → 必須高斯模糊 0.5-1 px 再調不透明度。
  • 五官對齊 → 眼睛中心線、鼻子中心線、嘴巴中心線必須共線,用參考線強制對齊。

更多精彩教程請關注三聯 Photoshop 教程欄目,三聯 PS 群:311270890 歡迎加入。

copyright © 萬盛學電腦網 all rights reserved