消除锯齿，保存光滑边缘的透明背景Gif图像

查查 · 发表于 2007-5-3 11:20:29

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有账号？注册

x

一般保存透明的gif图片时，除非图片的不透明区域是规则的矩形（而且没有羽化和阴影，外发光等），直接保存，都会出现锯齿。     本文的技巧在于使用Photoshop保存图像时候的“杂边”选项，我们给图片“定义颜色以混合透明像素”就可以很好地解决透明背景图片的锯齿边缘问题。 
<IMG onmouseover="if(this.alt) this.style.cursor='hand';" onclick="if(this.alt) window.open('/ddimg/uploadimg/20051201/0927410.gif');" src="http://www.cgfancy.com/Article/UploadFiles/200607/20060726220724355.gif" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0> 　　这是没阴影的 
<IMG onmouseover="if(this.alt) this.style.cursor='hand';" onclick="if(this.alt) window.open('/ddimg/uploadimg/20051201/0927411.gif');" src="http://www.cgfancy.com/Article/UploadFiles/200607/20060726220727360.gif" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0> 　　这是有阴影的 
<IMG onmouseover="if(this.alt) this.style.cursor='hand';" onclick="if(this.alt) window.open('/ddimg/uploadimg/20051201/0927412.gif');" src="http://www.cgfancy.com/Article/UploadFiles/200607/20060726220728511.gif" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0>     这是photoshop中的透明区域的演示     在保存的时候，有个选项，叫“杂边”的，如果把鼠标放到其上方，会出现说明：“定义颜色以混合透明像素”。在那里设置一下颜色，就可以比较好地解决这个问题，如图： 
<IMG onmouseover="if(this.alt) this.style.cursor='hand';" onclick="if(this.alt) window.open('/ddimg/uploadimg/20051201/0927413.gif');" src="http://www.cgfancy.com/Article/UploadFiles/200607/20060726220729888.gif" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0>     一般只要把这里的颜色设置成跟网页的背景颜色相同或相近，然后把这个图片放到网页里，就不会察觉到有锯齿。     比如最初那张幅透明gif图片，如果在保存的时候设置“杂边”为#F2F3F7（或者是用“我的配色”中的“其他颜色”，算我没说），然后保存，之后贴到这里，就不会有锯齿了，看！ 
<IMG onmouseover="if(this.alt) this.style.cursor='hand';" onclick="if(this.alt) window.open('/ddimg/uploadimg/20051201/0927414.gif');" src="http://www.cgfancy.com/Article/UploadFiles/200607/20060726220730150.gif" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0> <script language="JavaScript" src="http://www.16xx8.com/bbs/10.js"></script>

可爱的25只小鸡 · 发表于 2007-8-2 21:23:36

好好研究一下~~~~~~~

咹綿葯 · 发表于 2007-12-21 22:16:15

我一般都是用橡皮擦锯齿这下好了有新方法啦嘿嘿ps:狂叫 ps:狂叫

账号		自动登录	找回密码
密码			注册

[理论教程] 消除锯齿，保存光滑边缘的透明背景Gif图像

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。