教學目標

在 30 分鐘內掌握擬物圖標設計的核心邏輯：光影結構分析、圖層樣式疊加、材質質感模擬、細節潤飾。以一枚「相機圖標」為例，從草繪到成品完整演示。

最終效果預覽

30 分鐘完成的擬物相機圖標

核心步驟精要

1. 參考蒐集與草繪（5 分鐘）

• 搜尋真實相機多角度高清圖，觀察：機身倒角、鏡頭圈凸起、按鈕質感、皮紋貼皮、金屬/塑膠材質分佈。
• 在圖層上用硬邊筆刷快速勾勒基本幾何輪廓（矩形機身、圓形鏡頭、梯形閃光燈），確立比例與透視。

2. 基礎形狀建立與圖層結構（8 分鐘）

• 用形狀工具（矩形、圓形、圓角矩形）建立向量圖層，保持可編輯性。
• 圖層群組命名規範：Body、Lens、Buttons、Details、Shadows、Highlights。
• 每個主要部件獨立圖層，便於後續套用不同材質樣式。

3. 材質與光影：圖層樣式疊加公式（12 分鐘）

擬物核心公式 = 基礎顏色 + 斜面與浮雕(體積) + 內陰影/內發光(凹陷) + 漸層疊加(材質) + 投影(落地感)

部件	關鍵圖層樣式設定
機身 (塑膠/皮紋)	色彩疊加：基礎膚色 圖案疊加：載入「皮紋」圖案，不透明度 30%，模式「柔光」 斜面與浮雕：風格「內部斜面」，技術「平滑」，深度 30%，大小 8px，角度 120°，高光模式「螢光幕」不透明度 40%，陰影模式「正片疊底」不透明度 50% 投影：距離 3px，大小 5px，不透明度 30%
鏡頭圈 (金屬)	漸層疊加：金屬漸層（灰白灰循環），角度 90°，模式「正常」 斜面與浮雕：風格「外部斜面」，深度 150%，大小 10px，等高線「環形」，高光/陰影不透明度 70% 描邊：1px 深灰，內部，模式「正常」
快門鈕 (金屬凸起)	斜面與浮雕：風格「外部斜面」，大小 5px，柔化 0，角度 120°，高光色 #fff、陰影色 #333 內陰影：距離 1px，大小 2px，模擬頂部凹槽

4. 微觀細節決定成敗（5 分鐘）

• 高光刷：新建圖層（剪貼至對應部件），1px 白色硬筆，筆觸不透明度 20%，沿邊緣、凸起頂點點繪鏡面高光。
• 陰影加深：新建圖層（混合模式「正片疊底」），柔邊黑筆加深結構轉折處陰影（鏡頭與機身接縫、按鈕周圍）。
• 文字/Logo：文字工具輸入品牌，轉形狀，套用金屬漸層+斜面浮雕，大小縮放至適當位置。
• 倒角倒鉤：用鋼筆工具在機身邊緣繪製極細白線（高光）與深線（陰影），模擬 CNC 加工痕跡。

效率加速鍵盤快捷鍵

• Ctrl+G：群組圖層
• Ctrl+J：複製圖層
• Ctrl+Alt+G：建立剪貼蒙版
• Ctrl+Shift+N：新建圖層（帶對話框）
• Alt 點擊圖層間分隔線：快速建立剪貼蒙版
• Ctrl+Alt+Shift+E：蓋印可見圖層

常見坑點與對策

• 圖層樣式疊加順序錯誤：記住渲染順序：色彩疊加 → 漸層疊加 → 圖案疊加 → 斜面與浮雕 → 內陰影 → 內發光 → 外發光 → 投影。調整時從底往上改。
• 全域光角度不一致：所有圖層樣式勾選「使用全域光」，統一角度（建議 120° 或 90°）。
• 解析度不足導致銳利度不夠：圖標設計建議在 512×512 px 甚至 1024×1024 px 下繪製，最後再縮小輸出各尺寸。

延伸挑戰

嘗試用相同流程 30 分鐘完成：舊式收音機、麥克風、鑰匙、筆記本電腦等擬物圖標。重點練習「材質辨識→圖層樣式配方→細節筆觸」的肌肉記憶。