一支看似簡單的鉛筆圖標，實則包含木材紋理、漆面光澤、金屬箍緊固、石墨芯質感、橡皮擦多孔結構等五種截然不同的材質表達。本教程將引導你從矢量骨架搭建，到像素級材質渲染，完成一枚經得起放大檢視的商業級寫實鉛筆圖標，同步掌握「圖標級材質表達」通用方法論。

效果展示

結構拆解：六大部件建模邏輯

1. 筆尖/石墨芯：圓錐體+圓柱體，材質為石墨(亞光、深灰、微金屬光澤)；
2. 木材筆身：六棱柱/圓柱，材質為香柏木/椴木(木紋、漆面、拋光感)；
3. 漆面色環：筆身上的顏色標識環(紅/黃/綠/藍)，材質為油漆(高光鋒利、有厚度)；
4. 金屬箍(鋁/銅)：連接筆身與橡皮擦的金屬圓環，材質為陽極氧化金屬(拉絲、高反射、邊緣倒角)；
5. 橡皮擦：圓柱體/長方體，材質為PVC/橡膠(多孔、亞光、柔軟邊緣)；
6. 品牌字/型號印刷：筆身上的燙金/燙銀/印刷文字，材質為金屬箔/油墨(凹凸感、邊緣銳利)。

繪製實戰流程

階段一：矢量骨架構建(形狀圖層，非破壞)

1. 新建 1024×1024px 畫布，背景透明；
2. 矩形工具畫筆身主體(寬高比約 1:7)，路徑操作「合併形狀」；
3. 多邊形工具(邊數6)畫六棱筆尖基部，向上收尖形成圓錐(直接選擇工具拖動頂點)；
4. 橢圓工具畫金屬箍(兩個同心圓減去頂層)、橡皮擦圓柱；
5. 文字工具輸入品牌/型號，轉為形狀(右鍵→轉換為形狀)；
6. 所有形狀圖層命名、分組(尖/身/箍/擦/字)，顏色暫時區分即可。

階段二：材質渲染核心參數庫

為每個形狀圖層設置圖層樣式，關鍵數值如下(以 1024px 畫布為準，其他尺寸按比例縮放)：

1. 木材筆身(最複雜)

• 顏色疊加：#D4A574(原木色基調)；
• 漸變疊加：線性，角度 0°(橫向) 或 90°(縱向視角度)，不透明度 20%，刻度：#E8D0B0(亮面) → #B88A50(暗面) → #E8D0B0(反光帶) → #A07840(陰影面)，模擬圓柱體環繞光影；
• 圖案疊加：木紋圖案(自製：濾鏡→噪點→動感模糊角度0°距離200px→色調分離→銳化)，模式「柔光」，不透明度 15%，比例 25% 並勾選「與圖層對齊」；
• 倒角浮雕：風格「外部斜角」，技術「平滑」，深度 80%，方向「向上」，大小 3px，軟化 1px，角度 135°，高度 30°，光澤輪廓「環形」，高光模式「線性減淡」30%，陰影模式「正片疊底」50% — 模擬漆面拋光邊緣；
• 投影：距離 2px，大小 4px，不透明度 30%，角度 135°。

2. 石墨筆尖

• 顏色疊加：#1A1A1A(近黑)；
• 漸變疊加：線性 90°，不透明度 40%，#2A2A2A(尖端受光) → #0D0D0D(側面陰影)；
• 倒角浮雕：內部斜角，大小 2px，深度 150%，光澤輪廓「環形-雙峰」，高光「線性減淡」40%(模擬石墨微金屬反射)，陰影「正片疊底」60%；
• 內發光：正常，#3A3A3A，邊緣，大小 3px(尖端反光邊)；
• 投影：距離 1px，大小 2px，正片疊底 40%。

3. 金屬箍(陽極氧化鋁/銅)

• 顏色疊加：#B8B8B8(鋁) 或 #B87333(銅)；
• 漸變疊加：線性 0°(橫向環繞)，不透明度 60%，#FFFFFF(高光帶) → 基色 → #303030(陰影帶) → 基色 → #FFFFFF，模擬圓環環向高光條；
• 倒角浮雕：外部斜角，大小 2px，深度 200%，光澤輪廓「鋸齒波」(模擬拉絲條紋)，高光「線性減淡」60%，陰影「正片疊底」70%；
• 描邊：1px，內部，#FFFFFF(頂部高光線) + 1px 底部 #303030(底部陰影線) — 需分兩個圖層實現；
• 投影：距離 1px，大小 3px，正片疊底 40%。

4. 橡皮擦

• 顏色疊加：#E8A8A8(粉紅擦) 或 #A8D0E8(藍擦)；
• 漸變疊加：線性 90°，不透明度 30%，亮面→暗面；
• 圖案疊加：噪點圖案(濾鏡→雜色→添加雜色 400% 單色→定義圖案)，模式「柔光」，不透明度 10%，模擬多孔結構；
• 倒角浮雕：內部斜角，大小 3px，深度 50%，軟化 2px，模擬柔軟邊緣；
• 投影：距離 2px，大小 5px，正片疊底 35%。

5. 燙金/印刷文字

• 填充 0%(僅保留圖層樣式)；
• 斜面浮雕：外部斜角，平滑，深度 200%，大小 2px，軟化 0px，角度 135°，高度 45°，光澤輪廓「環形」，高光模式「線性減淡」#FFD700(金) 或 #FFFFFF(銀)，不透明度 80%，陰影模式「正片疊底」#303030，不透明度 60%；
• 投影：距離 1px，大小 1px，正片疊底 30%。

階段三：全局光影統一與微觀細節(剪貼蒙版手繪)

1. 為每個部件組建立「高光組」與「陰影組」剪貼蒙版圖層；
2. 高光繪製：模式「線性減淡/篩色」，白色/淡黃柔邊筆刷(流量5-10%)，沿受光邊緣(筆身頂棱、金屬箍高光帶、筆尖尖端)輕掃；
3. 陰影繪製：模式「正片疊底/線性加深」，深棕/黑色柔邊筆刷(流量5-10%)，繪製折疊陰影(六棱棱線)、遮擋陰影(箍下投影)、接觸陰影(底部)；
4. 微觀劃痕：新建圖層模式「疊加」，1px硬邊筆刷，前景色深淺交替，筆身縱向隨機劃動幾筆，不透明度 5%，模擬使用痕跡；
5. 筆尖寫字痕跡：石墨芯尖端新建圖層，1px硬筆刷黑色畫幾道不規則短線，高斯模糊 0.5px，模擬剛寫過字的殘留石墨粉。

階段四：多尺寸適配與輸出規範

1. 智能對象化整個圖標組，便於無損縮放；
2. 導出規格：

用途	尺寸	格式	備註
iOS App Icon	1024×1024	PNG-24	無圓角，系統自動加圓角
Android Adaptive Icon	432×432 (安全區384×384)	PNG-24	前景層+背景層分離導出
Web Favicon	32×32, 192×192, 512×512	PNG/ICO	ICO包含多尺寸
UI 介面圖標	24×24, 32×32, 48×48	SVG/PNG	簡化細節(移除木紋/微觀劃痕)
印刷/展示	300dpi 實際尺寸	TIFF/PSD	保留圖層，CMYK模式

3. 命名規範：`icon_pencil_realistic_1024.png`, `icon_pencil_ui_24.svg`；
4. 壓縮優化：TinyPNG / ImageOptim / SVGO。

方法論總結：圖標級材質表達通用公式

材質 = 基礎色 + 方向性漸變(宏觀光影) + 紋理圖案(微觀肌理) + 倒角浮雕(邊緣厚度/倒角) + 描邊/投影(空間定位) + 手繪微觀細節(劃痕/指紋/殘留物)

掌握這套公式，將「觀察真實物體 → 拆解材質層級 → 對應PS圖層樣式/手繪層 → 參數化記錄」內化為肌肉記憶，你就能為任何圖標(鋼筆、畫筆、蠟筆、觸控筆、手術刀…)賦予令人信服的真實質感。記得交作業，期待在評論區看到你的寫實鉛筆圖標！