高清 PNG 縮小為 ICON 時細節常慘不忍睹，而專業設計師輸出的小尺寸圖標卻銳利飽滿。秘訣在於 Photoshop CS6 強大的「像素對齊網格」與「次像素」微調技巧。本文深度解析這兩大核心功能，助你輕鬆繪製像素級完美圖標。

一、像素對齊網格：消除虛邊、保證銳利的基石

1. 對象繪製時的像素對齊

CS6 初始狀態下，僅 100% 畫布比例下繪製不會模糊；放大縮小後即使開啟網格輔助，邊緣依然模糊（見圖 2：藍色為 100% 無網格，紫色為非 100% 有網格，邊緣明顯發虛）。

原因在於預設網格單位為「毫米」而非「像素」（見圖 3 首選項）。

關鍵設置步驟：

1. 打開 編輯 > 首選項 > 參考線、網格和切片。
2. 網格線間隔：單位改為 像素，數值設為 1；子網格數值同設為 1（必須相等）。
3. 按 Ctrl + ' 顯示/隱藏網格。
4. 確保 視圖 > 對齊 與 視圖 > 對齊到 > 網格 均已勾選。

完成設置後，任意縮放比例下繪製矩形、圓角矩形、橢圓等常規形狀，邊緣皆能完美對齊像素網格，零模糊。

2. 對象變換時的像素對齊

長寬同為奇數或同為偶數時，90° 旋轉可完美對齊；若一奇一偶則會模糊。解決辦法：旋轉後不退出自由變換模式，開啟網格輔助，拖動對象讓邊緣自動吸附對齊網格。

二、次像素微調：讓圖形更飽滿、消除鋸齒

案例：下拉選單三角箭頭的三種繪製對比

• 方案 A（鉛筆逐像素繪製）：銳利但低分屏下鋸齒明顯，生硬。
• 方案 B（路徑對齊網格繪製）：無鋸齒，但體量感被削弱，視覺單薄。
• 方案 C（次像素微調）：兼具無鋸齒與飽滿體量，最佳效果。

次像素微調實操：

1. 放大畫布至 3200% 以上，開啟像素網格顯示。
2. 用「路徑選擇工具」選中角點錨點。
3. 輕按鍵盤方向鍵，將錨點向外微移 1-2 像素，使原本淡色的次像素變深，填補視覺空缺。

此法不限於箭頭，任何帶傾斜邊緣、圓弧的圖標形狀均可應用。開啟「像素眼」，你會發現更多微調機會。

總結

• 像素對齊網格解決「不模糊」的基礎問題。
• 次像素微調解決「更飽滿、更銳利」的進階問題。
• 兩者結合，是 CS6 時代繪製完美 ICON 的黃金組合。