本教程示範如何在 Photoshop 中從零繪製一枚極具真實感的 iMac 电脑图标，涵蓋鋁合金機身陽極氧化拉絲、玻璃面板多層反射、支架鉸鏈機械結構、螢幕內容智能對象置入、桌面投影與環境光整合等核心技法。全向量圖層樣式工作流，可無損縮放輸出多尺寸，適合 UI 圖標設計、產品展示視覺、3D 效果 2D 模擬練習。

核心構建模組與圖層樣式配方

1. 機身主體：鋁合金拉絲質感

• 形狀：圓角矩形（半徑 8 px）+ 底部倒角矩形（支架連接區）。
  關鍵樣式堆疊：
  - 漸變疊加：線性 #E8E8E8 → #B0B0B0 → #E8E8E8 → #909090 → #E8E8E8，角度 90°，模擬陽極氧化拉絲條狀高低頻反光。
  - 倒角與浮雕：內部倒角，深度 30%，大小 3 px，高光 #FFFFFF 20%，陰影 #808080 40%。
  - 圖案疊加：自製「細拉絲紋理」（2 px 線條間距 4 px，噪點 5%），模式「疊加」，不透明度 15%。
  - 投影：距離 3 px，大小 5 px，#000000 30%。

2. 螢幕玻璃面板：多層反射模型

• 形狀：比機身略小的圓角矩形（半徑 6 px），位置向上偏移 4 px。
  玻璃基底：填充 0%，添加：
  - 內陰影：距離 0，大小 8 px，#000000 15%（邊緣暗角）。
  - 內發光：#001A33，大小 10 px，模式「正片疊底」（螢幕關閉時的深藍底）。
  - 描邊：1 px，#FFFFFF 10%（邊框微亮）。
  螢幕內容：智能對象置入壁紙/介面截圖，蒙版限制在玻璃區域。
  反射層群（由下而上）：
  - 環境反射：大柔邊白橢圓漸變，模式「篩選」，5% 不透明度。
  - 窗戶反射：矩形條狀漸變，透視變形貼合螢幕曲率。
  - 指紋/灰塵：雜色筆刷 1 px 點繪，模式「疊加」，3% 不透明度。
  - 高光切線：頂部邊緣 1 px 白線，高斯模糊 0.5 px，模式「線性減淡」。

3. 支架與底座：機械結構感

• 支架桿：圓角矩形，漸變 #C0C0C0→#A0A0A0→#C0C0C0，倒角浮雕外部倒角大小 4 px。
  鉸鏈：兩側小圓柱，添加「倒角與浮雕」內部倒角大小 2 px，模擬金屬轉軸。
  底座：橢圓扁平體，漸變 #D0D0D0→#B0B0B0，頂部添加 1 px 高光線，底部投影分離地面。

4. 桌面投影與環境光整合

• 新建群組「Shadow」，橢圓選區羽化 20 px 填黑，高斯模糊 15 px，不透明度 25%，自由變形透視壓扁。
  環境光：頂層新建「Ambient」，徑向漸變 #FFFFFF→透明，模式「柔光」，8% 不透明度，中心對準螢幕上方。
  色階微調：整體對比度 +10%，高光輸出 250，保持通透不曝光。

智能對象複用策略

• 將「螢幕內容」做成智能對象，雙擊即可替換任意壁紙/APP 介面/代碼編輯器畫面，外部反射與玻璃效果自動保持。
• 將整組 iMac 圖層存為「.psb 智能對象」，置入不同場景（桌面、辦公室、展廳）自動適應透視與光影（配合消失點濾鏡）。

最終效果見文末圖。此法可衍生 MacBook、Mac Pro、Studio Display 等全系列 Apple 產品圖標族，構建統一設計語言素材庫。