教程概覽

本教程將示範如何使用滑鼠在 Photoshop 中繪製一枚懷古風格的可愛收音機圖標。涵蓋草圖構圖、向量形狀構建、材質表現（塑膠、金屬網、旋鈕）、光影塑造與最終潤飾全流程。

最終效果

詳細步驟

1. 草圖與構圖

新建畫布 512×512px。以鉛筆刷快速勾勒收音機輪廓：矩形機身、圓形喇叭網、頂部天線、前方面板與旋鈕。保持草圖圖層不透明度 30% 作為參考。

2. 向量形狀構建（圖層組織）

• 機身組：圓角矩形（半徑 20px）填充 #D8D8D8，添加內陰影與漸變疊加模擬塑膠質感。
• 喇叭網組：圓形選區填充深灰，濾鏡→素描→半色調圖案（點狀、對比度高）產生網孔感，再套用球面化濾鏡微調弧度。
• 旋鈕組：同心圓疊加，外環添加斜面浮雕與描邊模擬金屬刻度，內芯用漸變表現凹陷手感。
• 天線：矩形工具拉長，添加漸變疊加（深灰→亮銀→深灰）表現金屬管狀。

3. 材質與光影深化

• 機身高光：新建圖層剪貼蒙版，白色柔邊畫筆繪製頂部與側面高光，不透明度 15-20%。
• 陰影投射：機身複製圖層填黑、高斯模糊 8px、垂直壓縮 50%、不透明度 30%，置於機身下方。
• 面板細節：文字圖層輸入頻率數字，圖層樣式添加內陰影與描邊增強可讀性。

4. 氛圍潤飾

背景添加微弱徑向漸變（中心亮、四角暗），機身四周以 1px 白色描邊圖層（外發光模式）強化輪廓分離度。最後檢查所有圖層對齊像素，避免虛邊。

小技巧總結

• 善用「圖層樣式複製/貼上」快速統一同材質物件外觀。
• 「向量蒙版」比像素蒙版更適合保持圖標邊緒銳利。
• 定期以 100% 視圖檢查細節，確保輸出至 32px 仍清晰可辨。

這枚收音機圖標結合了扁平化設計與拟物化細節，非常適合作為音樂類 APP 圖示或懷舊主題網站裝飾。試著替換配色方案（如復古綠、橙紅），即可衍生出全新風格系列！