1NetMedia_Blog

<< 45种缓动效果(强悍)  类别: Design JS做小数乘法运算出现浮点错误的... >>
消除锯齿保存光滑边缘的透明背景Gif图像(测试)
[ 日期: 2009-09-24 4:36:02 PM | 作者: admin | 来源: 本站整理 | 人气:10169 | 晴天 | 心情: +2 ] 字号: 【
急速栏目链接:
标签:消除锯齿  |  光滑边缘  |  透明背景  |  Gif图像  |  
一般保存透明的gif图片时,除非图片的不透明区域是规则的矩形(而且没有羽化和阴影,外发光等),直接保存,都会出现锯齿。
方法一:
  本文的技巧在于使用Photoshop保存图像时候的"杂边"选项,我们给图片"定义颜色以混合透明像素"就可以很好地解决透明背景图片的锯齿边缘问题。



这是没阴影的



这是有阴影的


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

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

  一般只要把这里的颜色设置成跟网页的背景颜色相同或相近,然后把这个图片放到网页里,就不会察觉到有锯齿。
   比如最初那张幅透明gif图片,如果在保存的时候设置"杂边"为#F2F3F7(或者是用"我的配色"中的"其他颜色",算我没说),然后保存,之后贴到这里,就不会有锯齿了,看!  



方法二:
如果小图标只是不规则,没设置阴影等效果的话,用铅笔点像素的方法,当保存是设置杂边为无时,应用在页面上也可以边缘光滑,并且解决(1)上的问题。

方法三:
做好的图片,按web所用格式存储<Ctrl+Alt+Shift+s>就不会出现你那种问题拉!~



   
Rss Comment  

没有相关评论

发表评论
请先注册,才能发表评论!
- 注册 -