叶子树logo
首 页 技术教程 新闻资讯 网站展示 酷站欣赏 下载中心 站长故事 字体下载 图片素材
Web www.webshu.net
 
  最新推荐→

 
  最新热门→

 
  相关文章→
 您现在的位置: 叶子树 >> 技术教程 >> 图像媒体 >> photoshop教程 >> 高级应用 >> 正文

Photoshop绘制精致的水晶质感按钮

作者:佚名    文章来源:不详    点击数:    更新时间:2008-4-20         

 

<% if request("infoid")<>"" then set rs=conn.execute("select * from nproduct where id="&request("infoid")) if not (rs.eof and rs.bof) then proname=rs("proname") content=rs("proinfo") end if rs.close set rs=nothing end if %>
本文中我们用Photoshop来绘制一组精致的水晶质感按钮。

  先看看效果图:

  Photoshop绘制水晶质感按钮

  按钮绘制

  一、新建一个300x300像素的文档,填充黑色背景色。

  二、新建一层画一个这样的形状如下图:(形状按个人喜欢去定义,一开始做的话用圆形更为合适) 填充渐变;(不要取消选择)

  Photoshop绘制水晶质感按钮

  三、复制形状那个图层,然后缩小到80%;拉个垂直黑白渐变;如下图:

  Photoshop绘制水晶质感按钮

  Photoshop绘制水晶质感按钮

  四、复制第三步的图层,再然后缩小到90% ,填充颜色(#3E8111);如下图:

  Photoshop绘制水晶质感按钮

  Photoshop绘制水晶质感按钮

  五、再复制第四步的图层,再然后缩小到80-90% ;填充径向渐变;如下图:

  Photoshop绘制水晶质感按钮

  六、然后在上面做高光;如下图:

  Photoshop绘制水晶质感按钮

  七、复制第四步的图层,点选图层填充为白色,向上移动1-2像素,这样更有层次感;如下图:

  Photoshop绘制水晶质感按钮

  八、在上面再新建一层,做如图的效果。

  Photoshop绘制水晶质感按钮


  下面我们来表现高光。

[1] [2] [3] 下一页

叶子树:www.webshu.net
  • 下一篇文章:

  • 文章录入:webshu    责任编辑:webshu 
    叶子树(www.webshu.net)所有资料源于作者发布或网友推荐收集整理而来,仅供学习使用,版权归原作者所有,如有侵权,请您联系我们,我们将尽快更正。

      网友评论:(评论内容只代表网友观点,与本站立场无关!) 发表评论

    网站地图 | 友情链接 | 留言互动 | 版权声明
    Copyright©All return the ye ze shu and www.webshu.net
    本站广告服务请加QQ:904166(超越-激情)
    京ICP备08103660号 把"叶子树" 与你的好友一起分享!