關(guān)于photoshop調整大小不改變清晰度的信息

在photoshop中旋轉、粘貼以及輕移像素時(shí)保持像素的完整性。關(guān)于怎樣理解像素的完整性本文將在后面進(jìn)行分析。本文講述的主要是像素級別的圖像處理，主要針對的是網(wǎng)頁(yè)以及用戶(hù)界面按鈕和部件的繪制，有的段落專(zhuān)業(yè)術(shù)語(yǔ)的講解可能有些枯燥，對網(wǎng)頁(yè)設計或者界面設計領(lǐng)域不熟悉或者不感興趣的同學(xué)大可以跳過(guò)了。

在設計網(wǎng)頁(yè)以及程序界面時(shí)，大多數的設計師對于像素的優(yōu)化可能會(huì )覺(jué)得煩躁不堪。他們經(jīng)常要確保每個(gè)像素的顏色、紋理以及位置是否準確，需要查看像素是否有毛邊。如果你不夠小心，一些很常見(jiàn)的操作（諸如移動(dòng)、旋轉、粘貼）也會(huì )破壞你辛辛苦苦完成的作品，使它們陷入混亂。但是，如果在工作流程上做一些小小的改變，你就可以從項目的開(kāi)始到結束保證作品的質(zhì)量不會(huì )受損。

在旋轉過(guò)程中保持像素的完美

在photoshop中旋轉圖層時(shí)，如果你不夠小心，旋轉之后的像素很有可能會(huì )糊掉。

比如說(shuō)我們使用自由變換工具或者其他工具將圖層旋轉90度或者270度，圖層邊緣的質(zhì)量往往取決于圖層的具體尺寸。如果一個(gè)圖層的寬和高都為偶數，或者都為奇數，比如說(shuō)* ** 或者* ** ，在旋轉過(guò)程中是不會(huì )出現問(wèn)題的。但是如果寬為偶數高為奇數或者寬為奇數高為偶數的話(huà)，就會(huì )出現如下圖所示的問(wèn)題。

在本例中原始圖層的尺寸為20×9像素，寬為偶數，高為奇數。旋轉之后一部分像素糊掉了，但這樣的結果顯然不是我們想要的。一般的旋轉方法并沒(méi)有產(chǎn)生出清晰的像素邊緣。

一種改進(jìn)的辦法

之所以產(chǎn)生這樣的后果是因為圖層的寬為偶數高為奇數或者寬為奇數高為偶數，那么只要保證旋轉的部分寬和高都為偶數或者都為奇數就可以了。由此在圖層外圍框選一個(gè)正方形的選區之后再旋轉，或者添加一排像素之后旋轉就可以解決這個(gè)問(wèn)題了。甚至你也可以在原圖形的正上方新建一個(gè)圖層繪制一個(gè)正方形，選中這兩個(gè)圖層之后整體旋轉，然后刪除掉新建的圖層。

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

一種更容易的辦法

使用自由變換工具時(shí)，將參考點(diǎn)位置更改為左上角或者四角中的任意一個(gè)。這樣每次旋轉參考點(diǎn)都將處于圖層的邊角，旋轉之后的像素也將擁有完美的邊緣。要進(jìn)行這一步，先按下ctrl+t，進(jìn)入自由變換模式，然后在“選項”面板中點(diǎn)擊左上角的小方塊或者其他三個(gè)角的任意一個(gè)，之后再進(jìn)行旋轉。這種方法是我目前所知的最為簡(jiǎn)單有效的方法。

不管是位圖還是矢量圖形在旋轉的過(guò)程中都會(huì )導致一部分像素糊掉，所以在對圖像進(jìn)行旋轉時(shí)一定要加以注意。

在粘貼過(guò)程中保持像素的完美

如果你在illustrator中繪制圖形時(shí)選擇了對齊像素網(wǎng)格，然后在photoshop中將其粘貼為形狀，大多數情況下你會(huì )發(fā)現情況并不如你所愿，形狀的邊緣不夠清晰，形狀的邊緣沒(méi)有對齊到像素的邊緣。下面我來(lái)告訴你如何解決這個(gè)問(wèn)題。

下圖是我在illustrator中細心繪制的形狀，在繪制時(shí)選擇了“對齊像素網(wǎng)格”，它的尺寸也是我想要在photoshop中實(shí)現的尺寸。

下圖則是同樣的路徑粘貼在photoshop中的效果，請注意為什么只有左上角的圖形邊緣是清晰銳利的，而其他圖形不是在x軸上跨出了半個(gè)像素就是在y軸上跨出了半個(gè)像素。

問(wèn)題出在哪里呢？

photoshop處理粘貼行為主要有兩種方式，如果你繪制了一個(gè)選區，那么剪貼板中內容的中心點(diǎn)將與選區的中心點(diǎn)對齊。如果你沒(méi)有創(chuàng )建選區，那么剪貼板中內容的中心點(diǎn)將與你當前窗口區域的中心點(diǎn)對齊。（窗口區域和文檔區域是不同的）你對文檔的縮放程度以及當前窗口的內容位于文檔的哪個(gè)區域都會(huì )影響到粘貼的結果。

一種改進(jìn)的方法

本例中作品的尺寸為寬* 2像素高12像素，在photoshop中框選一個(gè)* 2×12像素的選區，這樣在粘貼時(shí)就可以約束路徑完美地粘貼到選區中并與像素邊緣對齊。這個(gè)方法每次都會(huì )奏效只是有些繁瑣。

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

框選的選區不一定非得和要粘貼的內容尺寸相等，在本例中框選一個(gè)2×2像素的選區就可以奏效了。因為寬和高均為偶數的選區與寬和高均為偶數的剪貼板內容在中心點(diǎn)上是完全對齊的，而這正是我們想要的結果。同樣的，如果剪貼板內容的寬和高均為奇數的話(huà)，我們只需要框選一個(gè)1×1像素的選區就夠了。如果這段話(huà)沒(méi)有解釋清楚的話(huà)請看下圖

如果你懶得去計算粘貼對象的尺寸的話(huà)，那么你就隨意繪制一個(gè)選區，比如2×2，然后進(jìn)行粘貼，如果圖像在x軸上產(chǎn)生了模糊，那么重新繪制一個(gè)1×2的選區再次粘貼。如果圖像僅僅在y軸上產(chǎn)生了模糊，那么將選區修改為2×1，再次粘貼。如果圖像在x軸和y軸上都產(chǎn)生了模糊，那么重新繪制一個(gè)1×1的選區再次粘貼。

上面的步驟聽(tīng)起來(lái)可能有些復雜，不過(guò)在實(shí)際應用中卻非?？旖?。最多只需要粘貼兩次就能從illustrator中粘貼一個(gè)邊緣清晰銳利的圖形了。需要學(xué)習軟件的同學(xué)，大家可以吉印通 搜索錦子會(huì )，去錦子會(huì )博客下載更多學(xué)習資源！如想要了解我的，請吉印通 搜索羅錦，歡迎了解更多我的設計之路！

智能對象

將對象作為智能對象粘貼則不會(huì )出現如上所說(shuō)的問(wèn)題（至少在photoshop cs* 中不會(huì )）。我之所以喜歡粘貼為形狀圖層乃是因為它們便于操控，可編輯性強，形狀不會(huì )失真。

譯者注：對齊像素網(wǎng)格的功能只存在于illustrator cs* 中（illustrator cs* 中有沒(méi)有我不是很清楚），在繪制對象時(shí)illustrator文檔的分辨率必須與photoshop文檔的分辨率相同，這樣從illustrator中將對象粘貼到photoshop中時(shí)才能保持原始的尺寸。