• 丰搜首页
• 文档中心
• 视频中心
• 丰搜贴吧
• 问题集锦
• 更多功能

选择显示字体大小

• 最大
• 较大
• 标准

网页常用小巧按钮（下）

　　第四款：塑料按纽（一）

　　这个按纽一点也不输于刚才我们所介绍的mac按纽，尽管方法有些相似，但质感更强。如果你不满足于一种制作透明按纽的方法，那么这个一定不会让你失望。

　　1.不用说，第一步仍是新建rgb模式的白色背景文档。复位并翻转色板，以白色为前景色，新建一层，选择圆角矩形工具，点击工具栏上的下拉三角，打开几何选项，在圆角矩形选项中设置矩形为固定大小，98×28像素，然后将圆角半径设为3像素，选择消除锯齿。设置好之后，用鼠标在背景上点击，圆角矩形会以线框的形式显示，在松开鼠标之前拖动，定位矩形的位置，如图16所示。这时虽然看不到图像的变化，但在图层面板上我们已经注意到图层1的改变。

图16
　　2.双击图层，进入图层样式，为了使我们的按纽清晰的显示出来，我们先来选择描边样式，设置描边大小为1像素，位置在内部，混合模式为正常，不透明度为62％，描边颜色为rgb（58，58，58）；

　　我们用渐变叠加样式为按纽添加基本的渐变：混合模式为正常，不透明度设为15％，渐变为默认的黑色到白色，不过要选择反向，将黑色色标的位置从0％移动到40％处，样式为线性，选择与图层对齐，角度为90度，缩放为60％，如图17所示。

图17
　　3.下面，我们为按纽添加立体感，选择斜面和浮雕，样式选择内斜面，方法为平滑，深度为1000％，方向为上，大小为2像素，软化为3像素，阴影角度为-84度，取消全局光，高度为34度，保持高光和暗调的数值不变，仅将暗调的不透明度降低为16％。（图18）

图18
　　4.接下来的这一步是至关重要的，我们要在这一步中为按纽添加光泽效果。这次我们用一个比较特别的方法——内阴影样式。在样式列表中选择内阴影，将混合模式设为正常，颜色为白色，不透明度为65％，取消全局光后将角度设为-90度，距离为13像素，阻塞和大小均为0，然后，修改等高线，点击默认的等高线，拖动映射曲线两端的端点，将它们自上而下改变位置，如图19a，这样，我们的视觉就会将白色的内阴影作为反光。（图19b）

图19a

 

关键字 本文所属关键字

相关 与本文相关文章

分类 所有文章关键字导航

标准 网站致力的规范