螺旋槳圖標因其旋轉動態特性與機械質感，是測試設計師幾何構圖、材質表現與動效預判能力的優秀練習題材。本教程將完整拆解一枚螺旋槳圖標的創作流程，從參考分析到多尺寸導出，助你掌握機械類圖標的專業設計方法論。

效果預覽

最終成品呈現一枚三葉螺旋槳，銀灰金屬拉絲質感，葉片扭轉角度真實，輪轂螺栓細節清晰，整體具備航空工業級視覺質感：

設計前置分析

維度	分析結論	設計決策
功能語義	航空、動力、旋轉、速度、工業	三葉非對稱佈局，暗示旋轉方向
材質屬性	鋁合金/鈦合金，陽極氧化，精密加工	拉絲紋理 + 陽極氧化色澤 + CNC 刀紋
幾何特徵	葉片扭轉、後掠角、翼尖彎曲	鋼筆路徑精確建模，透視正確
尺寸規範	App 圖標標準：1024×1024 px 基礎尺寸	安全區 80%，內容區 70%
動效預留	旋轉中心對齊，葉片質量分佈均勻	圖層結構分離葉片與輪轂

專業制作工作流

階段一：參考建模與幾何構建（30 分鐘）

1. 收集參考：搜尋「aircraft propeller blueprint」「turbine blade cross section」獲取正視/側視/剖面圖
2. 新建 1024×1024 px 文檔，建立參考圖層組（不透明度 30%，鎖定）
3. 輪轂構建：橢圓工具按 Shift 繪製 120 px 正圓 → 複製縮放 80 px → 路徑運算「排除重疊區域」形成環形 → 填充 #8A8A8E
4. 葉片基礎形狀：鋼筆工具（形狀模式）繪製單葉片輪廓——根部寬 40 px，尖端圓潤，後掠角 15°，翼尖上揚 8 px → 轉為智能對象命名「Blade_Base」
5. 三葉佈局：複製「Blade_Base」兩份，分別旋轉 120°、240°（Ctrl+T → 設置參考點中心 → 輸入角度），群組命名「Blades」

階段二：材質系統構建（45 分鐘）

輪轂材質：陽極氧化鋁

• 環形基礎形狀添加樣式：
  斜面浮雕：風格「外部斜面」，大小 6 px，柔化 1 px，深度 150%，高光「線性減淡」#E0E0E0 60%，陰影「線性加深」#5A5A5E 50%
  內陰影：距離 2 px，大小 4 px，#000 30%（內孔深度）
  漸變疊加：徑向漸變，中心 #A8A8AC → 邊緣 #78787C，疊加 35%
  圖案疊加：徑向拉絲紋理（自製：噪點→動感模糊徑向），柔光 20%，縮放 30%
• 螺栓孔：複製環形縮放 60% → 減去頂層形狀 → 6 等分複製旋轉 → 統一添加內陰影+斜面浮雕表現沉頭螺栓

葉片材質：CNC 加工金屬

1. 進入「Blade_Base」智能對象編輯：
   基礎填充 #9E9E9E
   斜面浮雕：風格「鑿刻清晰」，大小 4 px，深度 200%，高光「線性減淡」#FFFFFF 40%，陰影「線性加深」#666666 40%（模擬葉片厚度與倒角）
   漸變疊加：線性漸變，角度與葉片弦線平行，根部 #B0B0B0 → 尖端 #858585，正常 100%（表現厚度漸變）
   圖案疊加：順向拉絲紋理（角度平行葉片弦線），柔光 15%，縮放 50%
2. 前緣/後緣高光：新建圖層剪貼蒙版，1 px 硬邊筆刷 #FFFFFF 不透明度 60%，沿前緣（迎風面）繪製銳利高光線；後緣用 #CCCCCC 20% 繪製柔和反光
3. 翼尖渦流標識：翼尖外側添加微小紅色/綠色導航燈點（直徑 3 px，外發光 #FF0000/#00FF00，大小 8 px）

階段三：光影統一與環境融合（20 分鐘）

• 全局光源：左上 120°/30°，色溫 5600K（日光）
• 關鍵光：新建圖層「Key_Light」，柔邊筆刷 80 px，#FFF8E7 不透明度 12%，掃過葉片迎風面上半部
• 環境反射：新建圖層「Env_Reflection」，柔邊筆刷 60 px，#E8F4FF 不透明度 8%，掃過葉片背風面下半部（藍天反射）
• 環境光遮蔽：新建圖層「AO」，柔邊筆刷 20 px，#000000 不透明度 10%，繪製葉片根部連接處、輪轂陰影區
• 地面投影：合併主體副本 → 填充黑 → 高斯模糊 15 px → 縱向縮放 25% → 橢圓蒙版柔化邊緣 → 不透明度 20%

階段四：微細節與品質把控（15 分鐘）

• CNC 刀紋：葉片表面添加極細平行線紋（新建圖層 → 單行文字工具輸入 "||||||||" → 旋轉對齊葉片 → 光柵化 → 運動模糊匹配角度 → 柔光 5%）
• 陽極氧化色澤：頂層添加 色彩平衡 調整層：陰影 +3 青/-3 紅，中間調 +2 綠，高光 +5 黃（冷金屬感）
• 銳化輸出：濾鏡 → 銳化 → 智慧銳化 數量 80%，半徑 0.6 px，減少陰影/高光暈影
• 像素級檢查：400% 放大檢查所有矢量邊緣對齊、無多餘錨點、蒙版邊緣銳利

多尺寸導出與交付包

Propeller_Icon/
├── Source/
│   ├── Propeller_Master.psd          (完整圖層結構)
│   ├── Propeller_Blade_SmartObj.psb  (葉片智能對象源文件)
│   └── Textures/
│       ├── Brushed_Aluminum.pat
│       └── Anodized_Gradient.grd
├── Export/
│   ├── PNG/
│   │   ├── propeller@1x.png   (1024×1024)
│   │   ├── propeller@2x.png   (2048×2048)
│   │   └── propeller@3x.png   (3072×3072)
│   ├── SVG/
│   │   └── propeller.svg      (矢量輪廓，無光影效果)
│   └── WebP/
│       └── propeller.webp     (有損壓縮 85% 品質)
├── Specs/
│   ├── Color_Palette.ase
│   ├── Typography.txt
│   └── Animation_Specs.md     (旋轉中心、幀率、緩動函數)
└── README.md

動效設計預留指南

為配合開發實現旋轉動畫，建議在源文件中預留：

• 旋轉中心標記：引導線十字交點置於輪轂幾何中心
• 葉片獨立圖層組：每片葉片可獨立旋轉（如變距螺旋槳動畫）
• 動態模糊預渲染：不同 RPM 下的動態模糊靜態幀（60/120/240 RPM）
• 關鍵幀導出：0°、60°、120°、180°、240°、300° 六幀 PNG 序列

避坑指南與進階挑戰

常見問題	原因	解決方案
葉片透視扭曲不自然	未參考真實葉片剖面數據	查閱 NACA 翼型數據庫，導入實際翼型輪廓
材質呈現「塑膠感」	高光過強、缺乏拉絲方向性	降低高光不透明度，拉絲紋理角度嚴格平行弦線
小尺寸下葉片融合	葉片根部間隙過小	根部間隙 ≥ 4 px（@1x），或簡化為三輻條輪轂
文件過大載入緩慢	過多智能對象嵌套、高解析位圖紋理	程序化紋理替代位圖，合併非編輯圖層

螺旋槳圖標的進階挑戰：嘗試設計「可變距螺旋槳」（葉片可旋轉改變攻角）、「反轉螺旋槳雙旋翼系統」、「渦扇發動機扇葉」等更複雜機械結構。每一次嘗試都將深化你對機械幾何、材質物理與動態視覺的理解，這正是圖標設計師通往「產品級視覺工程師」的必經之路。