loading请求处理中...

web2.0按钮图标的设计方法 按钮图标设计欣赏

2021-12-01 01:27:22 阅读 10173次 标签: 图标设计 作者: chenliwen666

     对于网页设计而言,按钮图标必不可少,但令人抓狂的是,有时候的确是搜不到合适的、心仪的按钮图标,这该如何是好?那么,就自己动手diy一个按钮图标吧。本文分享web2.0按钮图标设计方法,供大家借鉴学习。

 

web2.0图标按钮


    1.新建图层,使用椭圆选框工具(快捷键M),按住shift键绘制正圆选区,选择渐变工具,白色至深灰渐变,样式为径向模式,在选区中拖出渐变效果。
    2.此时不要按ctrl+D,保持选区状态。新建图层,选择椭圆选框工具,在选区上右击鼠标——变换选区。
    3.新建图层,按M键选择椭圆选框工具,在选区右击——变换选区,将选区范围缩小,双击确定,填充深蓝色
    4.新建图层,保持选区。前景色设为淡青色,选择渐变工具,打开渐变编辑器,样式选第二种前景色至透明。
    5.渐变样式选择径向,从选区底部向上拖出。保持选区,新建图层,选择柔性画笔(硬度为0),前景色设为白色,在选区中下方点一下鼠标。另外,进行选择——修改——收缩操作。
    6.新建图层,选择渐变工具,前景色设为白色,打开渐变编辑器,前景色至透明。渐变样式为径向,拖出下图的渐变效果。
    另外,附上一些web2.0按钮图标供大家欣赏。

web2.0图标按钮

web2.0图标按钮

web2.0图标按钮

(一品威客 SELU)

软件UI设计公司推荐

成为一品威客服务商,百万订单等您来有奖注册中

留言( 展开评论

快速发任务

价格是多少?怎样找到合适的人才?

官方顾问免费为您解答

 
软件UI设计相关任务
DESIGN TASK 更多
中学广播站LOGO设计

¥500 已有27人投标

为幼儿园设计园徽

¥500 已有48人投标

企业LOGO设计

¥500 已有8人投标

pc网站ui设计

¥100 已有1人投标

羊肠线清洗机设计

¥20000 已有0人投标