明輝手游網(wǎng)中心:是一個(gè)免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺(tái)!

為Web圖像消除鋸齒

[摘要]大多數(shù)Adobe Illustrator的作品都是矢量格式。為了用位圖格式,如GIF、JPEG或PNG格式保存矢量圖像,必須先將它柵格化。就是說,把矢量圖形轉(zhuǎn)換為像素,還有自動(dòng)應(yīng)用消除鋸齒。在矢量物件被柵格化時(shí),邊緣會(huì)產(chǎn)生鋸齒,消除鋸齒功能可以平滑那些鋸齒邊緣,但這可能會(huì)產(chǎn)生纖細(xì)的線條和模糊的文字...



大多數(shù)Adobe Illustrator的作品都是矢量格式。為了用位圖格式,如GIF、JPEG或PNG格式保存矢量圖像,必須先將它柵格化。就是說,把矢量圖形轉(zhuǎn)換為像素,還有自動(dòng)應(yīng)用消除鋸齒。在矢量物件被柵格化時(shí),邊緣會(huì)產(chǎn)生鋸齒,消除鋸齒功能可以平滑那些鋸齒邊緣,但這可能會(huì)產(chǎn)生纖細(xì)的線條和模糊的文字。為了控制消除鋸齒的程度和范圍,在你將作品保存為適合網(wǎng)絡(luò)傳輸?shù)母袷街,先柵格化圖像,像素預(yù)覽模式(Pixel preview )可以使你看到Illustrator是如何將矢量圖像轉(zhuǎn)換為像素的。(如圖)


1.激活像素預(yù)覽模式

在Illustrator中,選擇視圖>像素預(yù)覽(View > Pixel Preview),Illustrator將以像素顯示矢量圖像。放大圖像的某些部分,直到能夠清晰的看到線條,文字,和被柵格化的其它物件。

像素預(yù)覽格式顯示了物件被柵格化以后的樣子,如果你需要將矢量作品保存為位圖格式的話,如GIF, JPEG, 或PNG,你可以在像素預(yù)覽模式,而實(shí)際情況是矢量的情況下修改你的作品。(圖01)

圖012.調(diào)整物件以修改消除鋸齒效果

選擇一個(gè)物件,將之輕微移動(dòng)。Illustrator會(huì)重畫像素,以及調(diào)整消除鋸齒。將物件安放在你對(duì)它柵格化效果滿意的位置。在默認(rèn)情況下,Illustrator會(huì)把物件對(duì)齊到一個(gè)不可見的像素網(wǎng)格上。任何消除鋸齒都會(huì)沿著物件消失的邊緣(通常為左邊和上邊)。要想取消對(duì)齊,取消選擇視圖>對(duì)齊到像素(View > Snap To Pixel)。要回到矢量預(yù)覽模式,取消對(duì)像素預(yù)覽模式的選擇(View > Pixel Preview)。

Illustrator使用一種不可見的像素網(wǎng)格來分隔畫板。一個(gè)物件在網(wǎng)格中的位置關(guān)系到物件如何被像素化,以及消除鋸齒的效果。將物件對(duì)齊到像素網(wǎng)格,你可以減少鋸齒的數(shù)量,這對(duì)創(chuàng)建整潔的圖像來說是很有用的。

3.柵格化文字

選擇一個(gè)文字物件,選擇物件>柵格化命令。對(duì)Web圖像來說,選擇屏幕分辨率就可以了。對(duì)文字質(zhì)量而言,如果你希望柵格化后的文字較為修長(zhǎng),就選擇流線型(Streamline);反之,如果希望得到稍粗的文字,就選擇輪廓線(Outline)。對(duì)消除鋸齒,如果你希望對(duì)Illustrator中的文字應(yīng)用消除鋸齒,那就選擇文字優(yōu)化(Type Optimized (Hinted) ),否則的話就選擇不(None)。

消除鋸齒對(duì)較大的文字最為有效。對(duì)較小的文字,如10點(diǎn)或更小的,不要應(yīng)用消除鋸齒命令,這樣很容易使文字模糊難辨。如果想在Web圖像中應(yīng)用無鋸齒的文字,你也可以選擇那些專門用于設(shè)計(jì)網(wǎng)頁(yè)圖片的字體來代替對(duì)文字消除鋸齒的過程。(圖02)

圖02
4.柵格化圖形物件

選擇一個(gè)你不想對(duì)它消除鋸齒的物件,然后選擇效果>柵格化(Effect > Rasterize)。將分辨率設(shè)為適合屏幕,從消除鋸齒彈出菜單中選擇不(None)。

在對(duì)物件進(jìn)行柵格化之后,你可以繼續(xù)編輯它。你選擇的選項(xiàng)改變的是圖形的外觀,但沒有改變其結(jié)構(gòu)。你可以修改柵格化設(shè)置或在任何時(shí)間將位圖圖像反轉(zhuǎn)回矢量格式。(圖03)

圖035.為Web保存圖像

選擇文件>保存為Web格式。從設(shè)置菜單中選擇一種格式,或是為它設(shè)定一個(gè)特別的。當(dāng)你改變?cè)O(shè)置,Illustrator連同文件大小和顏色的信息一起,顯示保存圖像的預(yù)覽。當(dāng)你選擇GIF、 JPEG、或PNG格式時(shí),Illustrator會(huì)柵格化所有剩下的矢量圖形,并對(duì)它應(yīng)用消除鋸齒。

你可以在儲(chǔ)存為Web格式對(duì)話框中比較不同設(shè)置的結(jié)果:點(diǎn)擊雙聯(lián)或四聯(lián)面板,在同一時(shí)間觀察比較多種效果。為了預(yù)覽圖像在瀏覽器上的效果,在對(duì)話框底部選擇預(yù)覽,再?gòu)膹棾霾藛沃羞x擇不同的瀏覽器。(圖04)

圖04


Photoshop默認(rèn)保存的文件格式,可以保留所有有圖層、色版、通道、蒙版、路徑、未柵格化文字以及圖層樣式等。




標(biāo)簽:為Web圖像消除鋸齒