IT技术博客大学习 共学习 共进步

按钮制作一小例

流金岁月 2010-07-18 23:28:23 浏览 2,861 次

    以下为最终效果图:

    

    下面讲一下大致的步骤;

     1.在photoshop中新建文件,宽度200、高度200px,白色背景。

     2.我们准备一个简单的背景。我倾向于用亮灰色做渐变填充。使用大、小柔角画笔,大画笔绘制中上方的光影,小画笔用来绘制画布正中间偏上的光影,

    

     3.按快捷键U调出圆角矩形工具,圆角半径设为10px,沿着参考线绘制圆角矩形。

    

    渐变叠加,效果如下:

    

     4.现在让我们为按钮增加些阴影和高光。在按钮上一层新建图层,使用矩形工具绘制矩形选区并填充深灰色。

    

    滤镜-模糊-高斯模糊

    

    置于所有图层的顶端,混合模式设为“叠加”,使用白色柔角画笔绘制按钮的顶部

    

    复制图层,改变混合模式为“正常”,调整大小,位置略高于按钮的上边缘。

    

    最终效果如下:

    

    原文:http://blog.19ued.com/?p=996

建议继续学习

  1. 网站按钮的设计 (阅读 2,722)
  2. 浅谈后台页面按钮运用 (阅读 2,681)
  3. 确定?没法确定! (阅读 2,421)
  4. 多按钮共存――don’t make me think (阅读 2,181)