PS按钮制作高级教程之透明水晶圆形按钮

“四驱兄弟”通过精心收集，向本站投稿了7篇PS按钮制作高级教程之透明水晶圆形按钮，下面是小编为大家整理后的PS按钮制作高级教程之透明水晶圆形按钮，以供大家参考借鉴!

篇1：PS按钮制作高级教程之透明水晶圆形按钮

最终效果图

1.新建文件，宽、高都为5，单位cm，分辨率200，模式为RGB，白色背景，

2.用圆形选框工具画出圆形选框，在选区内点鼠标右键，选“通过拷贝的图层”项（图层1）。

3.新建图层（图层2），使用渐变工具，设置成“前景色到透明渐变”，前景色设置为R：255，拉出如图渐变。

4.新建图层（图层3），在新图层上用喷笔画出阴影（也可填充颜色，然后用椭圆选区羽化后删除，但是那样效果没有用喷笔来得自然好看，小魔星就不在此赘述：P）

5.新建图层（图层4），在新图层上画出椭圆选区。

6.在图层4上使用渐变工具，前景色设置为R：255；G：255；B：255。

7.新建图层（图层5），使用钢笔工具任意画一个图形，

8.在路径工作区中点选“将路径作为选区载入”，将钢笔路径转换成选区。

9.填充前景色。

10.将图层5拉至图层4之下。

11.图层属性设置为“叠加”。

12.把工作区换到图层1（通过拷贝的白色圆形），双击图层，跳出图层样式框，参数设置如图。

13.现在就是大功告成拉~~哈哈哈~~~如果想再做其他颜色的水晶按钮不必再一个个重复做~只要点ctrl+U调整色相就OK了：）

篇2：PS按钮制作高级教程之制作常用水晶按钮

本教程主要是介绍水晶按钮的制作，主要难点是要把按钮的高光和暗调调和谐！

最终效果

1.新建一个300 * 200像素的文件，定义圆角矩形大小为250 * 120

2.复制圆角矩形图层并缩小

3.给底部圆角矩形加个渐变叠加，这里具体颜色头可以先不管，是同一色相调整不同明度就可以了，

4.这是是具体的简便颜色设置

5.给上边的矩形添加样式

6.设置前景颜色为白色，用椭圆工具画出如图形状并设置不透明度为50%，操作如下图

7.载入上部矩形为选区并新建图层用白色描边，并给该图层添加一个蒙版用渐变工具作出下图效果

8.隐藏背景图层，盖印图层，并用自由变换工具做成倒影，

9.加上文字。

10.最后添加一个色相饱和度可以调成自己喜爱的颜色。

篇3：PS按钮制作高级教程之美女水晶按钮

最终效果图

制作工具：Photoshop CS

制作过程：

1、打开一幅图片，效果如图01所示做为底图，

图01

2、设置前景色为蓝色1E5F96。选择工具箱中的“圆角矩形工具”，设置半径为150，在窗口中绘制如图02所示的形状，命名生成图层为图层1。

图02

3、双击图层1，打开图层样式对话框，选择“投影”样式，设置参数如图03所示，图像效果如图04所示。

图03

图04

4、创建新图层，命名为图层2。设置前景色为亮蓝色00DDFE，背景色设置为深蓝色0260AA，如图05所示。选择工具箱中的“渐变工具”，选择图层2，按Ctrl键单击图层1，载入图层1的选区，从下至上拖动鼠标绘制渐变，取消选择，效果如图06所示。

图05

图06

5、单击图层面板下方的“添加图层蒙版”按钮，为图层2添加蒙版。然后设置背景色和前景色为黑色和白色，选择渐变工具，选择前景色到透明，从左至右，从右至左各拖动一次，图像效果如图07所示。

图07

6、新建图层，命名为图层01，

按住Ctrl键单击图层2，载入选区。设置前景色为白色，按Alt+Delete键填充白色，如图08所示。

图08

7、为图层01添加图层蒙版，选择工具箱中的渐变工具，设置成从黑色到透明，从右到左绘制渐变，使左边显示为纯白色，效果如图09所示。

图09

8、选择菜单栏中的“编辑”“自由变换”命令，在属性栏中设置W为95%，H为95%，然后按确认，效果如图10所示。

图10

9、单击工具箱中的移动工具，再按向左键2次，效果如图11所示。

图11

10、设置该图层的不透明度为70%，效果如图12所示。

图12

11、复制图层01，命名为图层02。按Ctrl+T键，将选择图像的大小缩小为97%，再将图像向左移动2像素，对准到图层01的左侧部分，图像效果如图13所示。

图13

12、复制图层01，命名为图层03，并移动到图层的最上方。选择菜单栏中的“编辑”“变换”“水平翻转”命令，向右移动2像素，并将不透明度设置为40%，效果如图14所示。

图14

篇4：PS按钮制作高级教程之网页常用水晶按钮

最终效果图

1、新建一个文件，在工具箱中选择圆角矩形工具，如下图所示设置：

2、新建一个图层后，在画布上拉出一个长方形，就得到这样的结果，（为了更好的给大家讲解，这个图放大了400%显示）

如果大家得到这样的结果。

就需要将“对齐像素”的选项给勾上。

3、为这个图层添加图层样式。

得到结果如图所示，顺便在样式调板中存储着这个样式。

4、使用矩形选框工具，绘制出一个矩形的选区，

5、新建图层后，填充黑色到白色的径向渐变。

6、并将该图层的混合模式改为：柔光，不透明度：60%。

7、新建图层，再绘制出一个矩形选区。

8、填充成白色。

9、并将该图层的混合模式改为：线性减淡，不透明度：30%。

10、使用文字工具写上要的文字，注意在这里要将字体的边缘设置为：无。

11、之前我们创建过一个样式，还记得吗，给文字应用这个样式就可以了。

后面的工作就是换换颜色，改改文字就可以了。

篇5：PS按钮制作高级教程之制作蓝色水晶按钮

本教程介绍非常简单的水晶按钮的制作方法，制作的时候只要用圆角矩形拉出按钮的大小，然后加上图层样式和高光即可。教程只是个参考，其他形状的按钮制作方法类似。

最终效果

1、新建一个大小自定的文件，选择圆角矩形工具，半径设置为15像素，前景颜色设置为蓝色，拉出一个圆角矩形，然后双击图层调出图层样式，参数设置如下图。

2、新建一个图层，给按钮添加高光效果，

用圆角矩形工具再画一个较小的圆角矩形，如下图。

3、把高光图层的透明度适当降低，图层混合模式改为“叠加”，效果如下图。

4、调节图层效果，可以做出其他颜色的按钮，最后加上文字完成最终效果。

篇6：PS按钮制作高级教程之巧用图层制作漂亮水晶按钮

本教程介绍使用图层样式来制作水晶按钮，教程中用到的是矩形的按钮重点是学习简便色的使用和光感的调节，明白了做其他形状的按钮也就迎刃而解了！

最终效果

1.新建一个500 * 300像素的文件，背景填充为白色，新建一个图层命名为“按钮”，用矩形选框工具画一个长条的矩形填充为黑色。

2.双击“按钮”层，弹出图层样式对话框，选择渐变叠加参数设置如下图

3.设置渐变颜色

4.继续添加图层样式选择外发光

5.继续添加图层样式选择描边确定后完成最终效果，

其它颜色的按钮只要设置渐变的色彩就可以了。

篇7：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、最后再打上您需要的文字，这个范例就算完成啦，如下图：