Photoshop制作非常简洁的灰色质感导航栏

2016-02-02 13:41 38 1 收藏

在这个颜值当道，屌丝闪边的时代，拼不过颜值拼内涵，只有知识丰富才能提升一个人的内在气质和修养，所谓人丑就要多学习，今天图老师给大家分享Photoshop制作非常简洁的灰色质感导航栏，希望可以对大家能有小小的帮助。

【 tulaoshi.com - PS 】

本教程介绍较为简洁的按钮制作方法。制作过程比较简单：先用选区工具做出按钮的形状，然后填充想要的颜色。然后设置图层样式做出按钮的质感。最后加上文字和小装饰即可。
最终效果

1、新建一个500 * 400像素的文档，背景填充颜色：#1b1b1b。

2、新建一个图层，选择矩形选框工具，拉一个288 * 50像素的矩形选区，填充颜色：##5a5a5a，效果如下图。

3、双击图层矩形的缩略图调出图层样式，设置内阴影和渐变叠加，参数及效果如下图。

4、把加上图层样式后的矩形复制三个，然后竖直排列，矩形间距为3个像素，效果如下图。

5、每个矩形上打上菜单文字，字体为“Arial”，效果如下图。

6、新建一个图层，选择椭圆选框工具，在矩形的左边部分拉一个直接为30像素的正圆选区，填充黑色，效果如下图。

7、再为黑色正圆加上图层样式，分别设置：内发光，渐变叠加，描边，参数设置如下图。

8、加上图层样式后把正圆的图层不透明度改为：70%，然后再在上面加上箭头，效果如下图。

9、最后稍微加点背景颜色，完成最终效果。

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

上一篇： Photoshop制作精致的灰色圆形质感按钮
下一篇： Photoshop制作精致的带金属边框的水晶按钮

看过《Photoshop制作非常简洁的灰色质感导航栏》的人还看了以下文章更多>>

Photoshop制作非常简洁的彩色光斑壁纸

本教程介绍较为简单实用的光斑壁纸制作方法。过程也比较简单，先用纤维滤镜制作出一些纹理，再用动感模糊滤镜做出有细丝感觉的背景。然后用渐变叠加等加上颜色。最后截取想要的部分，并加上装饰即可。最终效果 1、创建新图层，命名为图层1，任意填充颜色。双击背景图层打开“图层样式”对话框。选择“渐变叠加”，选择黑色和深蓝色的...

纯CSS制作简洁的垂直导航

标签： Web开发

CSS代码以下是引用片段：/* common styling */ /* set up the overall width of the menu div, the font and the margins */ .menu { font-family: arial, sans-serif; width:750px; margin:0; margin:50px 0; } /* remove the bullets and set the margin and padding to zero for the unordered list */ .menu ul { paddin...

Photoshop制作简洁大气的金色质感立体字

标签： PS效果 PS PS基础

我喜欢简单容易出效果的东西，不喜欢去记一堆参数什么的。下面我们一起交流下各种简单有效的方法，来制作金属质感立体字效果。最终效果重点分析：为了方便讲解，我们先隐藏底板，单看下字体效果。因为底板和文字用的是同样的方法制作的。 1、首先新建一个画布，背景黑色，接着用文字工具打上文字。关于字体不是很重要，只...

Photoshop制作非常简洁的红色光斑壁纸教程

标签： PS PS教程

效果图制作非常简单，基本上都是以圆形为主，制作的时候只需要降低图层的不透明度，然后多复制一些圆形色块叠加到一起，就可以得到非常不错的效果。最终效果 1、打开Adobe Photoshop CS6，新建PSD文档，设置画布尺寸1920像素×1200像素，色彩模式为RGB，分辨率设置为72像素。在图层面板中，新建图层，右击新建图层，选择混合选项渐变叠加。...

Photoshop制作非常简洁的单色光斑壁纸

光斑壁纸比较常见，常给人非常梦幻的感觉。制作的时候如果应用得当，光斑布置合理，如再加上一些补助的光束和背景等，出来的效果会很精彩。最终效果 1、创建一个新文件，大小为1000px*600px,，当然你可以根据你的桌面的大小设定图片的尺寸。然后使用渐变工具填充一个径向渐变(#TT290C、#9B1200)，如图所示。 2...

查看更多精彩>>