在設(shè)計網(wǎng)頁和程序界面的時候，為了確保每一個像素的顏色、紋理和位置都準確地呈現(xiàn)，大多數(shù)設(shè)計師都會被搞得疲憊不堪。一不小心，一些很常用的操作像移動、旋轉(zhuǎn)和粘貼就會讓你的辛勤勞動付之東流。但是，如果能對你的工作流程做些小小的改動，就能在項目中始終保持作品的高質(zhì)量。

像素完美之旋轉(zhuǎn)

如果你不夠小心，那么在Photoshop中旋轉(zhuǎn)圖層就會使像素遭到明顯的破壞，出現(xiàn)模糊。

使用自由變換工具(或其他工具)把圖層精確旋轉(zhuǎn)90度或270度后，像素最終的顯示效果將取決于圖層的尺寸。如果圖層的寬和高都是偶數(shù)，你就可以幸免于難。如果圖層的寬和高都是奇數(shù)，也不會有問題。但是如果圖層的寬是奇數(shù)，高是偶數(shù)或者寬是偶數(shù)，高是奇數(shù)，那么你將會看到如下情景：

本例中原始圖層的尺寸為20×9像素：偶數(shù)×奇數(shù)。盡管位圖和矢量圖層在旋轉(zhuǎn)后的效果不一樣，但兩者都變得不可用了。這是由于圖層旋轉(zhuǎn)的中心點沒有落在某個像素邊界上導致的。

一種解決方法

當圖層的寬高為奇數(shù)×偶數(shù)或偶數(shù)×奇數(shù)時，旋轉(zhuǎn)后就會出現(xiàn)問題。因此，我們需要某種方法來保證圖層的寬高是偶數(shù)×偶數(shù)或奇數(shù)×奇數(shù)。也許你所想到的解決方法就是給要旋轉(zhuǎn)的圖層增加一個正方形的位圖蒙版或者添加更多的像素。除此之外，你還可以通過在另外一個圖層上繪制一個正方形后跟原始圖層同時旋轉(zhuǎn)來解決這個問題。

總而言之，只要圖層的寬高是偶數(shù)×偶數(shù)或者奇數(shù)×奇數(shù)就可以了。

一種更簡單的方法

在使用自由變換工具時，把旋轉(zhuǎn)的中心點挪到左上角(或其他任意一個頂角)就能確保它會落在某個像素的邊界上，這樣便能保證每次旋轉(zhuǎn)后的結(jié)果都是完美的。為此，你需要在選擇自由變換工具后在參考點設(shè)置按鈕上單擊下任意頂角再進行旋轉(zhuǎn)。這是目前為止最簡單有效的方法。

位圖蒙版和矢量蒙版也會因為這個問題受到影響，因此要小心使用。但其實它只影響那些通過編輯菜單中的“自由變換”或者“變換”進行旋轉(zhuǎn)的圖層。如果使用圖像→ 圖像旋轉(zhuǎn)對整個畫布進行旋轉(zhuǎn)則不會出現(xiàn)這個問題。

為了讓工作變得更輕松，我就為你悉心制作了一些Photoshop動作和工作流程。

像素完美之矢量粘貼

如果你在Illustrator中繪制了一幅像素對齊的原圖，然后作為形狀圖層粘貼到Photoshop里，你可能已經(jīng)留意到結(jié)果不僅不像預(yù)期的那樣(一幅絕對清晰的圖像)，而且是糟糕透頂。下面教你如何解決這個問題。

下圖是在Illustrator里構(gòu)造完美，像素與網(wǎng)格對齊的原圖，尺寸正是我們想用在Photoshop中的大小。

以下是同樣的路徑幾次粘貼到Photoshop后的效果。顯而易見，僅有左上的圖形是清晰的，其他圖形的像素不是沿x軸就是沿y軸或者兩個方向上都偏移了半個像素。