photoshop设计时尚的黑色网页导航条

简介:本例中我们利用photoshop设计制作一款时尚的黑色系,网页导航条.非常的漂亮,适合年轻个性的网站使用.
先看一下看小样吧！:)

步骤1：创建文件，选取径向渐变，设定前景色彩为＃b3a773，背景色彩为＃877948。效果见图：


步骤2：新建圆角矩形（半径为10px）大小为220x50px，色彩#212121，见图：


步骤3：选取图层样式>渐变>描边，效果见图







步骤4：创建层，选取选区工具（快捷键M）大小为15x100px,填充白色，效果见图：


                                                             
        
步骤5：拷贝白色线条层2次（快捷键ctrl+J）,拖动20px，拼合3个白线层，效果见图：


步骤6：选取变换（快捷键ctrl+T）


步骤7：载入圆角矩形选区（按ctrl+鼠标单击圆角矩形层），选取白线层，反选（快捷键shift+ctrl+i）,删除多余白线。


步骤8：设定还层不透明为5%


步骤9：加上自喜爱的文字与图标：


步骤10：选取圆角矩形，半径为10 px，色彩为#2f2f2f，见图：


步骤11：调节图层的顺序。


步骤12：选取图层样式>外发光(柔光)>内发光>描边





                               
        

步骤13：选取文本工具（快捷键T）键入文字，见图：


步骤14：创建层，选取画笔（快捷键B）新建200x1px细线，色彩为#292929，见图：


步骤15：创建层，选取选区工具（快捷键M），大小为8x3px，填充白色，效果见图:


步骤16：选取图层样式>外发光，



步骤17：拷贝图层（快捷键ctrl+J），效果见图：


做完！:)

LZ敢整点更有创意的不？兄弟们等着围观捏~

广告位，，坐下看看

这么强,支持楼主，佩服

广告位，，坐下看看

占位编辑

无论是不是沙发都得回复下

一直在看

顶

回个帖子，下班咯~

LZ帖子不给力，勉强给回复下吧

占坑编辑ing

看起来不错

站位支持

是爷们的娘们的都帮顶！大力支持

楼猪V5啊

看起来好像不错的样子

鄙视楼下的顶帖没我快，哈哈

支持支持再支持

为了三千积分！