教學意義

色輪圖（色彩相位圖）完整呈現 360° 色相環，是理解「色相/飽和度」命令底層邏輯的關鍵。本教學以數學精度構建 36×11 格標準色輪，過程涵蓋漸變、馬賽克、極坐標、路徑描邊等核心技法，極適合提升精確繪圖能力。

成品展示

構建邏輯與步驟

1. 逆向工程分析

觀察目標圖：圓環由 36 段（順時針）× 11 環（徑向，含中心白格）組成。據此設定畫布 720×220 px（放大 20 倍），確保馬賽克與極坐標轉換無誤差。

2. 基礎色帶生成

• 新建圖層，填充 PS 內建「彩虹漸變」（對應色相環 360°）。
• 疊加「黑白漸變（外黑內白）」，混合模式「強光」，模擬飽和度徑向遞減。

3. 馬賽克離散化

執行「濾鏡 > 像素化 > 馬賽克」，格胞大小 20 px（對應 20 倍放大比），將連續色帶轉為 36×11 方格矩陣。

4. 矩形極坐標變換

關閉「約束比例」，將高度設為 720 px 成正方形。執行「濾鏡 > 扭曲 > 極座標 > 平面轉極座標」，矩陣瞬間變為同心圓環。

5. 精準路徑描邊：同心圓與輻射線

• 路徑面板新建路徑，橢圓工具繪製直徑 720 px 正圓（Ctrl+T 數值輸入像素單位）。
• Ctrl+Alt+T 複製變換：直徑每次遞減 65.5 px（720÷11≈65.5），完成 11 同心圓。
  
• 2 px 硬邊白筆描邊所有圓環路徑。
  
• 輻射線：矩形工具繪 2 px 高白條，Ctrl+Alt+T 旋轉複製 10°（360°÷36），狂按 Shift+Ctrl+Alt+T 完成 36 根輻射線。
  
• 移除中心白格描邊：複製最小圓路徑 → 矢量蒙版「減去」模式貼上，或載入選區按 Alt 加蒙版。
  

最終成果

延伸思考

此法展示了「數值控制幾何」與「濾鏡幾何變換」結合的精確繪圖思維。同樣邏輯可構建扇形色相圖、色票表等標準化設計資產，值得收藏備查。