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

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

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

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

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

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

一種解決方法

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

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

一種更簡(jiǎn)單的方法

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

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

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

像素完美之矢量粘貼

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

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

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

哪里出錯(cuò)了呢?