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

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

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

文章插图

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

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

文章插图

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

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

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

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

文章插图


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

文章插图
【用Photoshop制作非常简洁的灰色质感导航栏】4、把加上图层样式后的矩形复制三个,然后竖直排列,矩形间距为3个像素,效果如下图 。

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

文章插图


以上就是用Photoshop制作非常简洁的灰色质感导航栏,希望大家喜欢,请继续关注我们 。

    推荐阅读