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

消除锯齿,保存光滑边缘的透明背景Gif图像 一般保存透明的gif图片时,除非图片的不透明区域是规则的矩形(而且没有羽化和阴影,外发光等),直接保存,都会出现锯齿。 本文的技巧在于使用Photosh

消除锯齿,保存光滑边缘的透明背景Gif图像 一般保存透明的gif图片时,除非图片的不透明区域是规则的矩形(而且没有羽化和阴影,外发光等),直接保存,都会出现锯齿。

本文的技巧在于使用Photoshop保存图像时候的“杂边”选项,我们给图片“定义颜色以混合透明像素”就可以很好地解决透明背景图片的锯齿边缘问题。

消除锯齿,保存光滑边缘的透明背景Gif图像插图screen.width-333) {this.width=screen.width-333;this.alt=’Click Here to Open New Window’;}” border=0>

   这是没阴影的

消除锯齿,保存光滑边缘的透明背景Gif图像插图(1)

   这是有阴影的

消除锯齿,保存光滑边缘的透明背景Gif图像插图(2)

这是photoshop中的透明区域的演示

在保存的时候,有个选项,叫“杂边”的,如果把鼠标放到其上方,会出现说明:“定义颜色以混合透明像素”。在那里设置一下颜色,就可以比较好地解决这个问题,如图:

消除锯齿,保存光滑边缘的透明背景Gif图像插图(3)

一般只要把这里的颜色设置成跟网页的背景颜色相同或相近,然后把这个图片放到网页里,就不会察觉到有锯齿。

比如最初那张幅透明gif图片,如果在保存的时候设置“杂边”为#F2F3F7(或者是用“我的配色”中的“其他颜色”,算我没说),然后保存,之后贴到这里,就不会有锯齿了,看!

消除锯齿,保存光滑边缘的透明背景Gif图像插图(4)

消除锯齿,保存光滑边缘的透明背景Gif图像插图(5)

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部