找回密码
 注册
搜索
热搜: 回贴

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

2009-12-13 17:25| 发布者: admin| 查看: 35| 评论: 0|原作者: 回梦游仙

★一般保存透明的gif图片时,除非图片的不......


  一般保存透明的gif图片时,除非图片的不透明区域是规则的矩形(而且没有羽化和阴影,外发光等),直接保存,都会出现锯齿。
  本文的技巧在于使用Photoshop保存图像时候的“杂边”选项,我们给图片“定义颜色以混合透明像素”就可以很好地解决透明背景图片的锯齿边缘问题。
  一般保存透明的gif图片时,除非图片的不透明区域是规则的矩形(而且没有羽化和阴影,外发光等),直接保存,都会出现锯齿。

这是没阴影的


这是有阴影的


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


一般只要把这里的颜色设置成跟网页的背景颜色相同或相近,然后把这个图片放到网页里,就不会察觉到有锯齿。
比如最初那张幅透明gif图片,如果在保存的时候设置”杂边“为#F2F3F7(就是经典论坛发帖子时候的表格的颜色(之一,另外如果是用”我的配色“中的”其他颜色“,算我没说),然后保存,之后贴到这里,就不会有锯齿了,look:


最新评论

QQ|小黑屋|最新主题|手机版|微赢网络技术论坛 ( 苏ICP备08020429号 )

GMT+8, 2024-9-30 13:30 , Processed in 0.128241 second(s), 12 queries , Gzip On, MemCache On.

Powered by Discuz! X3.5

© 2001-2023 Discuz! Team.

返回顶部