如何在PS中保持像素的完美

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

一種解決方法

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

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

一種更簡單的方法

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

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

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

像素完美之矢量粘貼

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

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

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

哪里出錯了呢?