高質感圖標設計的三大支柱：網格系統保證幾何精準、矢量形狀確保無損縮放、圖層樣式堆疊構建材質細節。本教學以復古牛皮通訊簿為例，展示專業級圖標建模全流程。

成品預覽

前置設置

• 新建 600×600px、72dpi、RGB 文檔。
• 視圖 → 顯示 → 網格；視圖 → 對齊 → 網格。
• 偏好設置 → 參考線/網格/切片：網格間距 10px，子網格 1，顏色 #a7a7a7。Ctrl+' 切換網格顯示。
• 開啟信息面板（窗口 → 信息）實時監控座標尺寸。

封面與封底建模（矢量形狀布爾運算）

1. 圓角矩形工具（形狀模式，半徑 5px），前景 #aecef5，繪製 240×380px 基礎矩形（封面主體）。
2. 矩形工具按 Alt（減去模式）繪製 40×330px 矩形，挖出封面左側裝訂槽。
3. 圓角矩形工具按 Shift（添加模式）繪製 50×20px 圓角矩形，形成頂部裝訂環。
4. 圓角矩形工具按 Shift 繪製 20×340px 圓角矩形，形成右側邊緣加強筋。
5. 矩形工具按 Alt 繪製 10×380px 矩形，挖出右側細節槽。

牛皮材質圖層樣式堆疊（核心）

雙擊矢量形狀圖層，添加 6 組樣式：

• 斜面與浮雕：內部斜面、平滑、深度 100%、方向上、大小 16px、柔化 0px、角度 120°、高度 30°、高光模式「正片疊底」白色 75%、陰影模式「線性加深」深棕 75%。
• 等高線：選「圓錐-倒置」等高線，勾選防鋸齒。
• 內陰影：距離 0、擴展 0、大小 10px、混合模式「正片疊底」深棕 50%。
• 光澤：混合模式「篩色」白色 50%、不透明度 50%、角度 120°、距離 0、大小 10px、輪廓「圓錐-倒置」。
• 漸變疊加：混合模式「疊加」，漸變「前景到透明」，角度 90°、縮放 100%。
• 圖案疊加：載入「皮質圖案」素材，混合模式「疊加」，不透明度 50%，縮放 100%。

邊緣細節強化：雙層疊加法

1. Ctrl+J 複製矢量形狀層 → 清除樣式 → 填充 0% → 添加內陰影（距離 3、大小 5、噪聲 0、混合模式「正片疊底」黑 30%），產生內凹邊緣細節。
2. 前景 #384445，圓角矩形工具繪製 40×380px 形狀置於底層 → 添加描邊（1px、內部、深色）+ 內陰影（距離 0、大小 3、黑 50%），構建立體書脊厚度。

標籤製作

兩組顏色（淺 #c7baac / 深 #dbcec0）20×50px 矩形，疊加內陰影/斜面浮雕/圖案疊加/描邊等樣式，複製排列形成多標籤分頁效果。

隱藏網格，添加文字細節，完成一枚可無限縮放、材質細膩、結構精準的復古牛皮通訊簿圖標。此工作流可直接遷移至筆記本、錢包、書本等皮質物品圖標設計。