消除锯齿 保存光滑边缘的透明背景Gif图像
<H1 align=center>消除锯齿 保存光滑边缘的透明背景Gif图像</H1><P> 一般保存透明的gif图片时,除非图片的不透明区域是规则的矩形(而且没有羽化和阴影,外发光等),直接保存,都会出现锯齿。<BR> 天极设计在线:本文的技巧在于使用Photoshop保存图像时候的“<STRONG>杂边</STRONG>”选项,我们给图片“定义颜色以混合透明像素”就可以很好地解决透明背景图片的锯齿边缘问题。<BR> <BR></P><P><BR><CENTER><IMG src="http://design.yesky.com/imagelist/05/11/ee6l93rq23u8.gif" border=1></CENTER> 这是没阴影的<BR><BR><CENTER><IMG src="http://design.yesky.com/imagelist/05/11/5702xxwk6z6d.gif" border=1></CENTER> 这是有阴影的<BR><BR><CENTER><IMG src="http://design.yesky.com/imagelist/05/11/p53272wj717w.gif" border=1></CENTER><P></P><P> 这是photoshop中的透明区域的演示</P><P align=left> 在保存的时候,有个选项,叫“<STRONG>杂边</STRONG>”的,如果把鼠标放到其上方,会出现说明:“定义颜色以混合透明像素”。在那里设置一下颜色,就可以比较好地解决这个问题,如图:<BR><BR><BR><CENTER><IMG src="http://design.yesky.com/imagelist/05/11/97233s3m0t8z.gif" border=1></CENTER><P></P><P> 一般只要把这里的颜色设置成跟网页的背景颜色相同或相近,然后把这个图片放到网页里,就不会察觉到有锯齿。</P><P> 比如最初那张幅透明gif图片,如果在保存的时候设置“杂边”为#F2F3F7(或者是用“我的配色”中的“其他颜色”,算我没说),然后保存,之后贴到这里,就不会有锯齿了,看!<BR><BR><CENTER><IMG src="http://design.yesky.com/imagelist/05/11/i75790422al8.gif" border=1></CENTER>
页:
[1]