photoshop设计黑色网站导航(2)

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

photoshop设计黑色网站导航(3)

出处:UCD博客 版权所有 转载请注明出处 链接先看看小样吧!:) 以下是详细的photoshop教程步骤: 第一步:新建文件,选择径向渐变,设置前景颜色为#b3a773,背景颜色为#877948。效果如图: 第二步:创建圆角矩形(

photoshop设计黑色网站导航(2)插图

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


photoshop设计黑色网站导航(2)插图(1)

完成!:)出处:UCD博客 版权所有 转载请注明出处 链接先看看小样吧!:)


photoshop设计黑色网站导航(2)插图(1)

以下是详细的photoshop教程步骤:

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


photoshop设计黑色网站导航(2)插图(3)

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


photoshop设计黑色网站导航(2)插图(4)

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


photoshop设计黑色网站导航(2)插图(5)

photoshop设计黑色网站导航(2)插图(6)

photoshop设计黑色网站导航(2)插图(7)

photoshop设计黑色网站导航(2)插图(8)

photoshop设计黑色网站导航(2)插图(9)

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


photoshop设计黑色网站导航(2)插图(10)

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


photoshop设计黑色网站导航(2)插图(11)

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


photoshop设计黑色网站导航(2)插图(12)

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


photoshop设计黑色网站导航(2)插图(13)

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


photoshop设计黑色网站导航(2)插图(14)

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


photoshop设计黑色网站导航(2)插图(15)

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


photoshop设计黑色网站导航(2)插图(16)

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


photoshop设计黑色网站导航(2)插图(17)

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


photoshop设计黑色网站导航(2)插图(18)

photoshop设计黑色网站导航(2)插图(19)

photoshop设计黑色网站导航(2)插图(20)

photoshop设计黑色网站导航(2)插图(21)

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


photoshop设计黑色网站导航(2)插图(22)

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


photoshop设计黑色网站导航(2)插图(23)

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


photoshop设计黑色网站导航(2)插图(24)

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


photoshop设计黑色网站导航(2)插图(25)

出处:UCD博客 版权所有 转载请注明出处 链接先看看小样吧!:)


photoshop设计黑色网站导航(2)插图(1)

以下是详细的photoshop教程步骤:

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


photoshop设计黑色网站导航(2)插图(3)

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


photoshop设计黑色网站导航(2)插图(4)

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


photoshop设计黑色网站导航(2)插图(5)

photoshop设计黑色网站导航(2)插图(6)

photoshop设计黑色网站导航(2)插图(7)

photoshop设计黑色网站导航(2)插图(8)

photoshop设计黑色网站导航(2)插图(9)

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


photoshop设计黑色网站导航(2)插图(10)

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


photoshop设计黑色网站导航(2)插图(11)

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


photoshop设计黑色网站导航(2)插图(12)

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


photoshop设计黑色网站导航(2)插图(13)

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


photoshop设计黑色网站导航(2)插图(14)

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


photoshop设计黑色网站导航(2)插图(15)

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


photoshop设计黑色网站导航(2)插图(16)

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


photoshop设计黑色网站导航(2)插图(17)

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


photoshop设计黑色网站导航(2)插图(18)

photoshop设计黑色网站导航(2)插图(19)

photoshop设计黑色网站导航(2)插图(20)

photoshop设计黑色网站导航(2)插图(21)

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


photoshop设计黑色网站导航(2)插图(22)

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


photoshop设计黑色网站导航(2)插图(23)

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


photoshop设计黑色网站导航(2)插图(24)

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


photoshop设计黑色网站导航(2)插图(25)

photoshop设计黑色网站导航(2)插图

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


photoshop设计黑色网站导航(2)插图(1)

完成!:)

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部