教你绘制一个绿叶小清新ICON图标

UI / UI设计教程 / UI图标教程 /      

暮光之城
UI设计师 / 广东 广州

来源:uimaker.com   作者:暮光之城

关键词

最终效果如下:




1、新建一个背景色为#1f202b,尺寸为960px * 960px的背景画布,然后在画布上绘制一个800px * 800px的圆角矩形,填充颜色为#65da5c






2、CTRL+T选中圆角矩形,选择“变化”,顺时针旋转45度,然后让其居中在画布中心,



3、给背景添加浮雕、投影、发光等效果,具体参数不细说,直接上图。对于一些效果的参数,可以自己按照自己的喜好调整,,下面是参考参数,


浮雕:


内阴影:



内发光:


渐变叠加:


图案叠加:



做到这步,得出效果如下:




4、ICON的背景做好了,现在就给这个小森林背景加上一些树枝吧,用钢笔工具,勾勒出树枝的主干和枝条,然后通过剪贴蒙蔽把树枝收在背景内部树枝的填充颜色为#3f8f36。最后调整一下ICON背景色,使其和树枝看起来更加融洽为止。






总结:这个图标虽然简单,但是对于新手来说有几个知识点是要加以练习的,其中钢笔工具的画图能力图片加上剪切蒙版和一些光影特效的调整需要多下点功夫。


技能延伸:想要快速进步的童鞋们,试试下面的教程扩展吧,看看能否自己做出来,在绘制好的图标基础上加上一个小水珠(教程可以关注“麦益视觉”回复“ 小水珠”获取哦!


9986.jpg


 收藏