在設計網頁和程序界面的時候,為了確保每一個像素的顏色、紋理和位置都準確地呈現,大多數設計師都會被搞得疲憊不堪。一不小心,一些很常用的操作像移動、旋轉和粘貼就會讓你的辛勤勞動付之東流。但是,如果能對你的工作流程做些小小的改動,就能在項目中始終保持作品的高質量。
像素完美之旋轉
如果你不夠小心,那么在Photoshop中旋轉圖層就會使像素遭到明顯的破壞,出現模糊。
使用自由變換工具(或其他工具)把圖層旋轉90度或270度后,像素最終的顯示效果將取決于圖層的尺寸。如果圖層的寬和高都是偶數,你就可以幸免于難。如果圖層的寬和高都是奇數,也不會有問題。但是如果圖層的寬是奇數,高是偶數或者寬是偶數,高是奇數,那么你將會看到如下情景:
本例中原始圖層的尺寸為20×9像素:偶數×奇數。盡管位圖和矢量圖層在旋轉后的效果不一樣,但兩者都變得不可用了。這是由于圖層旋轉的中心點沒有落在某個像素邊界上導致的。
一種解決方法
當圖層的寬高為奇數×偶數或偶數×奇數時,旋轉后就會出現問題。因此,我們需要某種方法來保證圖層的寬高是偶數×偶數或奇數×奇數。也許你所想到的解決方法就是給要旋轉的圖層增加一個正方形的位圖蒙版或者添加更多的像素。除此之外,你還可以通過在另外一個圖層上繪制一個正方形后跟原始圖層同時旋轉來解決這個問題。
總而言之,只要圖層的寬高是偶數×偶數或者奇數×奇數就可以了。
一種更簡單的方法
在使用自由變換工具時,把旋轉的中心點挪到左上角(或其他任意一個頂角)就能確保它會落在某個像素的邊界上,這樣便能保證每次旋轉后的結果都是完美的。為此,你需要在選擇自由變換工具后在參考點設置按鈕上單擊下任意頂角再進行旋轉。這是目前為止最簡單有效的方法。