前言

本教學以圖層樣式為核心，逐步構建 iPhone 的機身邊框、螢幕、按鈕、鏡頭、聽筒、Home 鍵、螢幕內容與倒影，展示如何用非破壞性圖層樣式快速產出高質感產品渲染圖。

最終效果預覽

關鍵步驟

1. 新建文件，圓角矩形 (半徑 50px) 建立機身輪廓，加外發光 + 描邊。
2. 頂部/側邊矩形 #52524e 表現邊框側面。
3. 內層圓角矩形黑色填充 (螢幕區)，加內陰影、內發光、斜面浮雕等樣式。
4. 側邊音量鍵：圓角矩形 2px、漸變疊加 + 描邊，置於機身下層。
5. 靜音鍵同法，尺寸較小。
6. 頂部電源鍵：漸變角度 0°。
7. 複製側鍵至對側。Ctrl+點擊螢幕層載入選區 → 選取 > 修改 > 收縮 3px → 多邊形套索減去左半部 → 新層白色填充 0% 填充度 + 漸變疊加做螢幕高光。
8. 自定義圖案製作聽筒網格：100×100 畫布、黑白方塊棋盤格定義圖案。
9. 鏡頭：橢圓漸變疊加 + 較小橢圓徑向漸變。
10. 聽筒：圓角矩形 30px + 內陰影/內發光/描邊 + 圖案疊加 (網格圖案)。
11. Home 鍵：正圓漸變疊加 + 圓角矩形圖標 (0% 填充 + 描邊)。
12. 置入螢幕素材調整大小位置。
13. 加入倒影與背景完成。

過程圖參考