好的作品往往在于細節的把握，我們常常做設計的時候雖然是矢量的，但是會有鋸齒，虛邊。今天為大家推薦這篇文章~注意這些細節，你的作品會更加精致!

大家在設計界面和網頁時，是不是經常碰到PS里繪制的圖標雖然是矢量的，但還是會有許多虛邊，在放大、縮小、旋轉后虛邊變的更嚴重了，或者是在AI里繪?制的精美矢量圖標粘到PS里就變虛了，我們辛苦設計的作品就這樣變“糊了”，這是我們雙眼所不允許的，我們要讓每一個像素都清晰可辨。要解決這些問題就要?理解PS像素組成的原理，了解一些設置選項和使用技巧，下面和大家一塊分享。(PS=Photoshop,?AI=Illustrator)

1、繪制邊緣清晰的[形狀圖層]

我們通常在PS里繪制矩形時會用?[矩形工具]?，這樣產生的是矢量的形狀圖層，它的好處是我們無論放大縮小時都保持矢量屬性，但當我們放大視圖看時還是有虛邊(上圖)，這些虛邊雖然在繪制大的圖形時影響不太大，但當我們繪制很小的像素級圖標時，就會很明顯了。

解決方法是選中下圖列出的?[對齊像素]?選項，當我們再繪制同樣的矩形時，放大視圖看邊緣就清晰可辨了(下圖)。其中的原理是：我們屏幕顯示的圖像是由無數個像素組成的，也就是說像素是圖形的?小單位，通常當我們繪制的圖形不是整數像素時，比如寬是20.5像素，那0.5的像素小于1像素，PS就會以虛邊顯示。當選中[對齊像素]選項時，我們繪?制的寬、高將都是整數了。

我們通常在PS里繪制矩形時會用?[矩形工具]?，這樣產生的是矢量的形狀圖層，它的好處是我們無論放大縮小時都保持矢量屬性，但當我們放大視圖看時還是有虛邊(上圖)，這些虛邊雖然在繪制大的圖形時影響不太大，但當我們繪制很小的像素級圖標時，就會很明顯了。

2.旋轉圖形時保持邊緣清晰

當我們以矩形的中心點90度旋轉時，得到的矩形缺失了兩個邊。這是什么原因呢?得知這個矩形的長是奇數、寬是偶數。當以中心點旋轉時像素不能整分，所以?得到這種結果。解決辦法是，可以選矩形的四個角的任一頂點為中心點旋轉，或者使矩形的長寬都為奇數或偶數值。如果我們的操作是旋轉并縮放圖形，好是旋轉?完按確定，再進行縮放。不要連續操作完再確定，這樣得到的結果會比較清晰。

3、AI粘入PS時保持邊緣清晰

有時當我們在AI里繪制了圖標后，粘到PS里就會出現如下圖的虛邊，這是有兩種原因造成的，一是在AI里新建文件時沒有選中[對齊像素網格]選項(只有?AI?CS5以上版本有這個選項)，這樣繪制的圖標的各個數值不為整數的情況，粘到PS里就會出現虛邊。再一個是選中了?[對齊像素網格]?選項粘到PS中依然出現虛邊，這是要在粘之前在PS中建一個與圖標大小相同的選區，再粘進來就OK了，因為PS中粘貼板中的圖標粘入到視圖時，圖標是以被?粘入視圖的中心點定位粘貼的，這樣粘貼的位置可能不是整數值，所以會出現虛邊，這時我們要建一個同樣大小的選區，再粘就沒問題了。還有粘貼時選?[形狀圖層]?，這樣以后的可編輯性會比較強。

以上方法希望對大家能有所幫助，讓我們今后的作品每一個像素都清晰可辨，希望多交流學習!