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

  1. 新建一个文件。选择一个前景色,用“圆角矩形工具”画出一个150*70的按钮主体形状,得图层“形状1”。

  2. 复制该图层,得到图层“形状1 副本”,按 Ctrl+T 改变大小,将之收缩,如图。

Photoshop简单制作网页半透明按钮

  3. 在图层“形状1”上处理“图层样式”的“渐变叠加”,参数设置如图,渐变颜色可以根据各人做合适的设置。

Photoshop简单制作网页半透明按钮

  4. 图层“形状1 副本”处理“图层样式”。这里需要处理“渐变叠加”、“内阴影”、“外发光”等3个效果。

Photoshop简单制作网页半透明按钮

  5. 将前景色设置为白色,用“椭圆工具”画出一个形状(具体效果看图),得到图层“形状2”,设置透明度为50%。

Photoshop简单制作网页半透明按钮

  6. 保持状态,载入“形状1 副本”选区,利用选区添加蒙板。

Photoshop简单制作网页半透明按钮

  7. 新建“图层1”,再次载入“形状1 副本”选区,“描边”:宽度为3px,颜色为白色,位置内部。添加图层蒙板,用“渐变工具”填充黑白渐变,效果如图。

Photoshop简单制作网页半透明按钮

  8. 水晶按钮基本完成。将背景层设置为不可见,新建图层2,将图层位于最上方,按 Ctrl+Shift+Alt+E 键盖印图层。可将命名为“盖印图层”。然后复制该图层做成倒影(倒影效果可用蒙板,方法同第7步)。最后为按钮加上文字,设置阴影,水日按钮完成(附上图层)。

Photoshop简单制作网页半透明按钮

Photoshop简单制作网页半透明按钮

  9. 可以调整“色相/饱和度”来获得多种颜色的水晶按钮。

Photoshop简单制作网页半透明按钮

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

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