用Sketch轻松绘制MBE风格小插画

阅前须知：

一、文章中的插画由Dribbble达人MBE原创。

二、本篇文章主要是对MBE风格的插画进行分步拆解，便于初学者学习和掌握这一风格。实现这类插画的工具并不限于Sketch，用PS、AI等软件都没有问题，所以不必纠结于工具。偷偷告诉你，"牛MO王"大神那里有PS版的教程哦。

三、温馨提示：文章多动图，手机端观看可能会有些卡顿，建议点赞、收藏后在电脑端观看。

好了，开始进入正文，先放上最终导出图：

接下来分步讲解：

Step 1   地球外轮廓

快捷键O，按住Shift，鼠标拖拽画出一个正圆，在右侧面板调整Fills，Borders等属性。 

Step 2   陆地

快捷键V，使用钢笔工具在圆上绘制陆地，选中Oval图层在上侧工具栏点击Mask（蒙板）工具，建立蒙板，此时陆地只在蒙板内显示，将Oval图层的Borders（描边）设置为Outside（外侧），钢笔锚点可调，在右侧面板也可修改锚点类型。 

用同样的方法画右侧的陆地，同样只会在蒙板内显示

Step 3   五官

用前面绘制圆形的方法，画上眼睛和“酒窝”？去掉Bordrs，Fills选颜色。（Tips:快捷键B可以快速开启或关闭Borders，快捷键F可以快速开启或关闭Fills，Option＋D键可复制对象） 

然后是小嘴巴

（动图是用QuickTime录制，PS导出GIF，有几张图鼠标时有时无，有的颜色也不太对，各位先将就着看吧。）

Step 4   阴影和高光

还是前面用过的方法，So easy！注意几个参数：Opactiy（不透明度），Corners（圆角）

Step 5  地球仪架子

画地球仪的轴，在右侧面板中调节Transform参数旋转，快捷键Ctrl＋Option＋⬇️向下移动图层，

在地球外画一个圆，Enter键进入锚点编辑模式，在路径上添加几个锚点，后面用剪刀工具剪掉不需要的路径

如果你的工具栏中没有剪刀，可以在工具栏鼠标右键选择Customize Toolbar…调出，将剪刀工具拖到工具栏中，也可添加其它常用工具。

底座也用同样的方法画

Step 6  其它装饰物

添加一些小物件，让画面更丰富。这些小物件用前面的方法都能够轻松画出，这里只做了部分动图。 

上面这张用到了锚点的转化，锚点有四种类型，快捷键是1、2、3、4，另外矩形的锚点可以单独设置圆角（Corners）

用钢笔画一条虚线（Tips：Ctrl＋C可以吸取颜色）

最后点缀一些小“烟花”？  这里用到了一个Rotate Copies工具，这个工具值得点赞，画出一个图案，用这个工具可以复制出多个，并且按圆周分布，拖动圆心可以调整半径。

加上其它颜色和形态的“烟花”

大作完成了该怎么导出呢？

再底层画一个矩形作为画布，选中左侧面板的所有图层，Option＋G编组，点击右下角的Make Exportable，设置好尺寸（Size），和格式（Format），按 Export Traavel ，在弹出的窗口中点击Save就导出啦。

是不是很简单呢？快去试试吧！原文件可下载附件获得。

-------------------------------------------------------------------------

下面是我做的一些临摹练习，有兴趣的同学也可试着临摹。

        

初次发文，可能还有许多问题，欢迎指出。喜欢这篇文章的同学请点击下方的按钮支持一下吧。将来我还会发布更多好玩的教程和作品，敬请关注～

MBE大神的Dribbble主页

https://dribbble.com/Madebyelvis

牛MO王大神的PS版教程

https://www.zcool.com.cn/article/ZNDA2Mzk2.html

下面是我的其他练习作品链接，欢迎阅读

《疯狂动物城--JUDY临摹+教程》附PSD原文件

https://www.zcool.com.cn/work/ZMjU4NTA4MTI=.html

还有一篇《梦幻场景插画教程》附PSD原文件

https://www.zcool.com.cn/work/ZMjY0NTEyMDg=.html

《830枚线性icon练习分享（附Ai原文件）| UI基础练习》https://www.zcool.com.cn/work/ZMjYxMjczMDQ=.html