星情 发表于 2013-11-21 18:44:18

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),效果见图:


做完!:)

田海书 发表于 2013-11-21 19:41:38

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

樊娅琼 发表于 2013-11-21 19:41:38

广告位,,坐下看看

隗春娇 发表于 2013-11-26 06:30:06

这么强,支持楼主,佩服

慕容梦云 发表于 2013-11-28 18:32:19

广告位,,坐下看看

席安琪 发表于 2013-11-30 09:52:26

占位编辑

邬世韵 发表于 2014-3-13 21:41:29

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

全梅英 发表于 2014-3-19 15:48:53

一直在看

颛孙雪羽 发表于 2014-3-20 09:04:04

丌官灵雨 发表于 2014-3-21 13:45:45

回个帖子,下班咯~

王浓绮 发表于 2014-3-22 09:36:43

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

田美华 发表于 2024-8-5 06:27:33

占坑编辑ing

沈敏叡 发表于 2024-8-14 22:56:47

看起来不错

欧阳彦芝 发表于 2024-9-14 19:48:54

站位支持

邢萦怀 发表于 2024-10-5 17:25:21

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

梁飞雪 发表于 2024-10-23 13:18:31

楼猪V5啊

尉迟琴雪 发表于 2024-11-25 15:31:07

看起来好像不错的样子

闻人逸致 发表于 2025-2-2 08:35:36

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

养思宸 发表于 2025-2-16 17:28:36

支持支持再支持

梁飞雪 发表于 2025-2-17 08:44:36

为了三千积分!
页: [1]
查看完整版本: photoshop设计时尚的黑色网页导航条