網頁設計中保證邊緣清晰的方法

這次圖趣為大家?guī)淼氖侨绾伪ＷC在旋轉圖像及倒入圖像時保證清晰的 邊緣。

一、 旋轉圖形時如何保證清晰的邊緣

如上圖所示，當以矩形的中心點為軸心時，旋轉90度所得到的 矩形缺失了兩個邊。造成缺失的原因是什么呢？
原來上圖中矩形的長是奇數值、寬是偶數值，在這種情況下， 當以中心點為軸心旋轉時像素不能整分，因此出現了缺失的現象。
解決辦法：
1.旋轉時選取矩形四個頂點中的任意一個為中心點；
2. 使矩形的長寬都為奇數值或偶數值。
注意事項：如果我們的操作是旋轉并縮放圖形，不要一同操作 完再按確定，最好是旋轉完按確定，再進行縮放，這樣得到的結果會比較清晰。

二、 從AI導入PS時如何保證邊緣清晰

有時在AI里繪制好的圖形，導入PS里就會出現虛邊，如上圖中右側案 例所示。其原因大致有如下兩種：
1. 當在AI中繪制圖形的各個數值不為整數時，導入到PS中就會 出現虛邊。
2. 如果繪制圖形的各個數值都是整數時，依然出現了虛邊，那 是因為PS粘貼板中的圖標粘入到視圖時，圖標是以被粘入視圖的中心點定位粘貼 的，這樣粘貼的位置可能不是整數值，所以會出現虛邊。
解決方法：
1. 在AI里繪制圖形時，在新建文件的時候選中“對齊像 素網格”選項（只有AI CS5以上版本有這個選項）。
2. 在粘之前在PS中建一個與圖標大小相同的選區(qū)，再粘進來就 沒問題了。還有粘貼時選 「形狀圖層 」，這樣以后的可編輯性會比較強。

原文地址：http://blog.sina.com.cn/s/blog_c081d8b50101pe4k.html