| 网站首页 | Photoshop资源 | Photoshop学院 | Photoshop展示 | 设计素材 | 设计学院 | 留言本 | 返回总部 | 
您现在的位置: Photoshop资源站 >> Photoshop学院 >> 网页设计 >> 按钮制作 >> 正文
  Photoshop 绿色按钮的制作 渐变           ★★★★ 【字体:
Photoshop 绿色按钮的制作 渐变
作者:佚名    文章来源:ps.onegreen.org    点击数:    更新时间:2008-8-3    

  制作方面还是非常简单的,运用的工具是photoshop7.0,主要运用了渐变:效果图:

  

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

  1、设置渐变叠加:

  

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

  

  2、描边:

  颜色值为:#006600

  

  做完以上几步,就生成了以下效果:

  

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

  

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

  

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

  

  

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

  

文章录入:onegreen    责任编辑:onegreen 
  • 上一篇文章:

  • 下一篇文章:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    最新热点 最新推荐 相关文章
    在线制作与众不同的个性签名档
    使用Photoshop设计一个简单而专业的网站
    Photoshop制作咖啡店主题网站主页
    Photoshop打造一款美女水晶按钮
    Photoshop打造超酷网站登录界面
    Photoshop和ImageReady制作闪心动画边框
    Photoshop简单制作网页半透明按钮
    Photoshop制作水晶按钮网页导航
    新鲜视觉 非常规网页设计作品欣赏
    Photoshop制作电梯按钮