當前位置:朝夕網 > 幫助中心 > 透明站標制作教程,如何制作透明站標 >
     幫助導航

關于我們
版權聲明
閱讀服務條款
朝夕網贊助服務
聯系我們
友情鏈接
朝夕網發展歷史
關于QQ管家誤報朝夕網的
制作幫助
ie6下png站標制作的
如何查找自己需要的素材?
注冊朝夕圖片網的好處
如何使用朝夕banner
QQ郵箱如何使用本站生成
非IE瀏覽器如何保存圖片
廣告條制作基礎篇幫助信息
基礎知識
Banner在線制作有什
關于Aleo Flash
logo簡單介紹,一些關
制作工具Flash Ba
主頁Banner制作好幫
banner是什么意思?
banner常見尺寸,有
本站公告
新功能:部分圖片制作模板
朝夕banner在線制作
banner制作網密碼安
建議注冊會員使用廣告設計
本站暫未提供手工制作ba
歡迎淘寶客使用淘寶ban
設計教程
透明站標制作教程,如何制
適合菜鳥的初級banne
如何用DreamWeav
flash的as關于一個
老教材Fireworks
banner設計教程中的
如何制作吸引人的bann
網站banner橫幅設計

透明站標制作教程,如何制作透明站標


標簽:站標 站標制作 

朝夕網提供的透明站標素材鏈接:http://www.62790465.com/list63-1-0-0-0-%E9%80%8F-.htm

關于透明站標制作方法:gif鋸齒的處理 ,當然gif透明制作,站標制作方法都類似的,先看文章:

分享一個日常工作中輸出經常遇到的小問題,主要用于漸變背景時疊上透明的gif圖片,我們知道gif,png8本身并不支持半透明,在軟件透明仿色時,會實色填充導致產生類似鋸齒一樣的效果,當然直接使用png32能直接避免鋸齒這樣的問題,但同時會衍生出其他2個問題,例如png32文件壓縮率不如png8的大和ie6對png32不兼容,采用js渲染又會消耗資源等,所以關于png32的處理問題可以在另一篇博文中分享,本文只專注解決gif & png8圖片邊沿半透明時出現鋸齒的問題。 廢話完畢,直接上圖,一個在項目中遇到具體問題,項目效果圖如下:

需要注意的圖標部分:

將box的頂部和ico分別切割:

然后,在默認gif、png8壓縮模式下壓縮:

默認模式下圖片出來的效果如下:

可以看見,ico出現不同程度的鋸齒,回到默認壓縮面板,發現注意ps默認模式下,仿色的色值是前景色 或白色:

Ok,我嘗試將白色仿色去除:

出來的ioc效果:

 

部分地方可以接受了部分還不盡人意,在返回壓縮面板嘗試修改擴張透明仿色效果:

壓縮后ioc的效果如圖:

發現仍然有未盡人意的地方,在嘗試吸取ico附近的顏色:

重新壓縮ico時嘗試用背景色替代仿色的雜邊:

 

絕大部分的效果已經OK了,但發現貌似圖形的斜線明顯的部分鋸齒還是很明顯,再次回到壓縮面板,這次嘗試將同名度仿色改為默認的無,但雜色保留:

 

 

出來的效果:

效果大體上無明顯鋸齒但出現陰影下方,貌似是雜色與背景的對比,導致的,調整雜色色值:

效果:

出來的效果中發現,基本上消滅了鋸齒問題,之前不少朋友提到gif透明鋸齒的問題,其實都是雜邊 仿色所導致的,消滅白色的鋸齒只要將半透明部分用實色填充再輸出就有效得的解決了,這是軟件上的簡單處理方式,如果能在設計時直接不采取半透明圖片直接使用和背景色接近的實色填充的話,就能更好的處理了。

以及box的圓角邊框也是這樣的道理,一通百通,這里就不在找圓角的透明邊框來做示范了。本處也就指導了透明圖標制作,站標制作,logo制作基本一樣的方法,立刻試試吧。

如果你不喜歡這么復雜的,可以試試朝夕網的透明站標制作模板,鏈接地址:http://www.62790465.com/list63-1-0-0-0-%E9%80%8F-.htm

相關信息

如果您對本信息有什么建議,請【直接留言給我們】
微信版极速牛牛