按钮制作一小例

<Category: 前端设计> 查看评论

以下为最终效果图:

下面讲一下大致的步骤;

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

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

 

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

渐变叠加,效果如下:

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

滤镜-模糊-高斯模糊

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

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

最终效果如下:

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

本文来自: 按钮制作一小例

您或许也会喜欢:

  • 60佳优秀的 Photoshop 网页制作教程【下篇】 (0)
  • 60佳优秀的 Photoshop 网页制作教程【上篇】(0)
  • 25个非常棒的 Photoshop 网页设计教程(0)
  • 如何创建一个简洁、光滑的web2.0网站页脚(0)
  • 50个免费PSD用户界面工具包和Web设计模板(0)
  • 120个PSD转HTML的教程(0)
  • 使用Photoshop制作 Web 2.0 布局的网站(0)
  • 在photoshop中创建一个简洁风格的网页效果图(0)
  • 20个漂亮的Web设计PS教程(0)
  • 45佳优秀的 Photoshop 网页设计布局教程(0)