想為介面設計或專案增添極具質感的視覺元素？本教學將帶你一步步使用 Photoshop 繪製一個擁有真實光影與體積感的三維立體矢量喇叭圖標。從基礎圖層建立、輪廓勾勒，到高光、投影與環境光的細節潤飾，每個步驟都經過精心拆解，助你輕鬆掌握立體圖標繪製的核心技巧。

步驟一：建立底層背景與基礎陰影

新建一張 1100×800 像素、白色背景的畫布。新增一個圖層並填充黑色，接著為該圖層添加「圖層樣式」中的「投影」與「內發光」等效果，快速建立底部陰影與邊緣立體感，為後續繪圖奠定基調。

步驟二：勾勒喇叭主體輪廓

新建圖層，改用「鋼筆工具」精確描繪喇叭的外輪廓路徑，轉為選區後填充黑色。同樣套用圖層樣式（如「斜面與浮雕」、「光澤」），賦予主體初步的厚度與材質感。

步驟三：製作頂部高光帶

新建圖層，繪製一個矩形選區並填充亮青色（#00ddff）。載入步驟二的主體選區，按住 Alt 點擊圖層之間建立「剪貼遮罩」，讓高光僅顯示在喇叭輪廓內部，隨後調整不透明度與混合模式，營造頂部受光的明亮邊緣。

步驟四：透視變形構建喇叭正面

新建圖層，繪製一個白色圓角矩形，執行 Ctrl+T 自由變換，選擇「透視」模式拖動角點，模擬喇叭正面朝向觀察者的視角透視效果，並微調位置與大小使其貼合主體輪廓。

步驟五：添加背面結構增強層次

同樣新建圖層繪製黑色圓角矩形，經透視變形後置於正面圖層下方。為此圖層添加「投影」與「內陰影」樣式，強化前後空間的疊疊關係，使喇叭體積更飽滿。

步驟六：高光漸層與自然過渡

新建圖層，載入步驟四正面圖層選區，使用「直線套索工具」減去部分區域，填充白色後添加圖層蒙版，套用黑白直線漸讓高光由強至弱自然過渡，避免生硬邊緣。

步驟七：繪製喇叭口環狀結構

新建圖層繪製白色橢圓，再在上方建立較小橢圓選區按 Delete 刪除，形成環狀喇叭口。為此圖層添加「斜面與浮雕」、「輪廓」等樣式，強化邊緣厚度與金屬質感。

步驟八：添加喇叭投影強化空間感

新建圖層繪製喇叭側視形狀，透視變形後置於最底層，套用「投影」樣式並調整角度、距離與大小，模擬喇叭置於平面上的真實投影。

步驟九：微調高光位置

將步驟三的高光圖層縮小並移動至喇叭頂部邊緣最受光處，使光線落點符合邏輯，畫面光影更協調自然。

步驟十：製作底部柔和投影

合併除背景外所有圖層（Ctrl+E），複製合併圖層並向下移動適當距離。對複製圖層執行「濾鏡 → 模糊 → 高斯模糊」，半徑設為 40 像素，不透明度降至 30% 左右，獲得自然柔和的底部陰影。

步驟十一：環境光補足氛圍

在底部新建圖層，選取 1000 像素大小、硬度 0% 的白色柔邊筆刷，單點畫布中心，圖層不透明度設為 50%，混合模式改為「柔光」或「疊加」，為整體增添溫暖的環境光暈。

最終效果與應用建議

完成上述步驟，即可得到一個光影分明、質感細膩的 3D 矢量喇叭圖標。你可以將其作為智慧型裝置 App 圖示、網站功能圖標或簡報視覺元素，亦可進一步調整色相/飽和度以適配不同設計風格。

延伸學習：更多 Photoshop 圖標設計與立體繪圖技巧，歡迎關注三聯 Photoshop 教程專欄，或加入三聯 PS 交流群（182958314）與同好切磋。