10.16日(rì)音(yīn)訊,實用(yòn>σ§↕g)的(de)制(zhì)作(zuò)清晰可(kě)見(jiàn)像素圖片。↔ 大(dà)家(jiā)在設計(jì)界面和(hé)網頁時(∞←★≥shí)，是(shì)不(bù)是(shì)經常碰到↑↑φφ(dào)PS裡(lǐ)繪制(zhì)的(de)圖标雖然是(shì)矢量™&∞α的(de)，但(dàn)還(hái)是(shì)會(huì)有&'α(yǒu)許多(duō)虛邊，在放(fàng)大(dà)、縮小(xiǎo✘→δβ)、旋轉後虛邊變的(de)更嚴重了(le)，或者是(↑$↔shì)在AI裡(lǐ)繪制(zhì)的(de)精美(m₽☆✔×ěi)矢量圖标粘到(dào)PS裡(lǐ)就(₹<™≤jiù)變虛了(le)，我們辛苦設計(jì)的α§(de)作(zuò)品就(jiù)這(zhè→&)樣變”糊了(le)” γγ，這(zhè)是(shì)我們雙眼所不(∞"'bù)允許的(de)，我們要(yào)讓每一(y§∑§ī)個(gè)像素都(dōu)清晰可(kě)辨。要(yào)解σ™≈決這(zhè)些(xiē)問(wèn)題↕α£γ就(jiù)要(yào)理(lǐ)解PS像素組成的(de)原理∏ (lǐ)，了(le)解一(yī)些(xiē)設置選項$÷和(hé)使用(yòng)技(jì)巧，↕•Ω≥下(xià)面和(hé)大(dà)家(jiā)一(yī)塊分(f©♠☆♦ēn)享。
一(yī)、繪制(zhì)邊緣清晰的(de)「形狀圖層≥≠₽」
我們通(tōng)常在PS裡(lǐ)繪制(zhì)矩α≤形時(shí)會(huì)用(yòng)£≈「矩形工(gōng)具」，這(zhè)樣産生(shēng)δ 的(de)是(shì)矢量的(de)形狀圖層，它∞£★×的(de)好(hǎo)處是(shì)我們無論放(fàng)大(dà)縮小(xi★™∏ǎo)時(shí)都(dōu)保持矢量屬性，但(dàn)當我們放(f£γ>≈àng)大(dà)視(shì)圖看(kà★≤σ$n)時(shí)還(hái)是(shì)有(yǒu)↓π虛邊（上(shàng)圖），這(zhè)些(xiē)虛邊雖然在©±繪制(zhì)大(dà)的(de)圖形時γλ(shí)影(yǐng)響不(bù)太大(dà)，但 ↑>×(dàn)當我們繪制(zhì)很(hěn)小(xiǎo)的(de)像素級圖标>®ε時(shí)，就(jiù)會(huì)很(hěn)≥$明(míng)顯了(le)。
解決方法是(shì)選中下(xià)圖列出的(deφ↔₹)「對(duì)齊像素」選項，當我們再繪制(zhì)同' 樣的(de)矩形時(shí)，放(fàng)大(dà)視(shì±π↕)圖看(kàn)邊緣就(jiù)清晰可(kě)辨了(le)（下>∑₽(xià)圖）。其中的(de)原理(lǐ)₽↕是(shì)：我們屏幕顯示的(de)圖像是(shì)由無數 (shù)個(gè)像素組成的(de)，也(yě)就(jiπ>Ωù)是(shì)說(shuō)像素是(sh↑¥"₽ì)圖形的(de)最小(xiǎo)單位，通(tōng)常當我們繪制(zhì)的®₹₩"(de)圖形不(bù)是(shì)整數(shù)像素時(s£≥ hí)，比如(rú)寬是(shì)20.5像素，那(nà α)0.5的(de)像素小(xiǎo)于1₹"§©像素，PS就(jiù)會(huì)以虛邊Ωφ¥顯示。當選中[對(duì)齊像素]選項時(shí)，我們繪制(↕♠ ♥zhì)的(de)寬、高(gāo)将都(dōu₹ <)是(shì)整數(shù)了(le)。
二、旋轉圖形時(shí)保持邊緣清晰
當我們以矩形的(de)中心點90度旋轉★↔時(shí)，得(de)到(dào)的(de)☆↑₩矩形缺失了(le)兩個(gè)邊。這(zhè)是(shì)什(shén)麽原因♣♦Ω呢(ne)？得(de)知(zhī)這(zhè)個(gè)矩形的(d≤∑αe)長(cháng)是(shì)奇數(shù)、寬是(shì)偶數(shù↔∏)。當以中心點旋轉時(shí)像素不(b↕ù)能(néng)整分(fēn)，所以得(de)到(dào)這(zhè)&₽♥種結果。解決辦法是(shì)，可(kě)以選矩形的(de)四個(gè)角的( ₹€↔de)任一(yī)頂點為(wèi)中心點旋轉，或者使矩形的♣€β(de)長(cháng)寬都(dōu)為(wèi)奇數(shù)或偶數(shù♦★)值。如(rú)果我們的(de)操作(zuò)是(shì)旋轉↔≈βα并縮放(fàng)圖形，最好(hǎo)是(shì ' )旋轉完按确定，再進行(xíng)縮放(fàng)。不(bù)要(yào)連 λ續操作(zuò)完再确定，這(zhè)樣得(de)到(dào)的(de)結∞♦"∑果會(huì)比較清晰。
三、AI粘入PS時(shí)保持邊緣清晰
有(yǒu)時(shí)當我們在AI裡(l©♠δǐ)繪制(zhì)了(le)圖标後，粘到(dào)PS裡(lǐ)就(jiù)會λ £(huì)出現(xiàn)如(rú)下(xΩ≈ià)圖的(de)虛邊，這(zhè)是(shì)有(yǒu)兩種原α$因造成的(de)，一(yī)是(shì)在AI裡(lǐ)新建文(wén)件(j©βiàn)時(shí)沒有(yǒu)選中[對(duì)齊¶×像素網格]選項（隻有(yǒu)AICS5以上(shàng)版本有(y ☆€ǒu)這(zhè)個(gè)選項），這(zhè)樣繪制(zhì)的(de)圖÷↓→标的(de)各個(gè)數(shù)值不(bù)為(wè↑i)整數(shù)的(de)情況，粘到(dào)PS裡(l↕γ§ǐ)就(jiù)會(huì)出現(xiàn)虛邊。
再一(yī)個(gè)是(shì)Ωα¥選中了(le)「對(duì)齊像素網格」選項粘到(♦®™βdào)PS中依然出現(xiàn)虛邊，這 ¶∞(zhè)是(shì)要(yào)在粘之前在PS中建¶α一(yī)個(gè)與圖标大(dà)小(xiǎo)相('✔±↔xiàng)同的(de)選區(qū)，再粘進來(lái)就(jiù↓<↑>)OK了(le)，因為(wèi)PS中粘貼闆中的(de)圖∏∞标粘入到(dào)視(shì)圖時(shí)，圖标是(shì) ±以被粘入視(shì)圖的(de)中心點定位粘貼的(d✘€≠e)，這(zhè)樣粘貼的(de)位置可(kě)能(★néng)不(bù)是(shì)整數(shù)值，所以♦♥↑→會(huì)出現(xiàn)虛邊，這(zhè)時(shí)我們要(yà☆∏<§o)建一(yī)個(gè)同樣大(dà)小(xiǎo)的(©"de)選區(qū)，再粘就(jiù)沒問(wèn)題☆∑&δ了(le)。還(hái)有(yǒu)粘貼時(shí)選「形狀圖層」，這(zhè>•)樣以後的(de)可(kě)編輯性會(huì)比較強。
