為Web圖像消除鋸齒
發(fā)表時(shí)間：2023-09-22 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：
[摘要]大多數(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ù)母袷街埃葨鸥窕瘓D像，像素預(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ì)量而言，如果你希望柵格化后的文字較為修長，就選擇流線型（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)頁圖片的字體來代替對(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ù)覽，再從彈出菜單中選擇不同的瀏覽器。（圖04）
圖04
Photoshop默認(rèn)保存的文件格式，可以保留所有有圖層、色版、通道、蒙版、路徑、未柵格化文字以及圖層樣式等。
