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

1、建立一新文档，用深灰色填充背景层。在文档的水平居中位置用椭圆工具建立一正圆选区并用白色填充选区再将其重命名为BCircLe。 。

2、复制该图层并用自由变换工具将复制层图中的略微小一些。然后按住CTRL+点击该复制层载入其选区。下面选择BCircLe并执行图层-图层蒙版-隐藏选区。 。

3、重复第2步骤用椭圆选框工具另外建立2个图层将2个图层的颜色分别设置成为绿色和红色。将这个2个图层分别重命名为MCircLe和SCircLe。 。

4、选中BCircLe双击该图层加入渐变叠加图层样式。 再加入斜面与浮雕图层样式。 。

5、复制BCircLe层然后改变之前的图层样式。将之前附加的渐变叠加和斜面与浮雕图层样式去除加入内阴影图层样式。（注意将填充不透明度也设置为0）。 。

6、选择MCircLe层加入渐变叠加和描边图层样式。 。

7、选择SCircLe层加入颜色叠加和描边图层样式。 。

8、建立一个名为Metels图层组的文件夹，将以上4个图层放置于该图层组中。 。

9、建立一新图层为Screen，再在文档中心位置用椭圆选框工具建立一正圆选区用白色填充。双击该图层加入渐变叠加图层样式。 。

10、建立一新图层，将前景色和背景色设置为白色和黑色。然后执行滤镜-渲染-云彩。设置图层混合模式为叠加。现在按CTRL+点击Screen层载入其选区，再回到云彩图层上来执行图层-图层蒙版-显示选区。 。

11、复制云彩层，将复制层命名为Twirl并将图层混合模式设置为颜色减淡。执行图层-图层蒙版-应用。之后再次按住CTRL+点击Screen层载入其选区，然后执行滤镜-扭曲-旋转扭曲。 。

12、执行滤镜以后不要区需要选择区，再接着执行滤镜-液化并选择褶皱工具。进一步加大扭曲度。 。

13、接着用橡皮擦工具载入Twirl层中的一些标注出来的位置。 。

14、建立一新图层并命名为Sstars,用黑色填充后设置图层混合模式为颜色减淡。再执行滤镜-像素化-铜板雕刻。 。

15、执行滤镜-模糊-径向模糊，设置如下。下面再次按住CTRL+点击Screen层载入其选区，然后回到云彩层上执行图层-图层蒙版-显示选区。 。

16、下面我们来制作一些星星。建立一新图层并用黑色填充再重命名为BStars,设置图层混合模式为颜色减淡。之后选择画笔工具对其做一下设置在图中编辑出如下所示的星星。 。

17、重复第14步的方法用缩放模糊做出大一些的星星，但是这次数量设置为50就可以了。 。

18、复制Screen层并改变其图层样式，选择渐变叠加图层样式设置渐变色为白色到白色，但是透明度设置为100%-0%。现在选择椭圆选框工具建立建立一椭圆选区，然后执行图层-图层蒙版-显示选区，调整好渐变叠加图层的位置并改变图层不透明度为40%。 。

19、再用第2步的方法在边框上做出一些小圆。 再给它加入颜色叠加和描边图层样式。 。

20、在把做好的“小圆”复制几个按比例放置于按钮上的合适位置，最终效果如下。 。

1、首先新建文件，选择圆角矩形工具，绘制出圆角矩形。如图 。

2、将路径转换为选区，新建图层，使用渐变工具绘制出85%灰度到25%灰度对角线渐变。如图 。

3、取消选区。使用图层样式，给圆角矩形增加内阴影，参数设置如图。如图 。

4、勾画出如图的选区。如图 。

5、新建图层，拉出透明到白色渐变。如图 。

6、新建图层，在矩形左上角勾出如图选区并拉出白色到透明渐变。如图 。

7、新建图层，使用椭圆选区工具绘制如图所示的两个椭圆选区并羽化填充。如图 。

8、勾画出如图所示的选区。如图 。

9、新建图层，拉出白色到透明渐变，并将该层不透明度减低为70%。将所有图层合并（背景层除外），通过色彩平衡来为按钮上色。如图 。

10、选区按钮的选区并将其扩大。如图 。

11、使用喷笔绘制出明暗对比效果。如图 。

12、使用图层样式为按钮底座增加外发光效果。如图 。

13、新建图层打入按钮上面的文字并将图层混合模式调整为叠加。OK，大功告成~！如图 。

1、贴吧有这种帖子琥珀按钮多翻几页找找。

2、@东日有人学琥珀。

3、菜鸟学了一下。

5、。

1、本ps教程学习如何用photoshop制作一款可以变换颜色的质感水晶按钮，主要用到了圆角矩形和图层样式，先看效果图。

2、新建文档500x300像素，背景黑色，新建图层，画一半径200的白色圆角矩形。

3、添加图层样式。

4、。

5、效果如下。

6、新建图层，再画一个小的白色圆角矩形，图层不透明度50%。

7、下面制作倒影，复制大的圆角矩形图层，新建图层然后合并2个图层得到图层ctrl+T垂直翻转挪到底部。

8、添加蒙版黑白直线渐变，图层不透明度80%左右，输入白色文字，效果如下。

9、。

10、如果你觉得蓝色不好看，想换个颜色，那就添加一个色相/饱和度调整层。

11、颜色随心换，只要你喜欢，本ps教程结束，其它效果如下。

12、。

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

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

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

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

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

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

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

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

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

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

1、打开素材，  复制一个素材  如图。

2、滤镜——球面化   数量为100% 如图。

3、图层添加样式， 调一下投影  如图。

4、再调一下 内阴影 如图。

5、新建一个图层，画一个选区，然后反选按shift+F7 删除图层  如图。

6、再用画笔涂抹一下 如图。

1、首先我们新建(Ctrl+N)一个600*400的画布，然后用圆角工具在画布中间绘制一个圆角矩形，填充前景色为#1786fc。

2、2然后我们打看图层样式，选择内发光，设置图素大小为10像素，等高线为锯齿3选择渐变叠加，混合模式设为正常，不透明度、100%，渐变颜色、#1849a3——#06c0f样式、对称，角度-160°，缩放、150%4选择光泽，设置混合模式为柔光，等高线为画圆步逐，光泽为#64aaf45选择投影，设置角度90°，距离、大小、给按钮添加阴影效果增加立体感6然后我们选择文本工具，在按钮中间写上文字button，这里选择的字体是Alexis，你也可以根据自己喜好选择7然后新建图层，用钢笔工具在按钮上部画一个不规则图形，然后填充白色，设置不透明度为给按钮增加高光效果8到这里我们的水晶按钮就制作完成了，你也可以选择其它颜色，制作出不同色彩的水晶按钮，感谢大家的浏览。

1、在ps软件中，新建一个图层 前景色为绿色 用圆角矩形工具  ，画一个圆角如图所示。

2、点击图层样式 调一下投影   外发光   如图所示。

3、再调一下内发光   斜面和浮雕    如图所示 。

4、接着调一下渐变叠加  如图所示。

5、复制一个图层   调一下不透明度   如图所示。

6、最后写上goodlouck  如图所示。

1、复制一个，上下颠倒下，放在下面，然后蒙版拉个透明渐变，整体在调下透明度。

转载请注明出处阿文说说网 » PS如何设计水晶按钮【水晶按钮】