這篇教學將詳細拆解如何從零開始，純粹使用 Photoshop 的向量形狀、圖層樣式與筆刷工具，繪製出一個質感逼真、細節豐富的皮夾圖標。無論你是 UI 設計師還是圖示愛好者，這套「由形體到材質、由大局到細節」的工作流程都極具參考價值。

最終效果預覽

第一階段：構建基礎幾何形體

1. 繪製主體輪廓

使用「圓角矩形工具」繪製兩個 550×550 px 的圖形，圓角半徑分別設為 65 px（外層）與 20 px（內層），填充顏色統一為 #313131。選中兩圖層，右鍵選擇「合併形狀」，命名為「底」。提示：CC 及更新版本可直接在屬性面板獨立調整四個圓角半徑，無需合併兩個形狀。

2. 建立蓋蓋厚度

複製「底」圖層（Ctrl+J），按 Ctrl+T 自由變換，縮小並向上移動至適當位置，命名為「底 副本」，形成蓋蓋與盒身的疊合關係。

3. 圖層樣式賦予基礎立體感

分別為「底」與「底 副本」添加精心調校的圖層樣式（投影、內陰影、斜面與浮雕、漸疊、描邊等），模擬皮革的厚度、邊緣倒角與陰影關係。完成後效果如下：

第二階段：高光與反光刻畫質感

4. 高光層次構建

使用鋼筆工具勾勒高光形狀，填充 #dfdfdf。將圖層轉為智慧物件，設定圖層模式為「疊加」或「柔光」，填充度降至 0%，再套用 濾鏡 > 模糊 > 高斯模糊 軟化邊緣。同理製作第二組高光「高光2」，使用漸層填充增強立體過渡。

5. 環境反光模擬

反光製作邏輯相同：勾勒形狀 → 智慧物件 → 高斯模糊 → 調整模式/不透明度。顏色取樣自環境色 #d5c6b3，模擬周圍環境光在皮革表面的微弱投射。此階段完成後的整體效果：

第三階段：材質貼圖與細節深化

6. 基礎著色與皮革紋理疊加

在所有結構圖層上方新建圖層，填充基礎膚色 #c75e01，圖層模式設為「顏色」或「柔光」，奠定整體色調。隨後引入高解析度皮革材質圖片，置於頂層，同樣以「疊加」/「柔光」模式融合。若材質過暗，添加「亮度/對比度」調整圖層並建立剪貼蒙版（Ctrl+Alt+G）僅影響材質層。

7. 縫線製作：路徑文字巧用

複製「底 副本」路徑（或用鋼筆工具重勾邊緣），選取文字工具，游標移至路徑上方會變為「波浪線穿過圓圈」圖示，點擊即可在路徑上輸入文字。輸入反斜線 \ 字符（鍵盤 Enter 鍵上方），調整字號與字距即成逼真縫線。縫線圖層再添加「斜面與浮雕」「投影」等樣式增強立體感。

8. 二次材質疊加與群組蒙版限制

再疊加一層「彩色紙-紅色紋理紙」或其他細紋理，同樣建立剪貼蒙版。將所有材質相關圖層打群組（Ctrl+G）命名「材質」，按住 Ctrl 點擊「底」圖層縮圖載入選區，為群組添加圖層蒙版，確保材質不超出皮夾輪廓。

第四階段：五金配件與品牌細節

9. 鎖扣建模與質感

用圓角矩形與橢圓工具組合出鎖扣基礎形狀，套用複雜的圖層樣式（倒角浮雕、內發光、漸疊、投影）模擬金屬質感。複製一層刪除樣式、下移並降低不透明度作為陰影。將先前的「材質」群組複製、刪除縫線層、移至鎖扣上方並更換蒙版貼合鎖扣形狀，再加曲線調整層提亮細節。

10. 扣飾與 Logo 點綴

同理製作側邊裝飾扣，最後置入品牌 Logo（或自行設計），圖層模式設「正片疊底」或「柔光」融入皮革紋理。

核心技巧總結

• 形體優先：以簡單幾何體搭建比例準確的線框，是寫實表現的骨架。
• 樣式疊加：善用「斜面與浮雕」的「質感」選項與「輪廓」曲線，能極大豐富材質微觀起伏。
• 智慧物件+濾鏡：高光/反光層轉為智慧物件後套用高斯模糊，保留非破壞性編輯彈性。
• 路徑文字做縫線：利用文字工具沿路徑輸入特定字符，是快速產生規則縫線的絕佳技巧。
• 群組蒙版隔離：將材質群組限制在基礎形體選區內，避免邊緣溢出，保持畫面乾淨。

完成上述步驟，一個擁有完整結構、豐富材質、精致五金配件的寫實皮夾圖標便誕生了。試著替換材質圖片、調整色相/飽和度，即可快速衍生出不同顏色、不同皮紋的變體，極大提升設計複用效率。