按钮制作一小例
浏览:1640次 出处信息
以下为最终效果图:
下面讲一下大致的步骤;
1.在photoshop中新建文件,宽度200、高度200px,白色背景。
2.我们准备一个简单的背景。我倾向于用亮灰色做渐变填充。使用大、小柔角画笔,大画笔绘制中上方的光影,小画笔用来绘制画布正中间偏上的光影,
3.按快捷键U调出圆角矩形工具,圆角半径设为10px,沿着参考线绘制圆角矩形。
渐变叠加,效果如下:
4.现在让我们为按钮增加些阴影和高光。在按钮上一层新建图层,使用矩形工具绘制矩形选区并填充深灰色。
滤镜-模糊-高斯模糊
置于所有图层的顶端,混合模式设为“叠加”,使用白色柔角画笔绘制按钮的顶部
复制图层,改变混合模式为“正常”,调整大小,位置略高于按钮的上边缘。
最终效果如下:
原文:http://blog.19ued.com/?p=996
建议继续学习:
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
扫一扫订阅我的微信号:IT技术博客大学习
<< 前一篇:富媒体广告投放的一些经验
后一篇:设计信息可视化的10条建议 >>
文章信息
- 作者:simondai 来源: 流金岁月
- 标签: 按钮
- 发布时间:2010-07-18 23:28:23
近3天十大热文
- [51] Go Reflect 性能
- [13] 系统工程师的自我修养- sed篇
- [12] 公钥私钥加密解密数字证书数字签名详解
- [12] 基于HTTP缓存轻松实现客户端应用的离线支持
- [12] iOS可视化编程 Tips 之“无需代码设置
- [11] 正态分布的前世今生(一)
- [11] iTerm2 (Mac Terminal)
- [11] 浅谈Web安全验证码
- [11] osx平台上lol英雄联盟launcher启
- [10] 在JavaScript中什么时候使用==是正