教程簡介

遊戲圖標是吸引玩家點擊的第一視覺焦點。本教程將演示如何在 Photoshop 中運用形狀工具、圖層樣式與手繪筆觸，從草稿到成品完整繪製一款擬人化的「小怪物」遊戲圖標。過程涵蓋造型構思、基礎塗色、體積塑造、材質表現及最終輸出規範，適合 UI 設計師與圖標愛好者練習。

一、草稿構思與造型定稿

先在紙上或數位草稿層快速探索 3-5 個怪物輪廓：圓潤體態、誇張五官、標誌性配飾（如角、翅膀、尾巴）。挑選最具辨識度的一款，降低不透明度作為底稿參考。

二、矢量形狀搭建基礎幾何

使用「橢圓工具」與「圓角矩形工具」組合出頭部、身體、四肢的基本幾何體；用「筆刷工具」在圖層蒙版上修飾邊緣曲線。保持圖層分組管理：頭部群、身體群、配飾群，便於後續調整。

三、基礎塊面著色與光源規劃

確定主光源方向（建議左上 45°）。為每個群組建立「顏色填充」圖層作為基礎色，再以「剪貼蒙版」方式添加「曲線」或「色階」調整圖層，分別拉出高光面、側光面與陰影面，建立初步體積感。

四、材質細化與特徵刻畫

1. 皮膚質感：新建圖層，以低不透明度噴槍筆刷噴灑細微雀斑、毛孔；再用「鋼筆工具」勾勒皺紋路徑，描邊模擬皮紋。
2. 眼睛高光：眼球層疊加多層不同大小、不透明度的白色橢圓，製造濕潤透亮感。
3. 配飾材質區分：角質用「斜面與浮雕」製造硬質感；布料配飾用「圖案疊加」添加織紋。

五、環境光與氛圍融合

新建圖層置於所有群組上方，混合模式「疊加」或「柔光」，用大尺寸軟邊筆刷掃刷環境色（如背景暖黃），統一圖標色調。最後加入微弱外發光，強化輪廓在深色背景下的可讀性。

六、多尺寸導出與規範檢查

• 依平台需求導出 1024×1024、512×512、120×120、60×60 px 等規格。
• 檢查小尺寸下輪廓是否清晰、細節是否模糊，必要時為小尺寸版本單獨簡化描邊。
• 存為 PNG-24（透明背景）並壓縮優化，完成交付。

小結

本案例展示了「矢量搭建底模 → 光影分層塑造 → 材質筆觸細化 → 氛圍統一」的標準圖標製作流程。關鍵在於：造型要有剪影辨識度，光影要有邏輯一致性，材質要有質感對比。掌握此流程，後續設計任何風格的角色圖標都能得心應手。