【水晶按钮】PS如何设计水晶按钮

本文是水晶按钮、PS如何设计水晶按钮的相关知识内容，以下精选PS如何设计水晶按钮的相关解答方案，一起来看看吧！

PS如何设计水晶按钮【1】

1、打开PS，新建空白背景，选择椭圆形选区，如图。

2、新建图层，填充颜色，点击确定，如图。

3、点击窗口，样式，找到冰银的样式，如图。

4、新建图层，选择自定义形状，绘制形状，载入选区，如图。

5、移动图片，设置图层混合模式为滤色，如图。

6、再次调整图片，如图。

7、选择椭圆形选区工具，绘制选区，羽化半径为5像素，点击确定，如图。

8、再次执行羽化半径为10像素，点击确定，如图。

9、填充颜色，选中滤镜，模糊，高斯模糊，设置半径为1像素，点击确定，如图。

10、选中背景图层，填充黑色，点击确定，如图。

PS如何设计水晶按钮【2】

1、新建一个画布，背景为白色，600*500。

2、选择渐变工具，将背景设置为黑白过度。。

3、新建一个图层，命名为椭圆按钮。。

4、在画布中央画一个椭圆，然后双击图层面板中这个椭圆按钮的图层，然后设置内阴影、内发光、光泽、投影、描边等参数。。

5、调整后，在新建一个图层，画一个小的椭圆，然后对其颜色进行填充，需要填充白色向透明过度的效果。。

6、对椭圆位置进行调整（Ctrl+T）然后点击回车，完成调整，复制新的图层，添加图层蒙版，使用橡皮擦对这个光斑进行擦拭，留下一个小小的月牙，然后将其放在右下。。

7、然后对光斑的透明度进行调整，还要讲原来大的椭圆所再图层处的填充调整为0，效果如图。。

PS如何设计水晶按钮【3】

1、Ctrl+N新建一个空白文档，用“渐变工具”为画布填充RGB(35,105,72)到RGB(15,40)的渐变色。

2、使用圆角矩形工具，创建一个填充为RGB（28,80,58）的圆角矩形，双击打开图层样式，选择“斜面与浮雕”进行设置。

3、设置“等高线”，“描边”。

4、选择“内阴影”、“渐变叠加”。

5、选择“外发光”、“投影”进行设置。

6、点击“确定”，修改图层填充“75%”，新建图层用白色柔光笔配合矩形选框画出下方的高光。

7、复制圆角矩形1到图形上方，修改“填充”颜色为GRB（25,123,62），并设置混合模式为“颜色”，填充为“60%”，使用钢笔工具绘制一条路径。

8、使用“画笔工具”在选项中进行相应的设置，使用画笔描边路径。

9、双击图层缩略图，打开图层样式，选择“颜色叠加”、“外发光”进行设置。

10、点击确定，复制该图层，适当调整位置，修改蒙版。

11、新建图层，使用白色柔边笔涂抹线条，修改“混合模式”为“颜色减淡”。填充“60%”。

12、执行窗口>文字，进行设置，使用横排文字工具输入文字。

13、双击打开图层样式，选择“渐变叠加”、“外发光”进行设置。

14、设置完成，点击“确定”，完成设置。。

PS如何设计水晶按钮【4】

1、打开PS，点击菜单【文件---新建】（或者Ctrl+N快捷键），新建一个600*400的画布，取名“按钮”（其他的默认），点击确定。。

2、点击工具栏的“圆角矩形工具”，设置前景色为蓝色，点击“确定”。。

3、用鼠标在空白的地方画一个圆角矩形工具，蓝色的圆角矩形就画好了（如果没有颜色，需要用鼠标再点击一下）。 。

4、接下来我们就要用到图层样式了，点击菜单【图层---图层样式---内发光】，进入“图层样式”，选择内发光，设置图素大小为10像素，等高线选择“锯齿”，点击确定。这时候看到有一些变化了吧。。

5、然后依然是在“图层样式”，选择“渐变叠加”，混合模式设为正常，不透明度为，渐变颜色点击选择想要的颜色，“反向”和“与图层对齐”前面勾选，样式选择“对称的”，角度-160°，缩放150%。

6、点击确定，就是这效果啦。。

7、继续在“图层样式”选择“光泽”，设置“混合模式”为“柔光”，等高线为“画圆步骤”，光泽，效果就出来啦。。

8、依然是“图层样式”里面操作，选择“投影”，设置角度90°，距离为大小为给按钮添加阴影效果增加立体感。因为数值较小，效果不是特别明显。。

9、接下来要在上面写字了，选择“横排文字工具”，根据需要设置字体，字号，颜色。。

10、在按钮中间写上文字“登录”（根据需要可以写别的文字）。。

11、然后新建一个图层，取名椭圆。选择钢笔工具，就调出来一些工具了，选择椭圆。点击那个四个角带圈圈的图形，就出现了刚才设置图层样式。画一个椭圆，用来放在“登录”的下面。。

12、在“图层”面板，将“椭圆”图层拖到“登录”图层的下面。这样，就做好了。。

13、将图片存储为JPEG格式，就完成了。。

PS如何设计水晶按钮【5】

1、首先，填充一个浅灰的底，目的是为了突出按钮的高光位置，有其是边缘的。我现在把文字和高光的图层给去掉了，只留下重要的部分。这个图层，就只有样式，你看到的效果，全都是样式做出来的。看到了吗？都用了那几种样式？ 。

2、有了基本认识，接下来，新建一个图层，偶先画了一个倒角的方形，偶比较喜欢倒角的，如果你喜欢其它形状，随便画好了。如果你不知道怎么画，请看之前的教程。画好后，随便填个颜色，什么颜色都没关系。双图层，调出图层样式窗口。为了让按钮更明显一些，偶先加了个描边。一个像素就够了，颜色选择黑色，透明一点。为什么不直接用灰色呢？那是因为考虑到以后应用的时候，透明的黑色会更容易融入其它环境的。灰色会显得很生硬，记住拉，用半透明的黑色，更容易融入背景的。 。

3、有了描边，再加个渐变，好增加立体感，看看，怎么是正片叠加的？其实，你也可以用正常模式的，但为什么偶要选择正片叠加？先买个关子，等一下再告诉你吧～现在先选择好你喜欢的颜色先拉！加了颜色后，先不急着调整，留待其它效果添加了再调整会容易很多的。 。

4、现在还差点什么呢？阿，对了，还欠个阴影。那么，我们给他加个阴影吧～看偶的！夷？为什么不用阴影，而用外发光呢？怎么混和模式又不是正常的呢？呵，别急，下一步告诉你为什么。先选好黑色的发光，表示阴影吧～ 。

5、好拉，现在看看效果怎样？在一个阴影的基础上，就仅仅是多了一条白色的线，但就因为这条小线，令按钮突出来了，细节的东西，可不要忽略了阿。当你发觉你做的东西不对劲的时候，要考虑一下，是否有某些细节给忽略了。 。

6、但现在的按钮好像光的质感还不够，我再加一个内发光！让他在边缘发光，这个也就只是一些细节，当然，你可能不会一下子发现，你可以在到制作到后期的时候添加和修改也行的。 。

7、加了个发光，效果好了点，但现在虽然有了金属包边的感觉，但还是觉得平凡了点。哈，加个斜线也是个流行的做法阿！关于斜线的制作，看这里dispbbs.asp?BoardID=3&ID=188958不要再问偶了。但你加了斜纹后，可能会看不到？为什么？？？？尝试修改混合模式吧～然后调整透明度，让斜线更自然的融入按钮 。

8、哈，现在基本的东西已经完成了，再加上一个玻璃质感的高光。用钢笔扣一下，然后填个渐变透明，那就不错了。 。

9、嘿，现在是否象模象样呢～高兴吧？但是，这跟普通的玻璃质感按钮好不了多少。有点平凡了，恩，让偶想想。。。。。。。。。 不如就加些高光的高光吧～～就像用射灯照着的一样，泛着点点灯光，那个才叫Cool！ 。

10、后，加上文字，就成了我们今天要说的超Cool的玻璃按钮按钮拉，如果简单的放上去，不就很单调了？加个阴影哦，让文字也突出来！ 。

PS如何设计水晶按钮【6】

1、创建一个新的文件，选择“椭圆形工具”（U），画一个圆形。将圆形填充上随便什么颜色，后面它将被图层样式覆盖。 。

2、双击圆形图层打开图层样式窗口，选择“渐变叠加”，使用蓝色和浅蓝色做渐变色，在“样式”下拉框中选择“径向”。后参照下图为渐变叠加设置“角度”并添加“斜面和浮雕效果”。 小窍门：将渐变叠加移动到圆形顶端：打开图层样式窗口，选中“渐变叠加”选项。按住按钮调整渐变。 。

3、参照下图，复制圆形图层，并调整到合适大小。 。

4、双击刚复制好的新图层，打开图层样式窗口，去掉所有前面设置的效果（渐变叠加、斜面和浮雕效果）。选择“描边”，在“填充类型”下来菜单中选择“渐变”，将渐变颜色设置为白色，透明度从至0%。其他设置参照下图。 。

5、选择“横排文字工具”（T）创建一个文字图层，使文字图层在顶层。选中文字图层，打开图层样式窗口。选择“颜色叠加”将文字颜色设置成白色，然后选择“内阴影”，参照下图进行设置。 。

6、合并以上三个图层，将图层命名为“BlueCircle”。 。

7、选择“多边形工具”（U），参照下图修改设置，创建一个星形徽章。像步骤3一样复制该图层并且调整大小。 不需要从新设置图层样式，只需要从我们刚才制作的图标中复制图层样式，然后粘贴到现在的图层中就可以了。做法：选择我们刚才创建的图层BlueCircle，右键选择“拷贝图层样式”。然后选择刚创建的星形徽章图层，右键选择“粘贴图层样式”。 我们需要修改的地方就是在“渐变叠加”中修改渐变颜色。 这是一种简单的制作3D风格按钮的方法。你可以自己更改一些样式，例如：颜色叠加、渐变叠加等。 。

PS如何设计水晶按钮【7】

1、新建一个300*300像素的文件，把背景填充颜色：#1026按Ctrl+R调出标尺，然后分别在水平和垂直中心位置拉一条参考线，效果如下图。 。

2、选择自定义形状椭圆工具，按住Shift键，从参考线中心向外拉出一个正圆。 选择下图中的选项，按Shift从参考线向外拉，将圆中间消减去一部分。 再选择添加区域选项，按上面的方法，在中间拉出一个小圆。 。

3、在形状图层上单击右键-栅格化图层，然后双击图层，设置图层样式，参数设置如下图。 各项参数设置好的效果。 。

4、新建一个图层，再在中间画一个稍小的圆，然后栅格化图层，双击形状2图层，设置图层样效果如下。 涂层样参数。 。

5、按住Ctrl键，同时点击图中红色圈处载入选区。 保持选区，新建一个图层，选择编辑>描边，参数设置如下图。 继续执行滤镜>模糊>高斯模糊，半径为 。

6、选择椭圆选框工具，在里面画一个正圆，在选项栏中选“从区域减去”，将多余部分减掉。新建一个图层，选一种稍浅的颜色填充，选择：滤镜>模糊>高斯模糊，半径：7像素。效果如图。 。

7、按住Ctrl键同时点击形状载入选区，执行：选择>修改>收缩，数值为3；保留选区，新建一个图层，在上面拉一个白色线性渐变，并将图层不透明改为：13%，效果如图。 。

8、新建一个图层，添加一个蒙版，给蒙版拉一个黑白径向渐变，选择一个蝴蝶或其它画笔，在图层上点画笔，并双击图层4设置图层样式。 图层样式参数。 。

9、新建一个图层，参照第6步用椭圆做出如下选区，填充白色或浅色，不透明度改为：18%。 。

10、新建一个图层，选择画笔工具，在蝴蝶头左上和右下方点两个白点，图层不透明度改为：48%：执行：滤镜>模糊>高斯模糊，数值为 。

11、新建一个图层，在外围上重复上一步操作。 。

12、新建一个图层，按Ctrl键同时点击形状2载入选区，再用椭圆工具将选区两边减去一部分，形成一个沙漏状，保持选区，给选区填充淡一点的颜色，图层不透明度该为：14%，再给此图层添加一个蒙版，拉一个黑色线性渐变。 。

13、新建一个图层，用椭圆工具加/减选区项，作出如下选区，按Alt+Shift+D羽化数值为保持选区，填充颜色，图层不透明度为：70%。 。

14、新建一个图层，再作出以下两个区域，填充白色图层不透明度改为20%。 后下载一个星星画笔点上完成终效果。 。

PS如何设计水晶按钮【8】

1、方法、首先，新建画布，并点击圆角矩形工具，半径15px，颜色蓝色，画出矩形。

2、右击图层，选择混合选项，进入到图层样式，分别勾选投影、外发光、内发光、斜面与浮雕、光泽、渐变叠加选项，设置图层样式各项的值，参考下面的设置值，然后点击确定按钮设置后如图。

3、添加文字，并在图层控制面板新建一个图层或者(按快捷键Shift+Ctrl+N)，接着在工具箱中选择钢笔工具，在属性栏中设置钢笔为路径，接着再工作区绘制出一个不规则的形状，按键盘快捷键Ctrl+Enter转换为选区，设置前景色为白色，按键盘快捷键Ctrl+D取消选区，并设置不透明度为20%。

PS如何设计水晶按钮【9】

1、转载自68PS联盟精品教程第一次发教程不要插楼好么以下是效果图。

2、新建一个800*600像素的文档，背景填充暗紫色、#7528如下图。

3、先来制作中间的蓝色水晶部分，需要完成的效果如下图。

5、新建一个组，选择椭圆选框工具，按住Shift键拉出一个合适的正圆选区，然后给组添加图层蒙版。

7、在组里新建一个图层，选择渐变工具，颜色设置如图由上至下拉出图5所示的线性渐变作为底色。

9、新建一个图层，用钢笔勾出右下角边缘高光选区如下图，填充白色，不透明度改为、20%，取消选区后添加图层蒙版，用黑色画笔把顶部过渡擦出来。

10、。

11、新建一个图层，用钢笔勾出下图所示的选区，填充白色，再把图层不透明度改为、20%，同上取消选区后添加图层蒙版，用黑色画笔把边缘过渡擦出来。

12、。

13、新建一个图层，用透明度较低的白色画笔把下图选区部分涂上淡淡的白色，图层不透明度设置稍微低一点，如下图。

15、丫灭跌发漏了一张图对不起对不起。

16、七楼开始的图应该是和6楼一起的我重新发吧真是对不起第一次。

17、在组里新建一个图层，选择渐变工具，颜色设置如图由上至下拉出图5所示的线性渐变作为底色。

18、。

19、新建一个图层，用钢笔勾出右下角边缘高光选区如下图，填充白色，不透明度改为、20%，取消选区后添加图层蒙版，用黑色画笔把顶部过渡擦出来。

20、。