Photoshop制作简洁的灰色质感导航栏
站酷 发布时间：2010-05-27 18:09:46 作者：布噜盒子 
我要评论
我要评论本教程介绍较为简洁的按钮制作方法。制作过程比较简单：先用选区工具做出按钮的形状，然后填充想要的颜色。然后设置图层样式做出按钮的质感。最后加上文字和小装饰即可。
最终效果
1、新建一个500 * 400像素的文档，背景填充颜色：#1b1b1b。
2、新建一个图层，选择矩形选框工具，拉一个288 * 50像素的矩形选区，填充颜色：##5a5a5a，效果如下图。
3、双击图层矩形的缩略图调出图层样式，设置内阴影和渐变叠加，参数及效果如下图。
4、把加上图层样式后的矩形复制三个，然后竖直排列，矩形间距为3个像素，效果如下图。
5、每个矩形上打上菜单文字，字体为“Arial”，效果如下图。
6、新建一个图层，选择椭圆选框工具，在矩形的左边部分拉一个直接为30像素的正圆选区，填充黑色，效果如下图。
7、再为黑色正圆加上图层样式，分别设置：内发光，渐变叠加，描边，参数设置如下图。
8、加上图层样式后把正圆的图层不透明度改为：70%，然后再在上面加上箭头，效果如下图。
9、最后稍微加点背景颜色，完成最终效果。
1、新建一个500 * 400像素的文档，背景填充颜色：#1b1b1b。
2、新建一个图层，选择矩形选框工具，拉一个288 * 50像素的矩形选区，填充颜色：##5a5a5a，效果如下图。
3、双击图层矩形的缩略图调出图层样式，设置内阴影和渐变叠加，参数及效果如下图。
4、把加上图层样式后的矩形复制三个，然后竖直排列，矩形间距为3个像素，效果如下图。
5、每个矩形上打上菜单文字，字体为“Arial”，效果如下图。
6、新建一个图层，选择椭圆选框工具，在矩形的左边部分拉一个直接为30像素的正圆选区，填充黑色，效果如下图。
7、再为黑色正圆加上图层样式，分别设置：内发光，渐变叠加，描边，参数设置如下图。
8、加上图层样式后把正圆的图层不透明度改为：70%，然后再在上面加上箭头，效果如下图。
9、最后稍微加点背景颜色，完成最终效果。
相关文章
今天的教程是教给大家做一个非常有圣诞氛围的圣诞快乐按钮，充满浓浓的圣诞节日气息，小伙伴们还不快快打开PS一起来学习2021-06-16
ps2021怎么做漂亮的渐变按钮？ps中想要设计一款领券的按钮，如果添加渐变色会更加显眼，该怎么设计渐变色按钮呢？下面我们就来看看ps按钮样式的设计方法，详细请看下文介绍2021-05-27
很多人人物游戏按钮只能用AI才能设计，其实不然，一些按钮不只可以用AI设计，PS照样可以，今天我们就教大家制作一个蓝色科技金属质感的“play”按钮，一起来学习吧2021-05-18
ps怎么设计配色干净扁平化按钮？很多时候我们会看到各种按钮，想要设计一款颜色干净清爽的扁平化按钮，该怎么操作呢？下面我们就来看看ps按钮矢量图的设计方法，需要的朋友2021-04-08
怎么用PS制作按钮形状效果？下面这边文章主要为大家讲述了用PS制作按钮形状效果的教程，感兴趣的小伙伴来学习吧2020-12-15
ps怎么设计圆形的不锈钢金属按钮图标？ps中想要设计一款圆形的按钮，该怎么设计这个按钮矢量图呢？下面我们就来看看详细的教程，需要的朋友可以参考下2019-06-30
PS怎么设计可爱的按钮？ps中想要设计一款可爱的按钮，该怎么设计呢？下面我们就来看看ps设计按钮的教程，需要的朋友可以参考下2018-10-30
ps怎么设计逼真的玻璃质感按钮？ps中想要设计一款漂亮的玻璃按钮，该怎么设计逼真透明的玻璃按钮呢？下面我们就来看看详细的教程，需要的朋友可以参考下2018-09-23
ps怎么设计创意的圆形按钮？ps中想要设计按钮，该怎么设计创意的按钮图标呢？下面我们就来看看详细的教程，需要的朋友可以参考下2018-08-09
PS怎么设计左右轮播图的按钮？网页中经常能见到多张图片轮播的效果，会有左右按钮，该怎么设计这个按钮呢？下面我们就来看看详细的教程，需要的朋友可以参考下2018-08-09
最新评论