MBE风格ICON绘制教程

MBE风格是由扁平化风格衍生出来的 , 大致就是粗线条描边 , 然后带有一些缺口 , 周边有一些小样式进行点缀 , 下面教你画个简单的MBE风格icon 。 工具/材料 sketch
MBE风格icon 01 打开sketch软件 , 在工具栏中选择“椭圆形” , 然后按住shift在画板中绘制一个正圆 。

MBE风格ICON绘制教程

文章插图

02 在右侧属性栏中选择填充 , 可以图形的填充色进行调整 , 还可以用渐变色 。

MBE风格ICON绘制教程

文章插图

03 ctrl+d复制一个圆 , 然后向右进行适当的移动 , 将填充颜色换成较深的 , 形成一个对比 。

MBE风格ICON绘制教程

文章插图

04 接着再次ctrl+d复制一个圆 , 在右侧属性中取消填充 , 勾选描边 , 粗细为2PX , 颜色黑色就行了 , 将边框圆向左移动 。

MBE风格ICON绘制教程

文章插图

05 点选边框圆 , 回车键进入锚点编辑模式 , 在右侧即可查看编辑面板 , 这个状态下我们来制作缺口 。

MBE风格ICON绘制教程

文章插图

06 alt+滚轮放大界面 , 然后用左键在边框上点击锚点进行添加 。

MBE风格ICON绘制教程

文章插图

07 一般我们都是添加3个点 , 然后在工具中选择“剪刀” , 用剪刀选择3个点中间的锚点进行剪断 , 即可制作出缺口 。

MBE风格ICON绘制教程

文章插图

08 利用以上步骤的方法在不同位置做些缺口 , 当然也不用过多了 。

MBE风格ICON绘制教程

文章插图

09 【MBE风格ICON绘制教程】然后我们利用两个圆角矩形来画一个勾 , 放在中间就行了 , 就给这个图标命名为MBE风格正确ICON吧!

MBE风格ICON绘制教程

文章插图

10 最后我们利用边框圆和圆角矩形在周边加一点儿点缀元素 , 即可完成制作 , CTRL+S保存即可 。

MBE风格ICON绘制教程

文章插图



以上内容就是MBE风格ICON绘制教程的内容啦 , 希望对你有所帮助哦!

    推荐阅读