2009年6月16日 星期二

PS如何处理没有锯齿的gif图

先来了解gif与png格式的基本特征:
gif 不支持半透明,只有透明,不透明两种状态,ps为了圆滑曲线和斜线,用了很多半透明的点,这样gif 就表现不了会产生如题中所提的锯齿。

png -24 格式,是可以支持半透明的,但用在网上,IE6和以下版本IE看不到png格式图片的透明,不过在火狐、IE7都支持半透明的。
为了兼容IE6的用户,还是得采取一些方法,具体如下:
做一个logo想让背景是透明的 ,保存格式为gif,可是在再打开放到别的图片上,就有很多毛边,怎么才能保证是透明背景的图而且没有毛边呢?
方法一:在保存gif图片时,弹出的索引颜色设置窗口中,设置它的"杂边"颜色,如果透明的gif文件所放的背景色(例如黑色),那杂边"颜色设置为黑色,下拉框中有自定义选项。如图:
方法二:[储存为web格式]那里有设置,设置和放置处背景色 相同的[杂边],来掩盖锯齿~~
选择gif,然后预设栏目下面右边第四行Matte,可以选择一个背景颜色,来更好的与背景色融合。

默认的是白色的,所以透明背景的gif文件放在其他背景色(例如黑色)上会有白色的毛刺,这里的Matte选择为欲放置的背景色(例如前面的黑色),可以用"欺骗"的方式模拟透明,但是当你的背景有渐变或者是图片的时候,就不太理想了……差异不大的背景 ,用杂边效果还是可以的。


下面这个图,是两个"红字透明背景"的gif图,分别放置在"背景为黑色"的网页上,上面的一半是直接保存为gif,没做任何处理,下面一半没有锯齿的是将其杂边颜色设为了黑色,效果如下。
希望能给大家带来点帮助,也希望哪天可以直接忽视IE6的存在!!这也许是最好的解决方法。

2009年6月11日 星期四

Fw: 20个让Web Developer开发生涯更加轻松的工具

From: puterjam
Sent: Thursday, June 11, 2009 10:48 AM
Subject: 20个让Web Developer开发生涯更加轻松的工具


源文: http://net.tutsplus.com/articles/web-roundups/20-tools-to-make-the-life-of-a-web-developer-easier/

简译: PuterJam

Typetester

一个在线对比字体的工具,可以很直观得看到不同字体的差异

pForm

创建HTML表单的工具,能在瞬间创建很美观的表单,并输出html代码

ColourLovers

在线的调色板工具,你能够搜索到很多配色方案或提交你的配色方案

Firebug

无所不能的firebug,不多介绍了

HTML Entity Character Lookup

HTML 实体 查询工具

960 Grid System

960 是个神奇的数字,960 是横向尺寸,960 网格系统是能够让设计师快速创建网页原型的辅助系统。可以比喻成网页的黄金分割线

pfvyzisv.jpg

Em Calculator

EM换算器~ ,可以把像素换算成 em 单位。

Browser Shots

多浏览器截屏工具,可以提供多个平台,不同浏览器的页面截屏效果

Icon Finder

还在为找图标发愁么,一个不错的图片搜索工具。

WhatTheFont

当你图片里看到一个好看的文字而不知道字体名称时,可以用它来帮你分析字体类型

MeasureIt

firefox插件,可以在页面上显示一个尺子

ColorZilla

同样是firefox插件,可以在页面上取色,前端开发必备

Pingdom

一个在线的抓包工具

Test Everything

Test Everything 提供了很多测试工具来测试你的站点。从css html 到seo ,从网络工具到优化应有尽有。

CSS Sprite Generator

样式精灵,这类工具很多了,就是把图片分割并且输出成css

Web Developer Toolbar

也是一个非常强大的web开发工具。

Domainr

域名查询工具,很方面查询域名的使用情况,并且给出未注册域名的建议。(需要翻墙)

Font Burner

字体查询工具,并且提供在线的字体解决方案。仅限英文。

Smush.It

图片优化工具,能够优化你的图片尺寸

Load Impact

可以模拟不同地区的用户访问你的站点的情况。并且以图表的情况反馈结果。

2009年6月2日 星期二

放射性效果制作

步骤1:新建一个文件,画出不同区域
2.填充选区,Ctrl+D取消选区
3.执行滤镜――扭曲――极坐标,即可
2009-06-02

lyinjuan