恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
好看的渐变图标怎么画
0.0°
2018-04-10 原创文章 教程 举报 3201 28 27 0

今天无意中看到了大神@Dea_n的一个渐变图标的设计,太喜欢了就临摹了一下,把这次的临摹经验与设计新手分享一下,大家一起进步


适合新手练习,大神请多多提意见,谢谢!: )

先上图再说

Image title


看到这个图标你可能在想:(我去)

1、这渐变图标这么多方格子得一个一个画吧?

2、渐变颜色怎么把控啊?

3、有什么好办法啊?

4、。。。


看完图标之后我尝试着临摹了一下,感觉还是比较简单的,只需四步!没错,你没看错,就是只需要四步,完美解决你心中的所有困惑!


(天啦噜,这楼主肯定在骗人,我们走。。。)

等等,我发誓,我要是骗人,我就。。。(张不开嘴)

(哎呀,别啰嗦了,赶紧上教程吧,我等的花儿都谢啦)

好的,那就开始教程吧!


--------------------  我是一条美丽的分割线  --------------------


第一步,先画一个圆角矩形,并将它复制一份,注意两个图形的位置要一样,即同心矩形

Image title

(就这么简单,不骗你的)


第二步,给复制的矩形添加渐变,并将图层转成智能对象,效果如下

Image title


第三步,最关键的一步,选择“滤镜”>“像素化”>“马赛克...”,调整单元格大小,并与下层的图层建立剪贴蒙版,效果如下

Image title

(duang duang duang,是不是,效果就出来了,很简单吧)


第四步,接下来的相信大家的都能做的来吧,在这儿我就简单展示一下我的做法,方便新手学习

1.画一个圆形,记得填充为0,并添加投影和渐变,具体参数如下图

Image title


2.再画一个同心圆形,并给其添加渐变、内发光和投影的效果,具体参数如下

Image title


3.最后再给圆形添加一个长投影,用蒙版擦除多余的部分,再给整个图标加个投影就大功告成了!


--------------------  我是一条美丽的分割线  --------------------


教程结束了,是不是很简单哇,希望喜欢的小伙伴们赶紧动手做一做吧!

在做的途中如果遇到问题可以留言或者私信我,看到后我会及时回复的!: )

如果你喜欢,那就点个赞吧!

更新:2018-04-10

收藏

28人已收藏

  • 11

    作品

  • 12

    粉丝

  • 82

    关注

  • 人物插画习作
  • 人物插画练习
  • 一套常用旅行类图标
  • 炫彩烟花海报临摹

    猜你喜欢

      2018-04-10 原创文章 教程 举报 3201 28 27 0

      好看的渐变图标怎么画

      0.0°

      你确定要举报好看的渐变图标怎么画

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年04月10日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      27
      28
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录