為Web圖像消除鋸齒,手繪技巧,課程

設計欣賞 當前位置:設計首頁 >> 教程 >> illustrator >> 正文 >> 為Web圖像消除鋸齒
為Web圖像消除鋸齒

雜誌設計

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


  1.激活像素預覽模式

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

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

圖01
 2.調整物件以修改消除鋸齒效果

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

  Illustrator使用一種不可見的像素網格來分隔畫板。一個物件在網格中的位置關係到物件如何被像素化,以及消除鋸齒的效果。將物件對齊到像素網格,你可以減少鋸齒的數量,這對創建整潔的圖像來說是很有用的。

  3.柵格化文字

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

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

圖02

  4.柵格化圖形物件

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

  在對物件進行柵格化之後,你可以繼續編輯它。你選擇的選項改變的是圖形的外觀,但沒有改變其結構。你可以修改柵格化設置或在任何時間將位圖圖像反轉回矢量格式。(圖03)

圖03

5.為Web保存圖像

  選擇文件>保存為Web格式。從設置菜單中選擇一種格式,或是為它設定一個特別的。當你改變設置,Illustrator連同文件大小和顏色的信息一起,顯示保存圖像的預覽。當你選擇GIF、 JPEG、或PNG格式時,Illustrator會柵格化所有剩下的矢量圖形,並對它應用消除鋸齒。

  你可以在儲存為Web格式對話框中比較不同設置的結果:點擊雙聯或四聯面板,在同一時間觀察比較多種效果。為了預覽圖像在瀏覽器上的效果,在對話框底部選擇預覽,再從彈出菜單中選擇不同的瀏覽器。(圖04)

圖04
三維設計

相關鏈接:手繪技巧,課程,設計,圖片,課程,下載
Google
最 新 文 章
相 關 文 章
Michael 滑板圖案設計
靳埭強設計作品—中國銀
bekker廣告設計精選
倫敦國際書展—台灣出版
HORNALL ANDERSON 設計作
朗意品牌顧問
設計·生活·創業---山東
''東方之星''大學生設計
SPOON國外一本新銳時尚攝
首架北京奧運主題彩色飛
你見過這樣可愛的月餅禮
花樣手提袋圖片
雜誌封面設計圖片003
雜誌封面設計圖片002
雜誌封面設計圖片001
DAF2005(美國地區)獲獎作
圖形招貼設計圖片(COPYRIG
shirly kasmara 封面設計圖
Robert Mangrobang 封面設
Angela Mercado 雜誌設計
Matt Sams 雜誌封面設計圖
David Tobin 雜誌封面設計
為Web圖像消除鋸齒相關設計:您現在欣賞的是由artbei.com設計欣賞站為您提供的《為Web圖像消除鋸齒》,謝謝您!設計師學習設計的技巧和捷徑是多看大師的作品,為Web圖像消除鋸齒等設計資源欣賞,下載,圖庫,為平面設計課程,CorelDraw,PS,文字,濾鏡,設計師打造一個自我學習和提升的平台,認真閱讀藝術與設計雜誌,一切有關平面設計的技巧都囊括其中,手繪技巧,課程而且毫不張揚,溫文而雅,縱觀平面設計的發展趨勢,主要體現在設計工作模式和結構的變化,以及設計表現和形態的變化,多做,多想,只有不斷學習借鑒優秀設計師的作品才能不斷的提高自我,才能不斷地邁向成功.我們為您提供豐富的平面設計,網站設計,廣告設計,畫冊設計,包裝設計,標誌設計,海報設計,封面設計vi設計,手繪技巧,課程,設計,圖片,課程,下載,平面設計課程,CorelDraw,PS,文字,濾鏡等設計類欣賞,教程和學習文章.歡迎收藏本網站,並記住我們的域名:www.artbei.com,點擊此處返回設計網站首頁!
推 薦 新 聞-+平面設計課程,CorelDraw,PS,文字,濾鏡,設計欣賞,教程,技巧,ps+-
雜誌封面設計圖片003 雜誌封面設計圖片002 雜誌封面設計圖片001 DAF2005(美國地區)獲獎作品
圖形招貼設計圖片(COPYRIGHT shirly kasmara 封面設計圖片 Robert Mangrobang 封面設計 Angela Mercado 雜誌設計
Matt Sams 雜誌封面設計圖片 David Tobin 雜誌封面設計圖 Scott Shultz 雜誌封面設計圖
|畫冊設計|樣本設計|廣告設計|DM設計|展示設計|專賣店設計|標誌設計|VI設計|海報設計|LOGO設計|信封設計|設計論壇|

2007 設計圖片與設計課程