当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop制作时尚的黑色调网站导航

Photoshop
美术设计基础:在平面中描述立体之透视详解
Photoshop鼠绘教程:绘制一盆可口的哈密瓜
Photoshop CS4鼠绘教程:设计六一儿童节插画风格贺卡
Photoshop CS4教程:去除照片上无用的元素
Photoshop抠图教程:颜色混合带及球面化滤镜的应用
Photoshop动画教程:打造美丽春天里飞舞的蝴蝶
Photoshop调色教程:打造红粉佳人之解破刘方肤色
Photoshop合成教程:打造小象宝宝的悠闲时光
Photoshop后期教程:ACR结合PS修图与调整简单流程
Photoshop初学者实例教程:去除MM脸部的高原红
Photoshop后期教程:结合Raw改善照片对焦缺陷
Photoshop鼠绘教程:绘制亭亭玉立的荷花
Photoshop后期教程:综合运用调整偏色图,让MM靓丽起来
Photoshop鼠绘教程:模拟pt手绘效果-母亲
Photoshop动画教程:欢庆国庆60周年,打造飘动的五星红旗
Photoshop鼠绘教程:绘制瓶装洗发水广告效果图
Photoshop初学者实例教程:调制一杯创意咖啡
Photoshop初学者实例教程:鼠绘漂亮水晶水果图标
Photoshop初学者实例教程:炫彩光影字体特效
Photoshop鼠绘教程:绘制一个漂亮的桃心盾图标

Photoshop制作时尚的黑色调网站导航


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 527 ::
收藏到网摘: n/a

先看看小样吧!:)


第一步:新建文件,选择径向渐变,设置前景颜色为#b3a773,背景颜色为#877948。效果如图:

第二步:创建圆角矩形(半径为10px)大小为220x50px,颜色#212121,如图:

第三步:选择图层样式>渐变>描边,效果如图

第四步:新建层,选择选区工具(快捷键M)大小为15x100px,填充白色,效果如图:

第五步:复制白色线条层2次(快捷键ctrl+J),移动20px,合并3个白线层,效果如图:

第六步:选择变换(快捷键ctrl+T)

第七步:载入圆角矩形选区(按ctrl+鼠标点击圆角矩形层),选择白线层,反选(快捷键shift+ctrl+i),删除多余白线。

第八步:设置还层不透明为5%

第九步:添加自喜欢的文字和图标:

第十步:选择圆角矩形,半径为10 px,颜色为#2f2f2f,如图:

第十一步:调整图层的顺序。

第十二步:选择图层样式>外发光(柔光)>内发光>描边

第十三步:选择文本工具(快捷键T)输入文字,如图:

第十四步:新建层,选择画笔(快捷键B)创建200x1px细线,颜色为#292929,如图:

第十五步:新建层,选择选区工具(快捷键M),大小为8x3px,填充白色,效果如图:

第十六步:选择图层样式>外发光,

第十七步:复制图层(快捷键ctrl+J),效果如图:

完成!:)