如何利用Photoshop或illustrator讓圖片和文字的像素清晰可辨

時間：2022-05-25 19:39:01 | 來源：網(wǎng)絡(luò)營銷

時間：2022-05-25 19:39:01 來源：網(wǎng)絡(luò)營銷

大家在設(shè)計界面和網(wǎng)頁時，是不是經(jīng)常碰到PS里繪制的圖標(biāo)雖然是矢量的，但還是會有許多虛邊，當(dāng)我們把圖片放大、縮小、旋轉(zhuǎn)后虛邊變的更嚴(yán)重了，或者是在AI里繪制的精美矢量圖標(biāo)粘到PS里就變虛了，我們辛苦設(shè)計的作品就這樣變“糊了”，這是我們雙眼所不允許的，我們要讓每一個像素都清晰可辨。

要想解決這些問題就要先理解PS像素組成的原理，了解一些設(shè)置選項和使用技巧，下面我就借助億企邦的平臺上跟和大家分享一下如何利用Photoshop或Illustrator讓圖片和文字的每一個像素都清晰可辨：

1、繪制邊緣清晰的“形狀圖層”

我們通常在PS（Photoshop）里繪制矩形時會用“矩形工具”，這樣產(chǎn)生的是矢量的形狀圖層，它的好處是我們無論放大縮小時都保持矢量屬性，但當(dāng)我們放大視圖看時還是有虛邊（如下圖所示），這些虛邊雖然在繪制大的圖形時影響不太大，但當(dāng)我們繪制很小的像素級圖標(biāo)時，就會很明顯了。

解決方法是選中下圖列出的“對齊像素”選項，當(dāng)我們再繪制同樣的矩形時，放大視圖看邊緣就清晰可辨了（如下圖所示）。其中的原理是：我們屏幕顯示的圖像是由無數(shù)個像素組成的，也就是說像素是圖形的最小單位，通常當(dāng)我們繪制的圖形不是整數(shù)像素時，比如寬是20.5像素，那0.5的像素小于1像素，PS就會以虛邊顯示。當(dāng)選中“對齊像素”選項時，我們繪制的寬、高將都是整數(shù)了（有興趣的可以查看一下億企邦的《JPG、PNG和GIF圖片的基本原理及優(yōu)化方法》相關(guān)介紹）。

2、旋轉(zhuǎn)圖形時保持邊緣清晰

當(dāng)我們以矩形的中心點90度旋轉(zhuǎn)時，得到的矩形缺失了兩個邊。這是什么原因呢？

得知這個矩形的長是奇數(shù)、寬是偶數(shù)。當(dāng)以中心點旋轉(zhuǎn)時像素不能整分，所以得到這種結(jié)果。

解決辦法是：可以選矩形的四個角的任一頂點為中心點旋轉(zhuǎn)，或者使矩形的長寬都為奇數(shù)或偶數(shù)值。如果我們的操作是旋轉(zhuǎn)并縮放圖形，最好是旋轉(zhuǎn)完按確定，再進(jìn)行縮放，不要連續(xù)操作完再確定，這樣得到的結(jié)果會比較清晰。

3、讓字體的每一個像素都清晰可見

但是在PS里，字體會有很多虛邊，如下圖，放大之后字體的虛邊就很明顯了，字體也顯的不是很清晰。這樣是很影響視覺效果的，有同學(xué)會說，將文字柵格化之后刪除那些虛邊或者得到選區(qū)，收縮1像素，可是，在實際運(yùn)用中文字都是會變形的。那么我們該怎么辦呢？在此，億企邦告訴大家一個方法來解決這個問題：

（1）、先將字體放大后，可以看見有虛邊。

（2）、右鍵文字圖層，點擊：轉(zhuǎn)換為形狀。

（3）、如下樣子，文字會出現(xiàn)路徑及錨點。

（4）、可以看見放大文字層后，虛邊較多，注意：用直接選擇工具 ，拖動錨點，往虛邊的里面拖動。

（5）、把虛邊一點一點的往里拖動，要注意耐心和細(xì)節(jié)，最后對比一下，是不是很清晰了呢。

現(xiàn)在不管放大多少倍都不會有虛邊了。

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

有時當(dāng)我們在AI（Illustrator）里繪制了圖標(biāo)后，粘到PS里就會出現(xiàn)如下圖的虛邊，這是有兩種原因造成的：

一是在AI里新建文件時沒有選中“對齊像素網(wǎng)格”選項（只有AI CS5以上版本有這個選項），這樣繪制的圖標(biāo)的各個數(shù)值不為整數(shù)的情況，粘到PS里就會出現(xiàn)虛邊。

再一個是選中了“對齊像素網(wǎng)格”選項粘到PS中依然出現(xiàn)虛邊，這是要在粘之前在PS中建一個與圖標(biāo)大小相同的選區(qū)，再粘進(jìn)來就OK了，因為PS中粘貼板中的圖標(biāo)粘入到視圖時，圖標(biāo)是以被粘入視圖的中心點定位粘貼的，這樣粘貼的位置可能不是整數(shù)值，所以會出現(xiàn)虛邊，這時我們要建一個同樣大小的選區(qū)，再粘就沒問題了。

還有粘貼時選“形狀圖層”，這樣以后的可編輯性會比較強(qiáng)。

億企邦點評：

illustrator（簡稱AI）是矢量圖的創(chuàng)作、處理軟件，主要用來制作動畫、藝術(shù)創(chuàng)作的，它生成的矢量圖可以無限放大而不失真和損失。此外它可以將矢量圖導(dǎo)出為位圖，得到質(zhì)量不錯的位圖，然后再用位圖軟件進(jìn)行后期處理。

Photoshop（簡稱PS）就是位圖的合成處理軟件，主要用來對各種已有的素材進(jìn)行后期加工處理，合成各種各樣的圖片。比如廣告圖片等等。

所以，兩者最大的區(qū)別：一個是矢量圖，一個是位圖；一個是創(chuàng)作型，一個是合成處理型；一個處于前期，一個后期。