網頁/介面設計師最頭痛的「像素偏移」問題，往往源於旋轉、貼上、錨點微調等看似基本的操作。本文深度解析 Photoshop 中像素破壞的根本原因，並提供三大場景的實戰解決方案：旋轉中心點法、選區對齊貼上法、雙視窗 100% 微調法，助你建立像素級精準工作流，拒絕模糊、鋸齒、半像素偏移。

場景一：旋轉不再模糊——移動參考點法

問題根源

自由變換 (Ctrl+T) 旋轉 90°/270° 時，若圖層寬高為「奇×偶」或「偶×奇」，旋轉中心落於像素邊界之外，導致像素重新取樣產生模糊。唯有「奇×奇」或「偶×偶」尺寸才能倖免。

解決方案：參考點置頂角

1. Ctrl+T 進入自由變換。
2. 選項欄「參考點定位」九宮格點擊任一頂角（左上/右上/左下/右下）。
3. 輸入 90° 或 270° 旋轉，中心點精準落在像素角點，結果銳利無模糊。

注意：此法僅對「編輯」→「自由變換/變換」有效；「影像」→「影像旋轉」旋轉整個畫布不受影響。位圖/向量蒙版同樣適用。

場景二：Illustrator 路徑貼上 PS 像素對齊——選區預對齊法

問題現象

AI 中完美像素對齊的路徑，貼上 PS 為形狀圖層時，常因視圖縮放、畫布位置不同導致中心點偏移半像素，邊緣模糊。

解決方案：預建偶數像素選區

1. 在 PS 以「矩形選框工具」(M) 拉出偶數×偶數像素選區（如 2×2、32×12、100×100）。
2. 從 AI 複製路徑 → PS 貼上 → 選「形狀圖層」，路徑中心自動對齊選區中心（皆落於像素邊界），邊緣完美銳利。

進階技巧：若不知路徑尺寸奇偶，先建 2×2 選區貼上；若 X 軸模糊改 1×2，Y 軸模糊改 2×1，雙軸模糊改 1×1。最多貼上兩次即得完美結果。

場景三：放大視圖下錨點微調仍按整像素移動——雙視窗 100% 參考法

問題現象

直接選擇工具 (A) 微調錨點時，移動距離受縮放比例影響：100% 移 1 px、200% 移 0.5 px、300% 移 0.33 px。放大細修卻想按整像素移動時極不方便。

解決方案：雙視窗同步編輯

1. 「視窗」→「排列」→「為 [檔案名] 新建視窗」，開啟同一文件第二視窗。
2. 視窗 1 保持 100% 縮放；視窗 2 任意放大（如 400%）進行精細操作。
3. 視窗 2 用直接選擇工具選取錨點 → Ctrl+` (鍵盤左上角反引號) 切換至視窗 1 → 同樣工具按方向鍵微調 → Ctrl+` 切回視窗 2 繼續編輯。因視窗 1 為 100%，每次微調精確移動 1 像素。

補充：按住 Shift+方向鍵無論縮放多少皆移動 10 px；滑鼠拖曳錨點多數情況自動吸附像素網格，但不保證 100%。

總結：掌控像素，從改變習慣開始

• 旋轉前先設參考點頂角。
• 貼上向量前先拉偶數選區。
• 微調錨點時開雙視窗鎖定 100% 參考。

這些微小習慣改變，能讓你在專案全程保持像素完美，輸出零誤差的高品質設計稿。

註：更多教學請關注本站 Photoshop 專欄，三聯 PS 群：182958314 歡迎加入。