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

  本文为 http://www.bonesblog.net 原创,转载需注明出处。

  点击这里下载PSD源文件

  效果:

  

  好了,我们开始教程

  新建一个文件,在工具箱中选择圆角矩形工具,如下图所示设置

  

  新建一个图层后,在画布上拉出一个长方形,就得到这样的结果。(为了更好的给大家讲解,这个图放大了400%显示)

  

  如果大家得到这样的结果

  

  就需要将“对齐像素”的选项给勾上

  

  为这个图层添加图层样式

  

  

  

  得到结果如图所示,顺便在样式调板中存储着这个样式

  

  使用矩形选框工具,绘制出一个矩形的选区

  

  新建图层后,填充黑色到白色的径向渐变

  

  并将该图层的混合模式改为:柔光,不透明度:60%

  

  新建图层,再绘制出一个矩形选区

  

  填充成白色

  

  并将该图层的混合模式改为:线性减淡,不透明度:30%

  

  使用文字工具写上要的文字,注意在这里要将字体的边缘设置为:无

  

  之前我们创建过一个样式,还记得吗,给文字应用这个样式就可以了。

  

  后面的工作就是换换颜色,改改文字就可以了。

  

  点击这里下载PSD源文件

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

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