【导语】“doudou200807”通过精心收集，向本站投稿了7篇PS按钮制作基础教程之制作灰色质感导航栏，下面是小编为大家整理后的PS按钮制作基础教程之制作灰色质感导航栏，仅供大家参考借鉴，希望大家喜欢，并能积极分享!
- 目录
篇1：PS按钮制作基础教程之制作灰色质感导航栏
本教程介绍较为简洁的按钮制作方法，
PS按钮制作基础教程之制作灰色质感导航栏
。制作过程比较简单：先用选区工具做出按钮的形状，然后填充想要的颜色。然后设置图层样式做出按钮的质感。最后加上文字和小装饰即可。最终效果
1、新建一个500 * 400像素的文档，背景填充颜色：#1b1b1b。
2、新建一个图层，选择矩形选框工具，拉一个288 * 50像素的矩形选区，填充颜色：##5a5a5a，效果如下图。
3、双击图层矩形的缩略图调出图层样式，设置内阴影和渐变叠加，参数及效果如下图。
4、把加上图层样式后的矩形复制三个，然后竖直排列，矩形间距为3个像素，效果如下图，
5、每个矩形上打上菜单文字，字体为“Arial”，效果如下图。
6、新建一个图层，选择椭圆选框工具，在矩形的左边部分拉一个直接为30像素的正圆选区，填充黑色，效果如下图。
7、再为黑色正圆加上图层样式，分别设置：内发光，渐变叠加，描边，参数设置如下图。
8、加上图层样式后把正圆的图层不透明度改为：70%，然后再在上面加上箭头，效果如下图。
9、最后稍微加点背景颜色，完成最终效果。
篇2：PS按钮制作基础教程之制作灰色圆形质感按钮
本教程介绍较为精致的圆形按钮的制作方法，由于图层较多，制作的时候需要注意好图层的顺序，
PS按钮制作基础教程之制作灰色圆形质感按钮
。另外按钮以水质质感为主，需要用图层样式控制好光感。最终效果
1、新建一个大小适当的文档，背景填充灰色。
2、新建图层，选择“椭圆”工具进行绘制。
3、为“形状 1”添加图层样式“投影”效果。
4、更改“形状 1”的填充为“0%”。
5、新建图层，使用“椭圆”工具进行绘制，
6、为“形状 2”添加图层样式效果。
7、复制“形状 2”，重新设置其图层样式。
8、更改“形状 2 副本”的填充为“0%”。
9、新建图层，使用“选框”工具绘制出半圆选区并填充白色。
篇3：PS按钮制作基础教程之打造条纹水晶导航栏
本教程介绍非常精致的导航栏的制作方法，
PS按钮制作基础教程之打造条纹水晶导航栏
。大致过程：先用做出自己想要的导航栏形状，然后分别对导航栏的高光及背景部分设置图层样式，做出水晶质感。后期调整细节并加上文字即可。最终效果
1、打开下图所示的背景素材。
<点小图查看大图>
2、选择“圆角矩形工具”，在打开的工具选项栏中选择“形状图层”按钮，创建“形状 1”图层。
3、为“形状 1”图层添加图层样式，单击“投影”项目，并设置其各项参数。
4、单击“内阴影”项目，并设置其各项参数。
5、单击“斜面和浮雕”项目，并设置其各项参数。
6、单击“图案叠加”项目，并设置其各项参数，
7、单击“描边”项目，并设置其各项参数。
8、按下“确定”按钮，关闭“图层样式”对话框，设置图层“填充”参数，效果如图所示。
9、复制“形状 1”图层，得到“形状 1 副本”图层，并将“形状 1 副本”图层的图层样式删除，效果如图所示。
10、为“形状 1”图层添加“渐变叠加”图层样式，并设置其各项参数。
11、按下“确定”按钮，关闭“图层样式”对话框，设置图层的“填充”参数，效果如图所示。
12、选择“矩形工具”，在打开的工具选项栏中选择“形状图层”按钮，创建“形状 2”图层。
13、为“形状 2”图层添加图层样式，单击“投影”项目，并设置其各项参数。
篇4：PS按钮制作基础教程之制作黑色质感按钮
本教程介绍非常实用的导航按钮的制作方法，
PS按钮制作基础教程之制作黑色质感按钮
。效果图看上去非常简单，不过还是有很多细节需要用心去处理，如果按钮的高光及倒影部分。教程只是一个提示，学会了就可以作者其它类似的效果。最终效果
1、新建一个120 * 50的文档，背景填充颜色：#838383，选择圆角矩形工具，半径设置为10像素。然后拖曳出一个大小适当的圆角矩形，位置偏上，因为最后将添加投影。圆角矩形的颜色为：#111111。
2、双击形状图层或者通过右键菜单进入图层样式选项，参数设置如下图。
大致效果图。
3、新建一个图层，选择铅笔工具，设置铅笔大小为2像素，前景颜色设置为：#eee1cd，如下图所示画一条高光线。
双击或右键此图层进入图层样式选项，参数及效果如下图。
4、依然选中铅笔图层，点击图层下面的蒙蔽按钮，添加图层蒙版，然后选择渐变工具，颜色设置及渐变方式如下图，由中间向左拉出透明渐变，效果如下图，
5、选择钢笔工具，绘制下图所示的梯形，执行：滤镜 >模糊 >高斯模糊，此时被询问“是否栅格化图层”。选择“是”，然后输入数值：0.6。
6、按住Ctrl 的同时单击形状1，此时出现形状1的选区，按Ctrl + Shift + I 反选选区，然后按Delete 删除形状2图层的多余部分，效果如下图。用复制 + 水平翻转得到另一半的圆形，效果如下图。
6、按住Ctrl 的同时单击形状1，此时出现形状1的选区，按Ctrl + Shift + I 反选选区，然后按Delete 删除形状2图层的多余部分，效果如下图。用复制 + 水平翻转得到另一半的圆形，效果如下图。
7、在最顶部新建一个图层，按Ctrl + 单击形状1得到选区，然后选择菜单：编辑 >描边，参数设置如下图。
取消选区，然后使用与步骤4同样的方法设置蒙版然后如下图所示拉渐变。确定后把图层不透明度改为：55%，效果如下图。
篇5：PS按钮制作基础教程之制作宝石质感按钮
本教程介绍非常通透的宝石质感按钮的制作方法，
PS按钮制作基础教程之制作宝石质感按钮
。大致过程：先用选区工具做出想要的形状，调色后用一些图层样式做出纹理和质感效果。然后再加上高光和文字即可。最终效果
1、打开下图所示的背景素材。
2、选择“椭圆”工具进行绘制。
3、双击图层缩览图，设置打开的“拾取实色”对话框。
4、执行“编辑”→“变换”→“变形”命令。
5、为“形状 1”添加“内阴影”图层样式效果。
6、设置“图案叠加”图层样式。
7、新建“图层 1”，选择“矩形选框工具”绘制选区，
8、设置渐变色，并填充选区。
9、新建“图层2”，设置渐变色并填充选区。
10、设置“图层2”的混合模式为“柔光”。
11、设置“图层1”的混合模式为“强光”。
12、选择“图层 1”图层，执行“图层”→“创建剪贴蒙版”命令。
13、为“图层 2”创建剪贴蒙板。
14、选择“椭圆”工具进行绘制。
篇6：PS按钮制作基础教程之制作黑光水晶导航按钮
本教程介绍主色为黑色水晶按钮的制作方法，
PS按钮制作基础教程之制作黑光水晶导航按钮
。大致过程：做好想要的按钮形状以后，填充黑色，用图层样式做出简单的高光效果。然后再添加一些纹理和反光效果即可。最终效果
1、打开下图所示的背景素材。
2、新建图层并命名为“按钮”，选择“矩形工具”，单击工具选项栏中的“填充像素”按钮进行绘制。
3、为“按钮”图层添加图层样式，单击“外发光”项目，设置其各项参数。
4、单击“斜面和浮雕”项目，设置其各项参数。
5、单击“渐变叠加”项目，设置其各项参数。
6、单击“描边”项目，设置其各项参数。按下“确定”按钮，关闭“图层样式”对话框，效果如图所示，
7、按下“确定”按钮，关闭“图层样式”对话框，效果如图所示。
8、新建一个文档，大小为“3px*3px”，分辨率为“72px”。将文档放大到“1600%”，用铅笔画出如下图案，再执行“编辑”→“定义图案”命令。
9、新建图层并命名为“图案”，按下
10、完成后，效果如图所示。
11、新建图层并命名为“边”，选择“矩形工具”，单击工具选项栏中的“填充像素”按钮进行绘制。
12、为“边”图层添加图层样式，单击“外发光”项目，设置其各项参数。
13、按下“确定”按钮，关闭“图层样式”对话框，为“边”图层添加图层蒙版，选择“渐变工具”，调整图像。
篇7：PS按钮制作基础教程之制作水晶风格网站导航条
网站制作中导航栏的设置非常重要，
PS按钮制作基础教程之制作水晶风格网站导航条
。漂亮的导航按钮和菜单会给网站增色不少。下面介绍一款精致的水晶风格按钮的制作。作者不仅介绍了按钮的制作还介绍了文字部分的制作方法，非常值得学习。最终效果
1、创建一个新文件600 * 140px。现在选择圆角矩形工具制作一个圆角矩形如下图。
2、应用层样式：内发光，混合模式：滤色，方法：柔和。
3、渐变叠加：颜色设置为：#5e80a3，#839db8，#b8c7d6。
4、描边: #5e80a3。
5、这就是它应该呈现的样子。
6、现在打上菜单文字，字体Segoe，大小：14 pt，颜色白色#ffffff。
7、给字体链接应用层效果：描边 #53769a。
8、创建一个新层。选择矩形选框工具，绘制1px宽度的线条并使用# ffffffs填充。
9、复制这个层接着在每个链接之间添加每个线条。现在选择矩形选框工具选取线条底部的区域覆盖到所有的线条，然后使用选择- >修改- >羽化和应用5px半径，
按下Del然后采取相同的方法处理上方的线条。
10、将线条图层的混合模式改为柔光。
11、使用矩形选框工具选取你链接的内部区域 （在两个线条之间）然后填充任何你想要的颜色。
12、现在给这个层应用混合模式渐变叠加使用颜色: #567595, #728fae #b3c3d3。
13、这就是它应该呈现的样子。
14、现在使用矩形选框工具2px的半径绘制一个小矩形使用#ffffff填充。
15、应用如下的层效果到形状图层: 内发光（混合模式：叠加）。
16、渐变叠加: #e6e6e6 和 #ffffff。
17、描边: #5e80a3。
18、这就是它应该呈现的样子。
19、在形状内输入“search”使用Segoe字体，大小为 12pt 颜色#7b7b7b。
最终效果：
PS按钮制作基础教程之制作灰色质感导航栏（共7篇）
