教學定位與成品

資深設計師首發教學，面向熟悉 PS 基礎操作者分享高科技質感圖標實戰經驗。成品展現金屬邊框、發光面板、電路紋理、玻璃倒角等複雜材質融合，極具未來感。

作者教學哲學

• 僅代表個人心得，非行業標準，請批判性學習
• 拒絕提供源文件：學 PS 如解數學題，親手操作每步驟才能內化
• 建議不懂術語者按 F1 查閱官方幫助

40+ 步驟深度解析 (關鍵節點)

教學包含 40 張詳細截圖，涵蓋從基礎形狀到最終調色的完整決策鏈：

1. 基礎幾何與智能物件建立

矩形/圓角矩形/橢圓工具構建主體結構，轉為智能物件保持可編輯性。

2. 圖層樣式系統化構建材質

建立可復用的「材質樣式庫」：
金屬邊框：倒角浮雕 (內部/外部) + 漸層疊加 (金屬色系) + 內發光 + 描邊
發光面板：外發光 (螢幕模式) + 內發光 + 色彩疊加 + 漸層疊加 (透明到彩色)
玻璃倒角：倒角浮雕 (平滑/雙向) + 光澤 + 內陰影
電路紋理：圖案疊加 (自製線路圖案) + 模式「疊加/柔光」+ 不透明度控制

3. 細節豐富與氛圍營造

螺絲釘、指示燈、接口縫隙、表面劃痕等微觀細節以「樣式複製+微調」高效完成。環境光反射、體積投影、景深模糊統一空間感。調整圖層 (曲線、色階、色彩平衡、查詢色表) 統一冷暖色調。

4. 最終輸出與驗證

不同背景下測試圖標可讀性，導出多種尺寸規格 (512px/256px/128px/64px/32px/16px)，驗證縮放後細節保持度。