|
|
| [ 2004-02-11 15:54:40
] |
作者：闲雅
|
责任编辑：xtm |
几乎没有哪种按纽的受欢迎程度能与透明质感按纽相比。自这种风格的按纽一问世，立刻风靡全球，从庞大的商务网站到简单的个人小站，处处都能看到剔透的风采。这种漂亮按纽最大的作用就是修饰网页，仅仅使用几个这样的按纽，就会给你的网页像水晶糖果一样诱人。透明质感的按钮种类之多，制作方法之广，无法尽数。在这里，我总结了几种较为好看的却又比较简单的，供大家作为参考。
第一款：Aqua按纽
这是最常见的一种透明按纽了，如果运用的好的话，效果是非常理想的。这种按纽的做法有很多种，有些真的是相当相当的麻烦。当然，效果也是相当相当的漂亮，漂亮到你会不舍得把它用于网页按钮。实际上，如果用那种耗费大量时间做成的按钮装饰网页的话，需要小心喧宾夺主：游客会不自觉的把注意力集中到漂亮夺目的按纽上，网页最重要的内容却会被忽略掉。说了这么多，好像偷懒是理所当然的了。那么这一次，我们应用图层样式来打造这个按钮，这样我们就可以一劳永逸，以后都可以坐享其成了。更重要的是，我们制作的是可以装饰你的网页的按纽，它仅仅起到了点缀的作用，就像是做菜时使用的鸡精，一点足以勾出鲜味，过多反而不好了。
1. 新建文档，RGB模式，白色背景。建立图层1，设置前景色为RGB（51，143，206）。然后选择圆角矩形工具，在工具选项中，设置绘图方式为填充像素，将矩形的圆角半径设为50像素，选择消除锯齿。点击几何选项，将矩形的大小设为91×27像素，在画布正中点击一下，即会出现一个蓝色的圆角矩形。（图01）
 图01
2. 现在我们开始添加图层样式了。首先选择投影：将投影的不透明度降低为33％，取消全局光，角度为134度，距离和大小均为1像素，扩展为0，品质不变；
然后是内阴影样式：将内阴影的颜色设为RGB（0，56，113），不透明度为100％，取消全局光，角度为90度，距离为6像素，阻塞为15％，大小为16像素，品质保持不变，这样，按纽就具有了立体感。（图02）
 图02
3. 接下来我们要制作光线从按纽中透出的感觉。选择内发光样式，将混合模式设为颜色减淡，不透明度为30％，颜色为白色，方法为较柔软，居中，阻塞为31％，大小为21像素，要特别注意等高线的形状，打开默认的等高线编辑器，将曲线设为图03的形状，选择消除锯齿，范围为31％；（图03，04）
  图03 图04
|
 |
|
|
|
|
|
