Photoshop设计网页蓝色圆形音乐水晶按钮

2016-03-18 05:51 4 1 收藏

今天给大家分享的是由图老师小编精心为您推荐的Photoshop设计网页蓝色圆形音乐水晶按钮，喜欢的朋友可以分享一下，也算是给小编一份支持，大家都不容易啊!

【 tulaoshi.com - PS 】

来源：一起PS吧作者：不详
水晶按钮的制作关键是把水晶质感渲染出来。可能勾出的图层较多，注意好每一个图层都需要用图层样式等添加光感，然后再根据光源方向设定好高光位置，这样做出的按钮不仅质感好，而且比较合逻辑。
最终效果

1、新建文档，800x600像素，背景白色，画2个矩形，分别添加样式。

2、底部矩形样式。

3、上部矩形样式。

4、在画面右侧添加一个白色椭圆，图层模式柔光。

5、建新层，画一白色正圆。

6、添加图层样式。

7、建新层，画一个小些的黑色正圆，与大圆中心对齐。

8、添加图层样式。

9、建新层，前景色#204478画一音乐符号。

11、建新层，用自定义形状工具画一个白色正圆，然后用钢笔调整节点。

12、将填充归零，添加图层样式。

最终效果：

来源:https://www.tulaoshi.com/n/20160318/1873837.html

上一篇： Photoshop制作红色高光质感网页按钮
下一篇： Photoshop制作炫彩色金属按钮

看过《Photoshop设计网页蓝色圆形音乐水晶按钮》的人还看了以下文章更多>>

Photoshop金属质感的圆形网页按钮

标签： PS PS基础

先看效果图。新建文档550550像素，背景黑色，建新层，前景色4c73f1画一个正圆形状，复制3个，副本1图层缩小5%左右，副本2层缩小位置如下，颜色改为白色。选择形状1，隐藏其它层，添加图层样式。描边颜色请采样我的截图，效果如下。选择副本层，添加图层样式。效果如下。选择副本2，填充归零，添...

Photoshop设计蓝色精致的透明水晶按钮

标签： PS PS基础 ps平面设计教程 ps去水印教程

来源：PS联盟作者：大眼仔~旭作者寄语：本教程教大家制作一款简单又美观的玻璃按钮，不用任何图层样式就可以做出非常漂亮的效果。用最简单的方法制作最漂亮的作品。最终效果新建一个400 * 250像素的文档，背景填充蓝色：#106D98。 1、新建一个图层，命名为“玻璃边框”，选择矩形工具，半径设置为25，然后拉出下图所示的选...

Photoshop设计制作金属感蓝色的网页按钮教程

标签： PS PS基础 ps平面设计教程 ps去水印教程

这是一篇photoshop按钮制作教程，教程中将为大家介绍如何使用photoshop中的图层样式功能制作出水晶按钮的透明和立体效果，大家一起来动手制作吧。先看效果图。 1、新建文档，尺寸自定，背景白色，建新层，画一黑色圆角矩形。 2、分别添加投影、描边这两个图层样式。效果如下图所示。 ...

透明水晶圆形按钮

标签： PS PS基础 ps平面设计教程 ps去水印教程

最终效果图 1.新建文件，宽、高都为5，单位cm，分辨率200，模式为RGB，白色背景。 2.用圆形选框工具画出圆形选框，在选区内点鼠标右键，选“通过拷贝的图层”项（图层1）。 3.新建图层（图层2），使用渐变工具，设置成“前景色到透明渐变”，前景色设置为R：255，拉出如图渐变。 4.新建图层（图层3），在...

Photoshop设计一款网页橙色水晶按钮教程