当前位置:www.888.com网 > 帮助中心 > 透明站标制作教程,如何制作透明站标 >
     帮助导航

关于我们
版权声明
casino 阅读服务条款
www.888.com网赞助服务
联系我们
友情链接
www.888.com网发展历史
关于QQ管家误报www.888.com网的
制作帮助
ie6下png站标制作的
如何查找自己需要的素材?
注册www.888.com图片网的好处
188bet www.188bet.com bwin 平博 unibet 明升 188bet uk Ladbrokes 德赢vwin 188bet m88.com w88 平博88 uedbet体育 188bet 188bet 威廉希尔 明升体育app 平博88 M88 Games vwin德赢 uedbet官网 bodog fun88 188bet 如何使用www.888.combanner
QQ邮箱如何使用本站生成
非IE浏览器如何保存图片
广告条制作基础篇帮助信息
基础知识
Banner888.com有什
关于Aleo Flash
logo简单介绍,一些关
制作工具Flash Ba
主页Banner制作好帮
banner是什么意思?
banner常见尺寸,有
本站公告
新功能:部分图片制作模板
www.888.combanner888.com
banner制作网密码安
建议注册会员使用广告设计
本站暂未提供手工制作ba
欢迎淘宝客使用淘宝ban
设计教程
透明站标制作教程,如何制
适合菜鸟的初级banne
如何用DreamWeav
flash的as关于一个
老教材Fireworks
banner设计教程中的
如何制作吸引人的bann
网站banner横幅设计

透明站标制作教程,如何制作透明站标


标签:站标 站标制作 

www.888.com网提供的透明站标素材链接:http://www.xsjylc24.com/list63-1-0-0-0-%E9%80%8F-.htm

关于透明站标制作方法:gif锯齿的处理 ,当然gif透明制作,站标制作方法都类似的,先看文章:

分享一个日常工作中输出经常遇到的小问题,主要用于渐变背景时叠上透明的gif图片,我们知道gif,png8本身并不支持半透明,在软件透明仿色时,会实色填充导致产生类似锯齿一样的效果,当然直接使用png32能直接避免锯齿这样的问题,但同时会衍生出其他2个问题,例如png32文件压缩率不如png8的大和ie6对png32不兼容,采用js渲染又会消耗资源等,所以关于png32的处理问题可以在另一篇博文中分享,本文只专注解决gif & png8图片边沿半透明时出现锯齿的问题。 废话完毕,直接上图,一个在项目中遇到具体问题,项目效果图如下:

需要注意的图标部分:

将box的顶部和ico分别切割:

然后,在默认gif、png8压缩模式下压缩:

默认模式下图片出来的效果如下:

可以看见,ico出现不同程度的锯齿,回到默认压缩面板,发现注意ps默认模式下,仿色的色值是前景色 或白色:

Ok,我尝试将白色仿色去除:

出来的ioc效果:

 

部分地方可以接受了部分还不尽人意,在返回压缩面板尝试修改扩张透明仿色效果:

压缩后ioc的效果如图:

发现仍然有未尽人意的地方,在尝试吸取ico附近的颜色:

重新压缩ico时尝试用背景色替代仿色的杂边:

 

绝大部分的效果已经OK了,但发现貌似图形的斜线明显的部分锯齿还是很明显,再次回到压缩面板,这次尝试将同名度仿色改为默认的无,但杂色保留:

 

 

出来的效果:

效果大体上无明显锯齿但出现阴影下方,貌似是杂色与背景的对比,导致的,调整杂色色值:

效果:

出来的效果中发现,基本上消灭了锯齿问题,之前不少朋友提到gif透明锯齿的问题,其实都是杂边 仿色所导致的,消灭白色的锯齿只要将半透明部分用实色填充再输出就有效得的解决了,这是软件上的简单处理方式,如果能在设计时直接不采取半透明图片直接使用和背景色接近的实色填充的话,就能更好的处理了。

以及box的圆角边框也是这样的道理,一通百通,这里就不在找圆角的透明边框来做示范了。本处也就指导了透明图标制作,站标制作,logo制作基本一样的方法,立刻试试吧。

如果你不喜欢这么复杂的,可以试试www.888.com网的透明站标制作模板,链接地址:http://www.xsjylc24.com/list63-1-0-0-0-%E9%80%8F-.htm

相关信息

如果您对本信息有什么建议,请【直接留言给我们】