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

3iii
3iii 这家伙很懒,还没有设置简介...

0 人点赞了该文章 · 162 浏览

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

     对于网页设计而言,按钮图标必不可少,但令人抓狂的是,有时候的确是搜不到合适的、心仪的按钮图标,这该如何是好?那么,就自己动手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图标按钮

发布于 2022-09-29 16:51

免责声明:

本文由 3iii 原创或收集发布于 火鲤鱼 ,著作权归作者所有,如有侵权可联系本站删除。

火鲤鱼 © 2024 专注小微企业服务 冀ICP备09002609号-8