從圓角矩形外殼到按鈕系統化排版，再到智能物件製作倒影效果，本教學完整示範如何繪製一款質感優異的計算機 App 圖標。掌握圖層樣式堆疊、群組管理、智能物件非破壞編輯等專業圖標設計流程！

最終效果

核心製作步驟

1. 外殼主體：550×600px 畫布，圓角矩形工具繪製外殼形狀。圖層樣式：
   　　• 斜面與浮雕（外部平滑、深度 200%、大小 15px、角度 120°）
   　　• 內陰影（距離 3、大小 5）
   　　• 色彩疊加（深灰 #333333）
   　　• 描邊（1px、內部、#1a1a1a）
2. 頂部高光帶：Ctrl+點擊 外殼縮略圖載入選區 → 選取 → 修改 → 收縮 15px → 新圖層填白 → 圖層樣式：內陰影（白色、正常、距離 0、大小 10px） → 橢圓選框刪除上半部高光 → 不透明度 6%。
3. 螢幕顯示區：圓角矩形工具畫螢幕，填黑。圖層樣式：內陰影、斜面浮雕（內部）、色彩疊加（深綠/深藍模擬 LCD）、描邊。
4. 按鈕系統化生產：
   　　• 圓角矩形畫單顆按鈕，完整圖層樣式（斜面浮雕、內陰影、色彩疊加、描邊、外發光）。
   　　• 參考線定位 → Ctrl+J 複製 + 方向鍵移動（Ctrl 微調/Shift 大移動）排版首行。
   　　• 全選首行按鈕群組 → 複製群組排版後續行。
   　　• Ctrl+T 整體縮放置中。移除多餘按鈕位置，加入寬版功能鍵（如 0、Enter），其中一顆改紅色強調 CTA。
5. 按鈕文字與螢幕數字：自訂形狀工具畫箭頭，Digital-7 字體輸入螢幕數字，標準字體輸入按鈕符號（1-9、+、-、×、÷、=、C、+/-、% 等）。
6. 智能物件製作倒影（亮點）：
   　　• 將「計算機主體群組」與「按鈕群組」分別複製 → Ctrl 選兩群組 → 右鍵「轉換為智能物件」。
   　　• Ctrl+T 垂直翻轉 180° → 移至主體下方。
   　　• 加圖層蒙版 → 大柔邊橡皮擦抹淡倒影下緣 → 不透明度 30-40%，瞬間得到逼真倒影且保持可編輯性！
7. 背景漸層：新建圖層填白 → 圖層樣式「漸層疊加」（淺灰→白→淺灰），提升整體質感。

專業圖標設計關鍵點總結

• 圖層樣式模組化：按鈕樣式存為「圖層樣式預設」，新建按鈕一鍵套用，確保視覺一致性。
• 群組+智能物件：複雜元素歸組，倒影/縮放/變形操作智能物件，原始矢量永不受損。
• 參考線+複製排版：建立網格參考線，複製+方向鍵排版，比手動拖曳精準百倍。
• 倒影非破壞：蒙版漸隱倒影，隨時可調整不透明度/漸變範圍，無需重做。
• 輸出多尺寸：完成後用「導出 → 存儲為 Web (舊版)」或「資源導出 (CC)」一鍵輸出 16/32/64/128/256/512/1024px 多規格 PNG，適配各平台規範。

掌握這套流程，不只是畫個計算機圖標，更是掌握了專業 UI 圖標設計的標準化工作流！