網(wǎng)頁設(shè)計中保證邊緣清晰的方法

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

一、 旋轉(zhuǎn)圖形時如何保證清晰的邊緣

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

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

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

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