web2.0按钮图标的设计方法 按钮图标设计欣赏
对于网页设计而言,按钮图标必不可少,但令人抓狂的是,有时候的确是搜不到合适的、心仪的按钮图标,这该如何是好?那么,就自己动手diy一个按钮图标吧。本文分享web2.0按钮图标的设计方法,供大家借鉴学习。
1.新建图层,使用椭圆选框工具(快捷键M),按住shift键绘制正圆选区,选择渐变工具,白色至深灰渐变,样式为径向模式,在选区中拖出渐变效果。
2.此时不要按ctrl+D,保持选区状态。新建图层,选择椭圆选框工具,在选区上右击鼠标——变换选区。
3.新建图层,按M键选择椭圆选框工具,在选区右击——变换选区,将选区范围缩小,双击确定,填充深蓝色
4.新建图层,保持选区。前景色设为淡青色,选择渐变工具,打开渐变编辑器,样式选第二种前景色至透明。
5.渐变样式选择径向,从选区底部向上拖出。保持选区,新建图层,选择柔性画笔(硬度为0),前景色设为白色,在选区中下方点一下鼠标。另外,进行选择——修改——收缩操作。
6.新建图层,选择渐变工具,前景色设为白色,打开渐变编辑器,前景色至透明。渐变样式为径向,拖出下图的渐变效果。
另外,附上一些web2.0按钮图标供大家欣赏。