原图作者:Evgeniy Dolgov
教程作者:Showy121
交作业:#优设每日作业#
大家好,我是Showy121
节后第一篇设计教程来啦~
为避免大家消化不良
我们来一个上手简单,又出效果的图标设计
这个作业,绝对没难度~
本案例可以简单的视为一个立方体。
所以,最重要的就是用颜色把立方体的三个面区分出来,形成立体感。
三大面就是黑白灰,物体在受光的照射后,呈现出不同的明暗,受光的一面叫两面,侧受光的一面叫灰面,背光的一面叫暗面。
第一步,分析原图,在AI软件中绘制一个正六边形。然后以中点为交集点,用钢笔分别勾勒出三个面的形状。
第二步,绘制顶部和右侧面的小元素,并分别给正六边形和四边形一定圆角值。
第三步,先暂时隐藏三个四边形,给到六边形和小元素基础颜色。
第四步,显示三个面,分别给到不同颜色和羽化值,区分块面感;并刻画每个局部的细节。
元素拆分图解
第五步,将图标导出PNG透明格式背景,在PS软件中添加一定杂色,完成!
作者:Evgeniy Dolgov
来源:https://uiiiuiii.com/illustrator/1212311674.html
图文来源于网络,如有侵权请联系删除。