网站地图    收藏   

主页 > 前端 > photoshop教程 >

Photoshop绿色按钮的制作技巧图解教程_自学php网

来源:自学PHP网    时间:2014-12-04 23:23 作者: 阅读:

[导读] 新建一文件,用圆角矩形工具画一个80X30、半径为8的圆角矩形,然后在图层面板里双击该图层(默认的命名为形状1),打开图层样式,按照以下设置: 1、设置渐变叠加: 具体的颜色值...

新建一文件,用圆角矩形工具画一个80X30、半径为8的圆角矩形,然后在图层面板里双击该图层(默认的命名为“形状1”),打开图层样式,按照以下设置:

1、设置渐变叠加:
 

 

点击浏览下一页

 

具体的颜色值为:#66CC33、#3BA51F、#20920E、#177E09,请参照以下设置:
 

 

点击浏览下一页

 

2、描边:颜色值为:#006600
 

点击浏览下一页
做完以上几步,就生成了以下效果:
点击浏览下一页

接下来我们来完成它的高光部份,高光部份与前面同样,也是用渐变来完成,首先我们在图层面板建立一个新图层,重命名为“高光”,然后按Ctrl+形状1,建立按纽的选区,点击选择菜单->修改->收缩,设置收缩量为1。点击选框工具(或按M键),在选择区域上右键->描边(或者编辑菜单->描边),做以下设置:
 

 

点击浏览下一页

 

选中“高光”图层,设置填充的透明度为0:
 

 

点击浏览下一页

 

然后双击“高光”图层,打开图层样式,做一个白色从透明到实底的渐变:
 

 

点击浏览下一页

 

 

点击浏览下一页

 

然后在上面加上我们想要的字就可以啦!再加以形状的变化,我们就做出了圆形按纽,以及标题栏等,手法基本相同,只是渐变的颜色值不同而已。
 

点击浏览下一页

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论