按钮制作一小例——：）

磨嘴皮(知识交流), 视觉设计
18 2010/7/19

以下为最终效果图：

下面讲一下大致的步骤；

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

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

 

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

渐变叠加，效果如下：

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

滤镜-模糊-高斯模糊

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

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

最终效果如下：

共17条评论

  1. 牛牛爸
    2010/7/19
    回复 引用

    为啥18的按钮中间有个白点 做突出状··

  2. 凤姐
    2010/7/19
    回复 引用

    hi~

  3. hemingli
    2010/7/19
    回复 引用

    呵呵，反正大概方法大家掌握就OK了。要求不要太高么

  4. 潇潇
    2010/7/19
    回复 引用

    学习～

  5. iamwy
    2010/7/19
    回复 引用

    细节决定成败

  6. 春香
    2010/7/19
    回复 引用

    没看够啊·期待以后更多关于光应用的文章。*-*

  7. 匿名
    2010/7/19
    回复 引用

    恩，还不错啊~

  8. 香皂
    2010/7/19
    回复 引用

    受教了~

  9. 动感超人
    2010/7/20
    回复 引用

    前来学习，不过感觉中间那一点是不是有点突。

  10. alexblair
    2010/7/21
    回复 引用

    嗯~~~不错滴~~学习~~

  11. 回忆碎片
    2010/7/21
    回复 引用

    怎么这个有点粗糙啊？

  12. hyungwon
    2010/7/30
    回复 引用

    启发老大了，哈哈

  13. 优惠券
    2010/7/30
    回复 引用

    学习，很久没用PS了

  14. oo
    2010/8/3
    回复 引用

    貌似里面还有一个信封~~

  15. 大亮
    2010/8/5
    回复 引用

    挺好，学会了，谢谢分享 :)

  16. Ancher
    2010/8/12
    回复 引用

    呵呵，不错 学习了！

  17. 风速
    2010/8/18
    回复 引用

    看似简单，但是要做出教程，还是要费些心思。辛苦了

发表评论