Photoshop制作漂亮的绿色水晶导航按钮

2016-02-02 16:14 18 1 收藏

下面，图老师小编带您去了解一下Photoshop制作漂亮的绿色水晶导航按钮，生活就是不断的发现新事物，get新技能~

【 tulaoshi.com - PS 】

按钮是网页中不可缺少的部分，好的按钮可以给网页增色不少。下面的教程介绍水晶风格的导航按钮制作。制作的时候先制作按钮的一部分，然后再复制组成导航栏。
最终效果

1、新建文件，大小500x 200px ，选择渐变工具(G)，(径向渐变)从#363636到#252525。最左边拖动到右下角。

2、新建层，选择选区工具(M)，固定大小为100 x 40px角。

3、填充线性渐变从 #68ad40和#4c8c2c。

4、选着图层样式内发光渐变叠加描边#427a25。

现在您的按钮应该是这样的。

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/ps/）5、新建层，同时选种新层和按钮层合并(ctrl+E)，现在做一些发光效果，加深工具(O)，笔头大小为45px，不透明度为10%，围绕按钮四周加深。

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/ps/）6、现在，选择减淡工具(O)，使用了一个14像素的软刷，不透明度为10%。

7、复制按钮如图：

8、新建层，灰色到透明，选择编辑变换透视：

9、降低透明度为10%。

10、最后，添加一些文字，完成最终效果。

来源:http://www.tulaoshi.com/n/20160202/1534799.html

上一篇： Photoshop制作一个精细的导航按钮
下一篇： Photoshop制作简单的水晶导航按钮

看过《Photoshop制作漂亮的绿色水晶导航按钮》的人还看了以下文章更多>>

Photoshop制作漂亮的绿色纹理水晶字教程

好的文字需要好的背景来衬托。在制作文字之前需要自己做出一些合适的纹理背景。字体部分的制作并不复制。打好文字后用图层样式做出水晶效果，然后再用滤镜等做出纹理即可。最终效果 1、创建画布，然后设置前景色为：#abd46e，背景色为：#4aa350。然后转到滤镜渲染云彩。 2、然后在到滤镜艺术效果绘画涂抹。设置如下。 3、点击确定...

Photoshop制作简单的蓝色导航按钮

标签： PS PS基础 PS效果

本教的按钮部分制作比较简单，用图层样式就可以完成。不过作者在介绍按钮的同时也介绍了背景部分的制作。这样搭配起来，做出的按钮更漂亮。最终效果 1、新建一文件，大小自定，这里是600*400为例。设置前景色：＃1592d7，背景颜色：＃136da2，选择径向渐变工具。从中间拖动得到下面效果： 2、添加散射光条文。新建一层，左边工具栏...

photoshop水晶按钮制作教程

photoshop水晶按钮制作教程最终效果 1.新建一个300 * 200像素的文件，定义圆角矩形大小为250 * 120 2.复制圆角矩(图老师整理)形图层并缩小 3.给底部圆角矩形加个渐变叠加，这里具体颜色头可以先不管，是同一色相调整不同明度就可以了。 4.这是是具体的简便颜色设置 photoshop水晶按钮制作教程(2) ...

Photoshop水晶鸳鸯按钮制作

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

最终效果图 1.新建一个500*250象素的窗口，填充绿色（R:52，G:175,B:125），再新建一层命名为"按钮--底部",选择“圆角矩形工具”如图1，半径数值为“10”如图2，绘制如图3所示的圆角矩形。图1 图2 图3 2.把圆角矩形局部放大用钢笔工具勾出如图4所示的图形,按“Ctrl+Entr" 调出选区，再按"Delete"键删除选区...

Photoshop制作绿色按钮技巧

Photoshop制作绿色按钮技巧对于各界交互界面大师来说，按钮的制作无疑是不可缺少的一个组成部分，(www.tulaoshi.com)但是习惯于运用多个图层叠加出非常漂亮的效果的时候，修改极不方便。下面介绍如何用图形渐变及图层样式简化这些图层。 PS教程最终效果 1、新建大小自定的文档，背景填充青色。先用钢笔建立路径，如下...

查看更多精彩>>