丁丁注:本教程共讲述了6种常见导航按钮的制作,精彩简单,值得一看。" name="keywords" /> 丁丁注:本教程共讲述了6种常见导航按钮的制作,精彩简单,值得一看。" name="description" />
您现在的位置: 丁丁家园 >> 网上学院 >> 平面设计 >> PhotoShop >> 文章正文
CN域名1元/年 | 高清晰图库
    

[组图]网页常用小巧导航按钮-塑料按钮(一)

        ★★★
【字体:
网页常用小巧导航按钮-塑料按钮(一)
作者:丁丁    文章来源:丁丁家园    点击数:    更新时间:2005-7-3

第四款:塑料按钮(一)

这个按纽一点也不输于刚才我们所介绍的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
5.最后,我们为按纽添加一点阴影效果:选择投影,将投影的不透明度设为14%,取消全局光,将角度设为-134度,距离和大小为1像素,扩展为0%,品质保持默认状态不变。(图20)

图20

6.剩下的工作,就是写上文字了。这里,我依然对文字层用了一点投影效果来修饰它。(图21)

图21
 
【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口推荐赚点

网友评论

【发表评论】
(评论内容只代表网友观点,与本站立场无关!)

本频道栏目分类导航