教學目標

透過選區編輯（平滑、變換選區、建立工作路徑）與圖層樣式（斜面與浮雕、漸變疊加、投影），從零構建具有透視透視效果的翻蓋手機模型，強化選區與路徑互轉、圖層樣式材質表現技能。

最終效果

核心流程

1. 文件與輔助線

新建 800×600px，Ctrl+R 開標尺，拉垂直輔助線做對稱軸。

2. 上蓋輪廓：選區 → 路徑 → 形狀

• 矩形選框工具畫主體矩形。
• 橢圓選框工具「添加到選區」模式，Alt+Shift 從底部中心畫圓形 → 選區合併成圓角矩形雛形。
• 選擇 → 修改 → 平滑（5~10px）柔化直角。
• 右鍵選區 → 建立工作路徑 → 直接選擇工具調整路徑：上緣收窄、兩側加入弧度。
• 路徑 → 建立選區 → 新圖層填灰色 → 命名「上蓋」。

3. 銀色裝飾條與水手藍面板

• Ctrl 點擊「上蓋」縮略圖載入選區 → 矩形選框工具 → 變換選區 Alt 縮小 → 新圖層漸變填充（銀色金屬感）。
• 同法再縮小選區 → 新圖層填水手藍 #0077cc → 命名「水手藍」。
• 鋼筆工具畫鉸鏈軸形狀 → 路徑描邊（筆刷 2px 灰色） → 圖層樣式「斜面與浮雕」（枕狀浮雕）做立體軸。

4. 攝像頭、揚聲器、螢幕邊框

• 攝像頭：白圓 + 鋼筆路徑轉選區填白 → 命名「攝像頭」。
• 揚聲器：矩形選區平滑 → 填黑 → Alt 拖動複製 3 孔 → 圖層樣式「斜面與浮雕」（枕狀浮雕）做凹孔感。
• 外螢幕邊框：圓角矩形選區填黑 → 存儲選區「圓角矩形」 → 放大選區 → 濾鏡 → 扭曲 → 球面化（正值）產生微凸玻璃感。
• 外螢幕：載入「圓角矩形」選區 → 縮小填白佔位。

5. 透視變換與陰影收尾

• 將上蓋相關圖層群組「手機上蓋」 → Ctrl+T 自由變換 → Ctrl 拖動控制點做透視變形。
• 新圖層載入上蓋選區 → 向左上移幾像素 → 反選 → 羽化 20px → 深灰筆刷掃出側面陰影。

延伸練習

嘗試繪製直板機、滑蓋機、全螢幕手機，複用「選區→路徑→形狀→樣式」工作流，建立個人手機元件素材庫。