想打造擁有真實質感的 3D 圖標嗎？本教程將帶你一步步使用 Photoshop 繪製一枚立體感十足的肥皂盒圖標。核心技巧在於「圖層樣式」的精準運用，從倒角陷邊、內陰影到漸變疊加，每一個參數都經過精心調校，讓你輕鬆掌握打造立體質感的核心邏輯。

成品預覽

步驟 1：建立畫布與背景漸變

新建一個適當尺寸的畫布（建議 800x600 px）。為了營造畫面深度，我們不直接填充純色，而是新建一個「漸變調整圖層」，設定從深灰到淺灰的徑向漸變，模擬環境光照基調。

步驟 2：繪製盒體基礎形狀

選取「圓角矩形工具」，半徑設為 10-15 px，繪製盒子主體。為了製造厚度感，複製圖層 (Ctrl+J)，雙擊縮略圖修改顏色為較深色調，再用「移動工具」配合方向鍵向下移動 5 像素，形成側面厚度。

步驟 3：微調錨點塑造透視倒角

這是關鍵一步：使用「直接選取工具」點選底部圖層的底部兩個錨點，拖動方向線（調節手柄）向內收攏，模擬透視效果。左右兩側同理操作，使盒子呈現「上大下小」的視覺張力。

步驟 4：疊加內層結構與分組管理

再次複製圖層，自由變換 (Ctrl+T) 縮小並加深顏色，疊加多層形成盒子內部邊緣的層疊感。將所有盒體相關圖層選中按 Ctrl+G 分組命名為「盒體」，保持圖層面板整潔。

步驟 5：製作瀝水孔細節

使用「橢圓工具」繪製小圓形作為瀝水孔。重點來了：為小圓添加「內陰影」並調整「等高線」參數，製造凹陷的立體感。複製多個並排列，瞬間形成真實的瀝水槽。

步驟 6：塑造肥皂主體與材質

用橢圓工具按 Shift 繪製正圓，再用直接選取工具選取上下/左右錨點，配合自由變換 (Ctrl+T) 拉伸成橢圓長條狀。肥皂圖層樣式參數較多，核心在於「斜面與浮雕」營造肥皂特有的微凸紋理，「內陰影」加深邊緣，「漸變疊加」模擬半透光澤。

步驟 7：高光與細節潤飾

複製肥皂圖層，清除樣式，僅保留「內陰影」且將「填充度」歸零，這招能單獨提取邊緣高光。新建圖層用白色柔邊畫筆點繪高光，高斯模糊後降低不透明度。最後為盒體組添加整體投影與內陰影，新建剪貼圖層繪製邊緣反光線，完成最終質感。

核心技巧總結

• 圖層樣式疊加邏輯：底層做厚度，中層做材質，頂層做高光，各司其職。
• 填充度為 0 的妙用：保留圖層樣式卻隱藏像素內容，是提取純高光/陰影的神技。
• 錨點微調：透視感不靠 3D 工具，靠路徑工具手動壓出來更可控。

完成後別忘了儲存為 PNG 保留透明背景，這枚圖標就能直接應用於 UI 設計或演示文稿中了！