教學簡介

運用基本繪圖工具與圖層樣式，從零繪製極具真實感的 iPhone 4 正面視圖。技巧可延伸至智慧型電視、平板等產品外觀設計。

最終效果

關鍵步驟

1. 文件設定：6.33×7.79 cm、300 dpi，背景漸變 #9d9d9d→#cecece→#ffffff。

2. 紋理疊加：置入紋理素材，不透明度 8%。

3. 參考線：引入官方產品圖，拉出機身與螢幕參考線。

4. 機身主體：圓角矩形工具（半徑 27 px）繪製黑色機身，加「漸變描邊」與「投影」。

5. 側邊凹痕與按鈕：矩形工具畫凹痕；機身下方畫四個按鈕，分別套用不同漸變疊加與 1 px 內描邊（圖 6-7）。

6. Home 鍵：橢圓工具畫正圓，漸變疊加 #000000→#3d3c3c，上方加小圓角矩形白描邊（圖 8）。

7. 螢幕壁紙：矩形工具畫螢幕區，置入壁紙素材建立剪貼蒙版（圖 9）。

8. 相機介面：繪製快門鈕、切換鈕、預覽窗，善用圖層樣式複製貼上加速流程（圖 10-13）。

9. 高光收尾：Ctrl+點擊機身圖層取選區，縮減 5 px，新建頂層拉白透漸變，多邊形套索刪除多餘，降低不透明度完成高光（圖 14）。

（教學內容尚有後續步驟，此處節錄核心流程。）