PhotoShop制作一个网页导航按钮的教程

作者:zhouyuling909 出处:站酷 1.填充背景为深灰色,设置前景色,新建图层1,绘制圆色矩形 2.为图层1添加图层样式(投影,内阴影,外发光,渐变叠加,描边); 3.选择图层1,使用滤镜杂色添加杂色(根据情况调整杂色的数量); 4.按CTRL键点击图层1,调出图层1的图形选区之后,新建图层2,

ps制作漂亮的蓝色透明玻璃按钮(3)

12、新建一个图层,用钢笔勾出顶部高光部分的选区,羽化6个像素后填充白色,不透明度改为:30%,效果如下图。 图13 13、新建一个图层,用钢笔勾出顶部中间位置的高光选区,填充白色。不透明度改为:30%,取消选区后


作者:zhouyuling909   出处:站酷

PhotoShop制作一个网页导航按钮的教程插图

1.填充背景为深灰色,设置前景色,新建图层1,绘制圆色矩形

PhotoShop制作一个网页导航按钮的教程插图(1)

2.为图层1添加图层样式(投影,内阴影,外发光,渐变叠加,描边);

PhotoShop制作一个网页导航按钮的教程插图(2)

 



3.选择图层1,使用滤镜>杂色>添加杂色(根据情况调整杂色的数量); 

PhotoShop制作一个网页导航按钮的教程插图(3)

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

PhotoShop制作一个网页导航按钮的教程插图(4)

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

PhotoShop制作一个网页导航按钮的教程插图(5)

 



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

PhotoShop制作一个网页导航按钮的教程插图(6)

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

PhotoShop制作一个网页导航按钮的教程插图(7)

 



8.输入文字,添加图层样式 

PhotoShop制作一个网页导航按钮的教程插图(8)

完成最终效果

PhotoShop制作一个网页导航按钮的教程插图(9)





作者:zhouyuling909   出处:站酷

PhotoShop制作一个网页导航按钮的教程插图

1.填充背景为深灰色,设置前景色,新建图层1,绘制圆色矩形

PhotoShop制作一个网页导航按钮的教程插图(1)

2.为图层1添加图层样式(投影,内阴影,外发光,渐变叠加,描边);

PhotoShop制作一个网页导航按钮的教程插图(2)

 



3.选择图层1,使用滤镜>杂色>添加杂色(根据情况调整杂色的数量); 

PhotoShop制作一个网页导航按钮的教程插图(3)

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

PhotoShop制作一个网页导航按钮的教程插图(4)

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

PhotoShop制作一个网页导航按钮的教程插图(5)

 



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

PhotoShop制作一个网页导航按钮的教程插图(6)

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

PhotoShop制作一个网页导航按钮的教程插图(7)

 



8.输入文字,添加图层样式 

PhotoShop制作一个网页导航按钮的教程插图(8)

完成最终效果

PhotoShop制作一个网页导航按钮的教程插图(9)




作者: 791650988

为您推荐