效果展示

最終效果

線框結構示意

核心技法

全程使用圓角矩形工具（形狀圖層）繪製幾何體，配合圖層樣式（斜面與浮雕、漸變疊加、內發光、描邊、投影）實現金屬、塑膠、紙質等材質質感。填充度歸零，純靠樣式產生立體感，屬非破壞性向量工作流，隨時可修改形狀與參數。

分步拆解

1. 盒子主體

圓角半徑 10px，填充度 0%，添加圖層樣式：內陰影、內發光、斜面與浮雕（內部平滑）、漸變疊加（模擬金屬反光）、描邊（邊緣高光）。

2. 面板海報區

圓角半徑 5px，填充度 0%，樣式：內發光（邊緣發光）、描邊（細邊框）。

3. 標籤貼紙

鋼筆勾選區填黑，填充度 0%，樣式：斜面與浮雕（凸起感）、漸變疊加（紙質漸變）。

4. 四角固定扣

鋼筆勾四角形狀填黑，填充度 0%，樣式：斜面與浮雕（金屬凸起）、漸變疊加（金屬反光）。

5. 盒面高光條

鋼筆勾高光區填黑，填充度 0%，樣式：漸變疊加（白→透明），模擬鏡面反射。

6. 整體投影與環境光

群組所有部件，添加投影樣式；新建圖層以大型軟邊畫筆點繪環境反射光，模式「疊加/柔光」，完成最終渲染。

工作流優勢

• 全向量：無限放大不失真，適合印刷級輸出。
• 參數化：修改圓角、漸變角度、浮雕深度即可產生不同材質變體。
• 圖層樣式可儲存：將常用材質存為 .asl 風格庫，新專案一鍵套用。

延伸練習

嘗試用相同邏輯製作：手機殼、化妝品盒、硬碟盒、禮盒等產品渲染圖。重點練習「斜面與浮雕」中「質感」圖案的載入與縮放，模擬拉絲、磨砂、皮紋等真實材質。