【AI】消除鋸齒 ▋讓轉存的文字圖檔在網頁上看起來也很清晰! - ...

【AI】消除鋸齒 ▋讓轉存的文字圖檔在網頁上看起來也很清晰!


最近LaLa在製作網頁icon時候出了很多問題,
比起以前畫產品設計圖,根本是完完全全不同的規範啊~

檔案大小不能太大、籠宗解析度72dpi、圖案在網頁上要避免失真、解析度要注意、記得轉RGB...etc


畢竟積習難改~

搞的LaLa一顆頭快變5顆大!




廢話結束火速回歸正題~~~





在網頁上的icon如果不清晰,對使用者的馬啾是非常不OK的~
(現代人已經過度用眼了,不清楚豈不是更累..)

當然還在練習給清晰的icon的拉仔,就是非常困擾這件事!!




直到昨天!

一個MSN訊息問了嘉祥,他就一張圖道破我的謎團啊~~~~


我給了他這張圖,左邊是網頁呈現的,右邊是我打開轉存的PNG檔案,



有發現嗎? 網頁的字就是有點糊糊的,很曖昧........
(所以WS的阿特先生就受盡委屈的用打字的處理..)





經過嘉祥給我的撇步,把字選起來-->「字元」-->把選項點成「無」





有沒有突然好清晰!!!

很像是戴了超過度數的眼鏡哈哈....

但是字型的外框會有點變成點陣圖,如果覺得太突兀,
可以選擇「明晰」,出來的字也會比銳利化來的好看噢~:P




由於普遍的字體還是建議網頁設計用key的
但是還是有那種很囂張的想要用特殊字來凸顯的時候啊~

當然只能訴諸圖片了,這時候利用這個撇步先將自給它戴上超過度數的眼鏡!
後續就是一塊蛋糕拉~~~(還要配伯爵茶)




沒有留言:

張貼留言

歡迎推薦文章或分享、留言。