您的位置: 首页 > 软件教程 > Photoshop按钮制作教程专题 > PS按钮制作基础教程之制作黑色质感按钮

PS按钮制作基础教程之制作黑色质感按钮

9.0分
出处:网络 时间:2011-05-17

您可能感兴趣的话题: Photoshop  

核心提示:本教程介绍非常实用的导航按钮的制作方法。效果图看上去非常简单,不过还是有很多细节需要用心去处理,如果按钮的高光及倒影部分。教程只是一个提示,学会了就可以作者其它类似的效果。

  本教程介绍非常实用的导航按钮的制作方法。效果图看上去非常简单,不过还是有很多细节需要用心去处理,如果按钮的高光及倒影部分。教程只是一个提示,学会了就可以作者其它类似的效果。

  最终效果

PS按钮制作基础教程之制作黑色质感按钮

  1、新建一个120 * 50的文档,背景填充颜色:#838383,选择圆角矩形工具,半径设置为10像素。然后拖曳出一个大小适当的圆角矩形,位置偏上,因为最后将添加投影。圆角矩形的颜色为:#111111。

PS按钮制作基础教程之制作黑色质感按钮

  2、双击形状图层或者通过右键菜单进入图层样式选项,参数设置如下图。

PS按钮制作基础教程之制作黑色质感按钮

PS按钮制作基础教程之制作黑色质感按钮

PS按钮制作基础教程之制作黑色质感按钮

PS按钮制作基础教程之制作黑色质感按钮

PS按钮制作基础教程之制作黑色质感按钮

  大致效果图。

PS按钮制作基础教程之制作黑色质感按钮

  3、新建一个图层,选择铅笔工具,设置铅笔大小为2像素,前景颜色设置为:#eee1cd,如下图所示画一条高光线。

PS按钮制作基础教程之制作黑色质感按钮

  双击或右键此图层进入图层样式选项,参数及效果如下图。

PS按钮制作基础教程之制作黑色质感按钮

PS按钮制作基础教程之制作黑色质感按钮

PS按钮制作基础教程之制作黑色质感按钮

  4、依然选中铅笔图层,点击图层下面的蒙蔽按钮,添加图层蒙版,然后选择渐变工具,颜色设置及渐变方式如下图,由中间向左拉出透明渐变,效果如下图。

PS按钮制作基础教程之制作黑色质感按钮

  5、选择钢笔工具,绘制下图所示的梯形,执行:滤镜 > 模糊 > 高斯模糊,此时被询问“是否栅格化图层”。选择“是”,然后输入数值:0.6。

PS按钮制作基础教程之制作黑色质感按钮

  6、按住Ctrl 的同时单击形状1,此时出现形状1的选区,按Ctrl + Shift + I 反选选区,然后按Delete 删除形状2图层的多余部分,效果如下图。用复制 + 水平翻转得到另一半的圆形,效果如下图。

PS按钮制作基础教程之制作黑色质感按钮

  6、按住Ctrl 的同时单击形状1,此时出现形状1的选区,按Ctrl + Shift + I 反选选区,然后按Delete 删除形状2图层的多余部分,效果如下图。用复制 + 水平翻转得到另一半的圆形,效果如下图。

PS按钮制作基础教程之制作黑色质感按钮

  7、在最顶部新建一个图层,按Ctrl + 单击形状1得到选区,然后选择菜单:编辑 > 描边,参数设置如下图。

PS按钮制作基础教程之制作黑色质感按钮

  取消选区,然后使用与步骤4同样的方法设置蒙版然后如下图所示拉渐变。确定后把图层不透明度改为:55%,效果如下图。

PS按钮制作基础教程之制作黑色质感按钮

网友评论
多特网友 2012-03-03 03:37:12 回复
很不错的教程,可以设一个讨论的地方就好了,这样一些像我一样的菜鸟就可以更好的学习了
多特网友 2012-03-03 03:37:12 回复
很不错的教程,可以设一个讨论的地方就好了,这样一些像我一样的菜鸟就可以更好的学习了
精品软件课程
更多 >
photoshop教程让你从入门到精通,从新... [详细]
AutoCAD是美国Autodesk公司开发... [详细]
CorelDRAW是一款由Corel公司开发... [详细]
美图秀秀是一款很好用的图片处理软件,不用学习... [详细]
Photoshop从头学起,从新手快速到高手... [详细]
光影魔术手(nEO iMAGING)是一款对... [详细]