第六款:内嵌按纽
很多时候,按纽会搭配具有个性化的面板。这种组合会使你的网页看起来更精致。下面我们就来介绍一种小巧的内嵌式按纽,这种按钮不但可以用于网页,对于别的图像,如手机上的按键,播放器上的按纽,也是非常合适的。这个按纽也是通过图层样式构造的,分为两个部分。下面我们来具体的看看制作过程。
1.首先,打开一个需要添加按纽的面板图像,如图29所示。设置前景色为RGB(193,194,196),选择椭圆矢量工具,在工具选项中设置绘图方式为创建形状图层,按住Shift键,在图中绘制一个小小的圆形。(图30)

这里,我们之所以采用形状图层,是因为它在放大和缩小时都不会影响图像的品质。你可以按自己的需要所示调整按钮的大小。
2.下面我们开始为按纽添加图层样式。
首先是内阴影:将阴影的混合模式设为正常,颜色为白色,不透明度为29%,取消全局光,角度为-81度,距离为2像素,阻塞和大小均为0,品质不变;
其次是内发光:混合模式为正常,不透明度为22%,颜色为黑色,发光方法为较柔软,自边缘发光,阻塞为0,大小为4像素,品质不变;
然后是渐变叠加:将渐变的混合模式设为屏幕,不透明度为81%,保持渐变色默认状态,将缩放设为49%;
最后一种样式是描边:描边大小为1像素,位置在外部,混合模式为正常,不透明度为34%,填充颜色为黑色。(图31)

3.现在,我们的按纽已经具有立体感了,但是看起来按纽像是粘在面板上的一样,没有和面板融为一体。这就是为什么我们要制作出内嵌的效果的原因了。下面我们就来把按纽嵌入面板中。
点击按纽层的矢量蒙版缩览图,显示蒙版路径,在路径面板中,你会看到名为形状1矢量蒙版的路径,复制这条路径,名为路径1,选择直接选择工具,在画面的任何地方点击右键,从弹出菜单中选择自由变换路径,按住Alt和Shift键,拖动定型框的边角,从中心等比例大路径,使路径1的大小比按纽路径稍大一些,如图32所示,确定变形。
 |