教學大綱

分為「機身框架」與「操作介面」兩大部分。先用圖層樣式建立金屬邊框與黑色玻璃質感，再引入壁紙、Dock、圖標與倒影完成介面細節，流程清晰適合產品概念圖練習。

最終效果

分步講解

1. 文件與背景：624×921 px、72 dpi、白底，加藍→白漸變。圓角矩形工具（半徑 22 px）畫外框，命名「border」。

2. 鏤空邊框：Ctrl+點擊 border 縮圖取選區，「選擇 › 修改 › 縮減」6 px，Delete 刪除內部。

3. 黑玻璃與螢幕：套索工具選 border 內部，新圖層填黑命名「Black Glass」；再新圖層「screen」畫矩形螢幕區。現有 4 圖層：background、border、black glass、screen。

4. 邊框質感：border 加「斜面浮雕」、「顏色疊加」、「描邊」樣式（圖 4-7）。

5. 黑玻璃漸變：Black Glass 加線性「漸變疊加」#5b5c60→#000000。

6. 壁紙置入：下載壁紙素材置於 screen 上方，Alt+Ctrl+G 建立剪貼蒙版。

7. Dock 欄：白色長方形，「編輯 › 變形 › 扭曲」向內彎曲（圖 8），加漸變疊加 #454637→#fafbfc，不透明度 58%（圖 9-10）。

8. 圖標與倒影：置入 Safari 等圖標調整大小（圖 10），複製垂直翻轉、不透明度 21% 加黑透漸變做倒影（圖 11-12），刪除溢出部分（圖 13），同法加其他 3 個圖標（圖 14）。

9. 實體按鈕：白圓作 Home 鍵，內部圓角矩形加描邊與漸變、降低不透明度（圖 15-16）；圓角矩形畫按鈕 A/B（圖 17）；按鈕 C 用形狀圖層模式加錨點微調（圖 18-19），所有按鈕置於 border 下方。

10. 完成：最終效果呈現精致 iPad 正面視圖。