ps按钮样式（PS按钮制作基础教程之制作彩色金属按钮）

本文目录

• PS按钮制作基础教程之制作彩色金属按钮
• PS按钮制作基础教程之制作宝石质感按钮
• PS按钮制作基础教程之制作金属边框水晶按钮
• PS按钮制作高级教程之制作红色**质感按钮
• PS按钮制作基础教程之制作透明玻璃按钮

PS按钮制作基础教程之制作彩色金属按钮

本教程非常详细的介绍高质感的按钮打造方法。制作之前先大致了解一下按钮的构造，由底向上逐步把按钮分解为一些圆形区域。然后由下至上用选区及图层样式做出各层的质感和光感。最后再整体渲染即可。
最终效果
1、新建一个512 * 512像素的文档，背景填充淡蓝色。新建一个图层，用椭圆工具在画布中心画一个白色圆形。然后给圆添加图层样式，参数及效果如下图。
2、如下图所示绘制高光及反射的暗处，过程如下图。绘制好后吧暗处部分复制一份，应用垂直方向的动感模糊（滤镜
模糊
动感模糊），总体效果如下图。
3、绘制环形的反射暗处和亮处，具体方法是用圆形形状工具绘制圆形，之后用更小一些的圆形选区删除中间部分。得到类似环的形状；一些地方要配合使用模糊和橡皮工具，将不用的地方擦去。
另一块黑色的暗处使用钢笔工具勾勒出来填充黑色。
4、新建一个图层，用圆形工具绘制更小的圆形，位置居中，再添加下图所示的图层样式。
5、添加样式后，中间的小圆有了一些凹陷效果，接着用钢笔工具勾出简单的水平S型波浪画出中间小圆部分的明暗反射的界限，转化为选区并填充黑色。左边圆圈内的效果是用橡皮和涂抹工具制作出来的。最后选择小圆之外的部分，删除多出的黑色。
6、外围金属部分已经基本画好，现在继续绘制内嵌的部分。画一个略小一圈的黑色圆形，如下图所示设置图层样式。
7、内嵌的高光部分为白色，透明度为：50%；用钢笔勾出水平的S型选区，然后删除下半部分。
用更小的圆形绘制中间部分的镜头，因为镀膜的效果，所以是蓝色到紫色的渐变，如下图。
8、绘制镜头内侧的细节，也就是高光和阴影部分，图层样式设置如下图。
9、最后在里层绘制最后的镜头渐变，渐变颜色设置如下图。之后应用高斯模糊进行适度的模糊处理。
10、添加高光的细节，如图红圈部分，绘制椭圆然后应用水平的动感模糊和高斯模糊。
#p#副标题#e#
11、继续添加高光的细节，如图红圈部分，绘制椭圆然后应用水平的动感模糊、垂直的动感模糊和高斯模糊，图层混合为“叠加”。
12、最后绘制中间区域的大面积反光，用形状工具得到椭圆的路径，用路径选区工具选择下端的描点，往上移动就得到被压扁的椭圆形的形状。
最后略微调整一下曲线和颜色，完成最终效果。
#p#副标题#e#

PS按钮制作基础教程之制作宝石质感按钮

本教程介绍非常通透的宝石质感按钮的制作方法。大致过程：先用选区工具做出想要的形状，调色后用一些图层样式做出纹理和质感效果。然后再加上高光和文字即可。
最终效果
1、打开下图所示的背景素材。
2、选择“椭圆”工具进行绘制。
3、双击图层缩览图，设置打开的“拾取实色”对话框。
4、执行“”→“变换”→“变形”命令。
5、为“形状 1”添加“内阴影”图层样式效果。
6、设置“图案叠加”图层样式。
7、新建“图层 1”，选择“矩形选框工具”绘制选区。
8、设置渐变色，并填充选区。
9、新建“图层2”，设置渐变色并填充选区。
10、设置“图层2”的混合模式为“柔光”。
11、设置“图层1”的混合模式为“强光”。
12、选择“图层 1”图层，执行“图层”→“创建剪贴蒙版”命令。
13、为“图层 2”创建剪贴蒙板。
14、选择“椭圆”工具进行绘制。
#p#副标题#e#
15、切换到“路径”调板将路径作为选区载入。
16、切换回“图层”调板，新建图层并填充渐变色。
17、使用横排文字工具，创建文字。
18、为文字添加“外发光”图层样式效果。
19、设置“斜面和浮雕”图层样式。
20、设置“等高线”。
21、设置“描边”图层样式。
22、为图像添加阴影。
23、参照以上方法制作出其他图像，完成最终效果。
#p#副标题#e#

PS按钮制作基础教程之制作金属边框水晶按钮

本教程的按钮大致分为两个大的部分来制作。首先是金属边框部分，用到的图层比较多，每一个图层都需要加上金属渐变色及图层样式。然后就是中间的红色水晶部分的制作，方法与前面的基本相近。
最终效果
1、打开photoshop，新建一图层，按Shift使用椭圆工具画一正圆形。
2、然后双击图层1，在图层1的混合属性中做如下设置：
3、按Ctrl单击图层1，使图层1载入选区，依次点击菜单栏中的选区——修改——收缩，设置收缩量为2。
4、选取椭圆选框工具，设置为选区叉：
5、使用椭圆选框工具在图层1的选区上画椭圆，两选区交叉后效果如下：
6、新建图层2，使用渐变工具在拉渐变，取消选区，将图层透明度设为65，效果如下：
7、新建图层3，同样使用椭圆选框工具和渐变工具做出如下效果：
8、新建图层4，使用椭圆工具并做出如下效果：
9、按Ctrl单击图层4，依次点击菜单中的选择——修改——收缩，设收缩量为1。
10、新建图层5，使用渐变工具，选择对称渐变，做出如下效果：
11、设图层透明度为55，载入图层5的选区，将选区范围收缩9**，按Del删除，效果如图：
12、再次将选区范围收缩1**，新建图层6，填充，并设置如下混合选项：
13、新建图层7，做出如下效果，设置混合属性如下：
#p#副标题#e#
14、使用前面所讲的方法依次做出如下效果：
最后加上文字，完成最终效果：
#p#副标题#e#

PS按钮制作高级教程之制作红色**质感按钮

本教程非常详细的介绍**按钮的制作方法。重点在**效果及光感的制作，有很多教程介绍过类似的方法。不过制作的时候还是要注意好高光及暗调的搭配，能更好的体现按钮的质感。
最终效果
1、开始前老样子先在PS里新建一个文件，设置如下图。
2、使用圆角矩形工具，这里颜色你可以随意，因为你可以在顶部设置圆角矩形的颜色。
3、在顶部设置它的参数与颜色为红色。
4、如下图颜色为#D32424 的圆角矩形制作完成。
5、将前面的圆角矩形图层复制一次，在复制出的图层上按鼠标右键，选择栅格化图层，这样将形状图形转化为像素图形。同样将另一个图层进行栅格化处理（栅格化后的图层就是我们常说的像素图）。
6、将上面的圆角矩形命名为"Button Top" ，下面的图层命名为"Button Base" ，这里我们为了制作出**按钮的立体质感效果，将会用底部的图层来做阴影，上面的图层保持不变，所以选中底部图层，按ctrl+u设置"色相/饱和度"参数如下。
7、将两个图层的位置进行调整，下面的图层向下移动10像素（按shift+下键），完成后的效果如下：
8、现在我们为**按钮上面的图层进行视觉上的修饰，先按住ctrl点选上面的图层，使其整个处于选中状态，随后按“选择修改收缩”,设置缩小1px。
9、然后我们用工具栏的加深工具，设置参数如下。
10、在选中的图层上按住shift从左向右进行涂抹。
11、随后我们为上面的图层添加如下图设置的图层样式。
12、现在开始制作**立体效果常见的光感效果，首先使用如下设置的笔刷。
13、确定你的PS里的前景色与背景色分别为白色与黑色，然后使用钢笔工具，确保你选用的是路径，如下图。
14、新建立图层，按照下图方法用钢笔工具绘制两个点。
15、再在钢笔路径上按鼠标右键选择"描边路径"，随后选择画笔并勾选模拟压力。
#p#副标题#e#
16、随后再次在路径上按鼠标右键，选择"删除路径"，完成后将会看到如下图的光感线条效果。
17、再来为按钮设置一些细节光感效果，选中" 减淡工具",设置如下，使用高光参数。
18、随后在按钮的上部图层上点大约两次，记住不要点的次数过多，点的太多会看上去十分难看。
19、最后一步，我们使用加深工具，设置如下。
20、在下部按钮图层的两边制作量条加深的线条。
21、完成后整体看上去的按钮效果图下，是不是立体感十足。
22、我们最后再添加上光感与文字。
#p#副标题#e#

PS按钮制作基础教程之制作透明玻璃按钮

本教程教大家制作一款简单又美观的玻璃按钮，不用任何图层样式就可以做出非常漂亮的效果。用最简单的方法制作最漂亮的作品。
最终效果
新建一个400 * 250像素的文档，背景填充蓝色：#106D98。
1、新建一个图层，命名为“玻璃边框”，选择矩形工具，半径设置为25，然后拉出下图所示的选区并填充白色。填色后不要取消选区。
2、把当前图层复制一层，得到图层副本，隐藏“玻璃边框”图层，保持选区，执行：选择
修改
收缩，数值为1，确定后按Delete 删除。确定后不要取消选区。
3、再新建一个图层，选择菜单：选择
修改
收缩，数值为1，然后选择渐变工具，拉上渐变。
渐变色设置如下图，两边为白色，中间位透明。由上至下拉出线性渐变。
4、输入自己需要的文字，字体颜色为白色。
5、新建一个图层，命名为“下载”，用钢笔工具勾出选区，并填充绿色，用来制作动态效果。
6、调出“玻璃边框”图层的选区，新建一个图层填充白色，设置不透明度为：20%，用矩形选框工具删除其不需要的部分，如下图。
7、选择菜单：窗口
动画面板，选择下载图层，新建空白帧，使用移动工具把下载图层向下移几格像素。
8、按住Shift 键选择两个帧，为其添加过渡帧。
9、再为其添加时间为0.6秒，储存为Web格式所用，完成最终效果。
最终效果：