当前位置:首页>ps实例教程>ps网页设计>网页图片>教程内容

photoshop设计黑色网站导航

来源:未知 作者:空来风 学习:556人次
出处:UCD博客 版权所有 转载请注明出处 链接先看看小样吧!:)




以下是详细的photoshop教程步骤:
第一步:新建文件,选择径向渐变,设置前景颜色为#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,填充白色,效果如图:





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






学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
暂无评论,交个作业支持一下吧~

关注大神微博加入>>

网友求助,请回答!