完美的像素(譯)(2)
2012/11/8 13:58:30來源:zcool.com.cn
在本例中原始圖層的尺寸為20×9像素,寬為偶數(shù),高為奇數(shù)。旋轉(zhuǎn)之后一部分像素糊掉了,但這樣的結(jié)果顯然不是我們想要的。一般的旋轉(zhuǎn)方法并沒有產(chǎn)生出清晰的像素邊緣。
一種改進(jìn)的辦法
之所以產(chǎn)生這樣的后果是因?yàn)閳D層的寬為偶數(shù)高為奇數(shù)或者寬為奇數(shù)高為偶數(shù),那么只要保證旋轉(zhuǎn)的部分寬和高都為偶數(shù)或者都為奇數(shù)就可以了。由此在圖層外圍框選一個(gè)正方形的選區(qū)之后再旋轉(zhuǎn),或者添加一排像素之后旋轉(zhuǎn)就可以解決這個(gè)問題了。甚至你也可以在原圖形的正上方新建一個(gè)圖層繪制一個(gè)正方形,選中這兩個(gè)圖層之后整體旋轉(zhuǎn),然后刪除掉新建的圖層。
總而言之,只要圖層的寬和高是偶數(shù)×偶數(shù)或者奇數(shù)×奇數(shù)就可以了。
一種更容易的辦法
使用自由變換工具時(shí),將參考點(diǎn)位置更改為左上角或者四角中的任意一個(gè)。這樣每次旋轉(zhuǎn)參考點(diǎn)都將處于圖層的邊角,旋轉(zhuǎn)之后的像素也將擁有完美的邊緣。要進(jìn)行這一步,先按下ctrl+t,進(jìn)入自由變換模式,然后在“選項(xiàng)”面板中點(diǎn)擊左上角的小方塊或者其他三個(gè)角的任意一個(gè),之后再進(jìn)行旋轉(zhuǎn)。這種方法是我目前所知的最為簡單有效的方法。
不管是位圖還是矢量圖形在旋轉(zhuǎn)的過程中都會(huì)導(dǎo)致一部分像素糊掉,所以在對(duì)圖像進(jìn)行旋轉(zhuǎn)時(shí)一定要加以注意。
在粘貼過程中保持像素的完美
如果你在illustrator中繪制圖形時(shí)選擇了對(duì)齊像素網(wǎng)格,然后在photoshop中將其粘貼為形狀,大多數(shù)情況下你會(huì)發(fā)現(xiàn)情況并不如你所愿,形狀的邊緣不夠清晰,形狀的邊緣沒有對(duì)齊到像素的邊緣。下面我來告訴你如何解決這個(gè)問題。
下圖是我在illustrator中細(xì)心繪制的形狀,在繪制時(shí)選擇了“對(duì)齊像素網(wǎng)格”,它的尺寸也是我想要在photoshop中實(shí)現(xiàn)的尺寸。
下圖則是同樣的路徑粘貼在photoshop中的效果,請注意為什么只有左上角的圖形邊緣是清晰銳利的,而其他圖形不是在x軸上跨出了半個(gè)像素就是在y軸上跨出了半個(gè)像素。
問題出在哪里呢?
photoshop處理粘貼行為主要有兩種方式,如果你繪制了一個(gè)選區(qū),那么剪貼板中內(nèi)容的中心點(diǎn)將與選區(qū)的中心點(diǎn)對(duì)齊。如果你沒有創(chuàng)建選區(qū),那么剪貼板中內(nèi)容的中心點(diǎn)將與你當(dāng)前窗口區(qū)域的中心點(diǎn)對(duì)齊。(窗口區(qū)域和文檔區(qū)域是不同的)你對(duì)文檔的縮放程度以及當(dāng)前窗口的內(nèi)容位于文檔的哪個(gè)區(qū)域都會(huì)影響到粘貼的結(jié)果。
一種改進(jìn)的方法
本例中作品的尺寸為寬32像素高12像素,在photoshop中框選一個(gè)32×12像素的選區(qū),這樣在粘貼時(shí)就可以約束路徑完美地粘貼到選區(qū)中并與像素邊緣對(duì)齊。這個(gè)方法每次都會(huì)奏效只是有些繁瑣。
一種更為簡便的方法
框選的選區(qū)不一定非得和要粘貼的內(nèi)容尺寸相等,在本例中框選一個(gè)2×2像素的選區(qū)就可以奏效了。因?yàn)閷捄透呔鶠榕紨?shù)的選區(qū)與寬和高均為偶數(shù)的剪貼板內(nèi)容在中心點(diǎn)上是完全對(duì)齊的,而這正是我們想要的結(jié)果。同樣的,如果剪貼板內(nèi)容的寬和高均為奇數(shù)的話,我們只需要框選一個(gè)1×1像素的選區(qū)就夠了。如果這段話沒有解釋清楚的話請看下圖
如果你懶得去計(jì)算粘貼對(duì)象的尺寸的話,那么你就隨意繪制一個(gè)選區(qū),比如2×2,然后進(jìn)行粘貼,如果圖像在x軸上產(chǎn)生了模糊,那么重新繪制一個(gè)1×2的選區(qū)再次粘貼。如果圖像僅僅在y軸上產(chǎn)生了模糊,那么將選區(qū)修改為2×1,再次粘貼。如果圖像在x軸和y軸上都產(chǎn)生了模糊,那么重新繪制一個(gè)1×1的選區(qū)再次粘貼。
上面的步驟聽起來可能有些復(fù)雜,不過在實(shí)際應(yīng)用中卻非??旖?。最多只需要粘貼兩次就能從illustrator中粘貼一個(gè)邊緣清晰銳利的圖形了。
智能對(duì)象
將對(duì)象作為智能對(duì)象粘貼則不會(huì)出現(xiàn)如上所說的問題(至少在photoshop cs5中不會(huì))。我之所以喜歡粘貼為形狀圖層乃是因?yàn)樗鼈儽阌诓倏兀删庉嬓詮?qiáng),形狀不會(huì)失真。
譯者注:對(duì)齊像素網(wǎng)格的功能只存在于illustrator cs5中(illustrator cs4中有沒有我不是很清楚),在繪制對(duì)象時(shí)illustrator文檔的分辨率必須與photoshop文檔的分辨率相同,這樣從illustrator中將對(duì)象粘貼到photoshop中時(shí)才能保持原始的尺寸。
[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://m.pkvc.cn/tutorial/ps1220.html
本文地址:http://m.pkvc.cn/tutorial/ps1220.html
這些是最新的
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問題
- 網(wǎng)頁設(shè)計(jì)精粹 網(wǎng)頁中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁UI - 原子設(shè)計(jì)理論(上)
- 如何通過設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏
最熱門的教程