当前位置: 首页 > 设计教程 > Photoshop教程 > Photoshop制作一个质感的网页导航按钮(2)

Photoshop制作一个质感的网页导航按钮(2)

4.按CTRL键点击图层1,调出图层1的图形选区之后,新建图层2,填充任意色彩,选择矩形选框工具,按向上方向键,将选区向上移动1个像表的距离,再按删除键删除选区内的色彩.再CTRL+D,取消选区.这样我们就得到了按钮底部的高光了

Photoshop制作一个质感的网页导航按钮

5.选图层2,添加图层样式(渐变叠加);

Photoshop制作一个质感的网页导航按钮

6.按CTRL键,点击图层1,调出层1选区,再新建图层3,使用渐变工具(径向渐变,白到黑色,从按钮的上中位置拖到按钮的下右位置),CTRL+D取消选区,改变层3的图层样式;如图设置

Photoshop制作一个质感的网页导航按钮

7.选择圆角矩形工具,建立与按钮同等宽度的圆色矩形路径,再选用转换点工具,移动右下角两个节点.使其变成梯形,新建图层4,设置前景色为白色,进入路径面板,填充路径(白色).按CTRL键点击层1,选图层4,为图层4添加图层蒙板.再设置图层混合模式,产生按钮的高光效果

Photoshop制作一个质感的网页导航按钮

  • 共3页:
  • 上一页
  • 1
  • 2
  • 3
  • 下一页
  • 上一篇:Photoshop打造绚丽的潮流舞者
    下一篇:Photoshop打造高光质感网站按钮

    图集推荐

    • 灵感
    • 美图