以下是小编帮大家整理的PS按钮制作基础教程之制作灰色圆形质感按钮，本文共10篇，欢迎大家收藏分享。
篇1：PS按钮制作基础教程之制作灰色圆形质感按钮
本教程介绍较为精致的圆形按钮的制作方法，由于图层较多，制作的时候需要注意好图层的顺序，
PS按钮制作基础教程之制作灰色圆形质感按钮
。另外按钮以水质质感为主，需要用图层样式控制好光感。最终效果
1、新建一个大小适当的文档，背景填充灰色。
2、新建图层，选择“椭圆”工具进行绘制。
3、为“形状 1”添加图层样式“投影”效果。
4、更改“形状 1”的填充为“0%”。
5、新建图层，使用“椭圆”工具进行绘制，
6、为“形状 2”添加图层样式效果。
7、复制“形状 2”，重新设置其图层样式。
8、更改“形状 2 副本”的填充为“0%”。
9、新建图层，使用“选框”工具绘制出半圆选区并填充白色。
篇2：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%，效果如下图。
篇3：PS按钮制作基础教程之制作宝石质感按钮
本教程介绍非常通透的宝石质感按钮的制作方法，
PS按钮制作基础教程之制作宝石质感按钮
。大致过程：先用选区工具做出想要的形状，调色后用一些图层样式做出纹理和质感效果。然后再加上高光和文字即可。最终效果
1、打开下图所示的背景素材。
2、选择“椭圆”工具进行绘制。
3、双击图层缩览图，设置打开的“拾取实色”对话框。
4、执行“编辑”→“变换”→“变形”命令。
5、为“形状 1”添加“内阴影”图层样式效果。
6、设置“图案叠加”图层样式。
7、新建“图层 1”，选择“矩形选框工具”绘制选区，
8、设置渐变色，并填充选区。
9、新建“图层2”，设置渐变色并填充选区。
10、设置“图层2”的混合模式为“柔光”。
11、设置“图层1”的混合模式为“强光”。
12、选择“图层 1”图层，执行“图层”→“创建剪贴蒙版”命令。
13、为“图层 2”创建剪贴蒙板。
14、选择“椭圆”工具进行绘制。
篇4：PS按钮制作基础教程之制作灰色质感导航栏
本教程介绍较为简洁的按钮制作方法，
PS按钮制作基础教程之制作灰色质感导航栏
。制作过程比较简单：先用选区工具做出按钮的形状，然后填充想要的颜色。然后设置图层样式做出按钮的质感。最后加上文字和小装饰即可。最终效果
1、新建一个500 * 400像素的文档，背景填充颜色：#1b1b1b。
2、新建一个图层，选择矩形选框工具，拉一个288 * 50像素的矩形选区，填充颜色：##5a5a5a，效果如下图。
3、双击图层矩形的缩略图调出图层样式，设置内阴影和渐变叠加，参数及效果如下图。
4、把加上图层样式后的矩形复制三个，然后竖直排列，矩形间距为3个像素，效果如下图，
5、每个矩形上打上菜单文字，字体为“Arial”，效果如下图。
6、新建一个图层，选择椭圆选框工具，在矩形的左边部分拉一个直接为30像素的正圆选区，填充黑色，效果如下图。
7、再为黑色正圆加上图层样式，分别设置：内发光，渐变叠加，描边，参数设置如下图。
8、加上图层样式后把正圆的图层不透明度改为：70%，然后再在上面加上箭头，效果如下图。
9、最后稍微加点背景颜色，完成最终效果。
篇5：PS制作质感按钮
FEVTE编注：更多PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte.com/forum-51-1.html
具体的制作步骤如下：
新建文档400x400像素，背景黑色，建新层，自定义形状工具画一白色正圆，
添加图层样式。
效果如下。
建新层，画一白色椭圆，图层不透明度10%，效果如右图，
建新层，画一个大的白色正圆，之后减法模式画一个小的正圆，这样我们得到了一个白色圆环。
添加图层颜色。
效果如下。
复制一层，清除图层样式，减法模式画一个椭圆。
添加图层样式。
效果如下。
输入文字，加上阴影，最终效果如下。
FEVTE编注：更多PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte.com/forum-51-1.html
篇6：PS制作质感按钮
图层样式的应用技巧,一个样式,三种按钮状态.
这种状态常见于网页设计当中,因此教程写给有需要的朋友们,高手请直接无视.
有PSD可以下载.图层不多,希望能帮到各位酷友.
下面是详细的制作过程,图文并茂.
FEVTE编注：更多PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte.com/forum-51-1.html
FEVTE编注：更多PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte.com/forum-51-1.html
篇7：PS简单制作质感按钮
这篇PS简单制作质感按钮教程是我刚刚学习过的，感觉还挺简单，挺不错的，推荐到和大家一起学习吧，希望对的朋友们有所帮助，先来看看最终的效果图吧!
FEVTE编注：更多PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte.com/forum-51-1.html
使用混合模式和遮罩效果制作网页按钮
打开photoshop，新建空白文档，PS简单制作质感按钮
。为了不让白色背景看起来乏味，增加一个渐变叠加效果。渐变颜色为# f3f3f3到# c6c6c6。
选择圆角矩形工具，创建按钮的的主要形状，半径为5 px。
添加渐变叠加图层样式。渐变颜色从#0d3079到#557bc9。
现在让按钮从背景中突显出来，添加1 px描边，颜色为深蓝色(#0b2258)。
为了增加按钮立体感，添加一个1像素内发光。颜色为白色(#FFFFFF)，减少不透明度到30%。
现在给按键添加杂色，新建图层，按ctrl+图层蒙版缩略图，选择油漆桶工具，填充颜色为黑色(#000000)。按ctrl+d取消选区，
选择滤镜-杂色-添加杂色，数量为33%。
设置图层混合模式为滤色，不透明度为15%。
新建图层，按ctrl+图层蒙版缩略图，选择油漆桶工具，填充颜色为白色(#FFFFFF)。按ctrl+d取消选区。
现在开始创建漂亮的灯光效果，选择矩形工具，选中按钮的一半。按delete键删除选区，设置图层的不透明度不10%。
添加文字，字体为Arial（Bold,14pt）。
现在给文字添加雕刻效果，最简单的方式是复制文字层(ctrl + J)，然后移动复制到原文字图层下方。添加一个深色的叠加颜色。右键点击混合选项>>混合叠加颜色>#124d89。分别向上，向左移动1px。
选择自定义形状工具，画的放大镜，应用上一步骤方法，制作雕刻效果。
设置按钮高光效果。新建一组，命名为“light effect”，设置混合模式为颜色减淡。按ctrl+图层蒙版缩略图。选择画笔工具，大小80px，硬度为0，给按钮添加高光。
FEVTE编注：更多PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte.com/forum-51-1.html
篇8：PS按钮制作基础教程之制作蓝色圆形水晶按钮
本教程的重点是要做出按钮的立体感及光感，
PS按钮制作基础教程之制作蓝色圆形水晶按钮
。制作的时候需要多分几个图层。从底色渐变开始一步一步渲染效果。尤其是高光部分一定要自然，并与光源部分一致。最终效果
1、新增一个图层1，并用圆形选取工具画出一个圆形选区，如下图：
2、先将前景色和背景色分别设定为浅蓝和深蓝色，再用渐层工具拉出圆形渐层，如下图：
3、先按Ctrl + D取消选取，再使用图层样式功能加上阴影和描上黑边，如下图：
4、再新增一个图层2，并用圆形选取工具画出一个圆形选区，这个圆形选区要画的比蓝色的圆形小一点，如下图：
5、将渐层工具调整为白色到透明的色彩，如下图：
6、在图层2的圆形选区内拉出白色到透明的直线式渐层，如下图：
7、先按Ctrl + D取消选取，再使用：滤镜 >模糊 >高斯模糊，如下图：
8、将图层2的透明度调整到60%左右，如下图：
9、再新增一个图层3，再用圆形选取工具画出一个圆形选区，这个圆形选区要画更小一点，如下图：
10、在图层3的圆形选区内拉出白色到透明的直线式渐层，如下图：
11、再用圆形选取工具，选取图层3圆形部份的下方，再按滑鼠右键设定羽化，如下图：
12、羽化值设定大约在10左右，设定完羽化，直接按键盘的Delete键，就会将图层3圆形的下半部删除，如下图：
13、先按C trl + D 取消选取，再使用：滤镜 >模糊 >高斯模糊，这次的高斯模糊不用设太大，如下图：
14、将图层3的透明度调整到80%左右，如下图：
15、最后再打上您需要的文字，这个范例就算完成啦，如下图：
篇9：PS按钮制作基础教程之制作蓝色圆形水晶
水晶按钮的制作关键是把水晶质感渲染出来，
PS按钮制作基础教程之制作蓝色圆形水晶
。可能勾出的图层较多，注意好每一个图层都需要用图层样式等添加光感，然后再根据光源方向设定好高光位置，这样做出的按钮不仅质感好，而且比较合逻辑。最终效果
1、新建文档，800x600像素，背景白色，画2个矩形，分别添加样式。
2、底部矩形样式。
3、上部矩形样式。
4、在画面右侧添加一个白色椭圆，图层模式柔光。
5、建新层，画一白色正圆，
6、添加图层样式。
7、建新层，画一个小些的黑色正圆，与大圆中心对齐。
8、添加图层样式。
9、建新层，前景色#204478画一音乐符号。
10、添加图层样式。
篇10：PS制作质感蓝色按钮
FEVTE编注：更多PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte.com/forum-51-1.html
具体的制作步骤如下：
1.制作按钮本体，先画一个圆角矩形，并加上渐变滤镜
这里颜色的选择是重点，选择好颜色后就已经有一种柔和的光照效果了
2.制作投影。首先画一个扁扁的椭圆形，填充偏黑的蓝色(因为按钮是蓝色的)
之后对椭圆进行高斯模糊
置于按钮本体的下层，调整大小和位置，这样投影就做好了
3.制作高光。先画一条1像素的白色直线，位置如图
然后给白线添加一层蒙版，点击图中图标可快速添加
选中该层蒙版后，打开左侧工具栏中的渐变工具，调整渐变颜色为左白右黑
然后选择“对称渐变”模式
从白线中间向两边(任意方向)拉一个渐变(依旧在选中蒙版的情况下)
这样一条高光就做好了，如果觉得太亮，可以适当调节一下透明度
复制一层，移动到按钮下边位置，底部发光的高光也就出来了
4.制作底部发光，
一开始与制作投影一样，画一个椭圆，填充比较亮的蓝色
同样高斯模糊(这里可以模糊的比投影大一些)
调整位置、大小、微调颜色
将多出来的部分用矩形选框删除
将发光图层置于高光下面即可
5.制作上部反光。先画一个白色椭圆，调整位置、大小
调整椭圆的透明度
利用反选将没有与按钮重合的部分删除即可
6.最后加上文字，按钮制作完成。
FEVTE编注：更多PS教程讨论交流和PS作品请到论坛PS交流区，地址：bbs.fevte.com/forum-51-1.html
文档为doc格式
