【PS旋轉技巧】讓像素完美呈現

「如果你不夠小心，在Photoshop 中旋轉圖像時，可能會毀了你辛苦完成的作品！」

～ Marc Edward

在Photoshop 中旋轉圖像時（這邊指順時鐘或逆時鐘旋轉90 度的情況），如果你的圖像的長跟寬都是奇數，或者都是偶數時，并不會發生什么問題。但是當你的圖像只有一邊為奇數時，你會得到預期之外的結果，如下圖：

為了更清楚的了解發生什么事情，我們取一張3X4 像素的圖形，可以發現由于旋轉中心在兩像素的鄰邊，當我們對此圖形做90度旋轉后、原本的圖形并沒有完整落在像素范圍（灰色格線）內，因此系統就必須重新計算格線內像素的色彩（我們稱之為重新取樣），這么一來你原本的圖形就會遭受破壞：

解決方法

一個快速的解決方式是，不要直接旋轉你的圖像，而是使用Photoshop 的旋轉工具做一個方型范圍的選取，并且旋轉這個方型范圍，如此一來由于旋轉中心在像素交會處，可以得到確實填滿像素的結果：

更好的解決方式

在執行變形工具的時候，將旋轉中心選擇在左上方（或者任何一個角落都可以），如此一來即可解決這個問題：

對于網頁以及UI 介面設計師而言，一邊考慮設計之余還得小心處理像素實在令人覺得枯燥乏味，要不斷的檢查每個像素的位置、紋理是否準確，是否被重新取樣造成模糊邊緣等等。但是如果在工作習慣上開始做一點點的小改變，就可以確保你辛苦繪制的圖形不會化為烏有。

參考資料：Pixel perfect rotation?by??Marc Edward

原文鏈接：http://dclick.cc/2012/09/01/