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

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

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

【 tulaoshi.com - PS 】

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

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

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

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

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

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

5、新建层,同时选种新层和按钮层合并(ctrl+E),现在做一些发光效果,加深工具(O),笔头大小为45px,不透明度为10%,围绕按钮四周加深。

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

7、复制按钮如图:

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

9、降低透明度为10%。

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

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

延伸阅读
Photoshop制作绿色按钮技巧 对于各界交互界面大师来说,按钮的制作无疑是不可缺少的一个组成部分,(www.tulaoshi.com)但是习惯于运用多个图层叠加出非常漂亮的效果的时候,修改极不方便。下面介绍如何用图形渐变及图层样式简化这些图层。 PS教程最终效果 1、新建大小自定的文档,背景填充青色。先用钢笔建立路径,如下...
标签: PS PS基础 PS效果
本教的按钮部分制作比较简单,用图层样式就可以完成。不过作者在介绍按钮的同时也介绍了背景部分的制作。这样搭配起来,做出的按钮更漂亮。 最终效果 1、新建一文件,大小自定,这里是600*400为例。设置前景色:#1592d7,背景颜色:#136da2,选择径向渐变工具。从中间拖动得到下面效果: 2、添加散射光条文。新建一层,左边工具栏...
好的文字需要好的背景来衬托。在制作文字之前需要自己做出一些合适的纹理背景。字体部分的制作并不复制。打好文字后用图层样式做出水晶效果,然后再用滤镜等做出纹理即可。 最终效果 1、创建画布,然后设置前景色为:#abd46e,背景色为:#4aa350。然后转到滤镜渲染云彩。 2、然后在到滤镜艺术效果绘画涂抹。设置如下。 3、点击确定...
透明物体是通过背景进行参照,体现出质感。而本例里是讲解白色透明背景,如果背景太亮,会导致对比不明显。 最终效果 1、打开下图所示的背景素材,选择菜单:滤镜 模糊 高斯模糊,数值稍微大一点,效果如下图。 2、把前景色设置为绿色,用圆角矩形工具拉一个合适的圆角矩形,然后选择钢笔工具,在属性栏选...
来源:站酷 作者:邵飞Design 透明物体是通过背景进行参照,体现出质感。而本例里是讲解白色透明背景,如果背景太亮,会导致对比不明显。 最终效果 1、打开下图所示的背景素材,选择菜单:滤镜 模糊 高斯模糊,数值稍微大一点,效果如下图。 2、把前景色设置为绿色,用圆角矩形工具拉一个合适的圆角矩形,然后选择钢笔工具,在属性栏...

经验教程

806

收藏

21
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部