在Photoshop 中旋轉圖像時(這邊指順時鐘或逆時鐘旋轉90 度的情況),如果你的圖像的長跟寬都是奇數,或者都是偶數時,並不會發生什麼問題。但是當你的圖像只有一邊為奇數時,你會得到預期之外的結果,如下圖:
小編推薦:怎樣在Photoshop中保持像素的完美
為了更清楚的了解發生什麼事情,我們取一張3X4 像素的圖形,可以發現由於旋轉中心在兩像素的鄰邊,當我們對此圖形做90度旋轉後、原本的圖形並沒有完整落在像素范圍(灰色格線)內,因此系統就必須重新計算格線內像素的色彩(我們稱之為重新取樣),這麼一來你原本的圖形就會遭受破壞:
解決方法
一個快速的解決方式是,不要直接旋轉你的圖像,而是使用Photoshop 的旋轉工具做一個方型范圍的選取,並且旋轉這個方型范圍,如此一來由於旋轉中心在像素交會處,可以得到確實填滿像素的結果:
更好的解決方式
在執行變形工具的時候,將旋轉中心選擇在左上方(或者任何一個角落都可以),如此一來即可解決這個問題:
對於網頁以及UI 介面設計師而言,一邊考慮設計之余還得小心處理像素實在令人覺得枯燥乏味,要不斷的檢查每個像素的位置、紋理是否准確,是否被重新取樣造成模糊邊緣等等。但是如果在工作習慣上開始做一點點的小改變,就可以確保你辛苦繪制的圖形不會化為烏有。