简单轻松的偏移填充粗线条描边的插画风格，曾经一度红遍追波、UI中国和国内外的其它设计平台，你知道吗？
它标志性的人物就是来自法国巴黎的设计师MBE。
今天我就抽取其中一个给大家示范，喜欢这种风格的小伙伴，就动手画一个吧？
可以做自己的微信头像，可以做自己的手机屏保。。。用自己动手做的可爱的小图案，替换掉现在的微信头像吧。
先看一下今天做的一个最简单的笑脸的效果图吧：

步骤来啦~
1、打开Photoshop，新建画布800*600；

2、形状工具画一个300*300的圆，填充颜色#ffdb00，然后复制一个圆，去掉填充，添加黑色描边（12PX），描边为居中描边；





3、选中描边图层，小白工具（快捷键A）选中并点击工作区内的描边，利用钢笔工具（P）添加锚点，右上添加6个锚点，然后对个别锚点进行删除，左下添加4个锚点，同理用小白删除；（如果不知道怎么删除，建议先用钢笔加点，随便删删试试，然后你就会明白了，一定要自己先动手试哈），删除完就会出现断点的效果了，如下第3图；描边的端点和脚点选为圆头哈；





4、注意图层顺序，描边图层在上，接下来眼睛和腮红（＃fe8602,透明度调整为30%)太简单就不多说了，（当然不会的依然可以小窗）；

5、嘴巴。大家在这里可以复习一下自己的布尔运算（第4季），先画一个60*40的圆，布尔运算减去圆的的一半（上下），再加上一个圆角矩形，就可以做成如下（图一）形状，接着画一个舌头（26*12、#＃fe8602），可以忽略数据，按自己的来哈，最后嘴巴效果如下（图二）；


6、给填充颜色的圆添加图层样式，2个内阴影（高光和反光），左下角度内阴影角度选择-160，距离30，右上角度20，阻塞30；（此处不想截图了，不会的把PS基础阶段的视频（第5季）拿出来看哈）效果如下：（方法千千万，大家可以用钢笔来实现哦）

7、给笑脸用自定义形状工具添加一些装饰元素就好啦；

做完了，是不是很简单？我把MBE做的一系列的给大家Po出来，希望你们可以做一个不一样的哟。挑战一下吧。还是依旧老规矩，评论区交作业。







精华推荐：
1、2017重磅UI设计学习路线图，强势来袭！不要再瞎找了！
2、手绘视频课程来了～～免费资源获取请进！！
3、UI学习路线图配套免费笔记＋素材来啦～

简单轻松的偏移填充粗线条描边的插画风格，曾经一度红遍追波、UI中国和国内外的其它设计平台，你知道吗？
它标志性的人物就是来自法国巴黎的设计师MBE。
今天我就抽取其中一个给大家示范，喜欢这种风格的小伙伴，就动手画一个吧？
可以做自己的微信头像，可以做自己的手机屏保。。。用自己动手做的可爱的小图案，替换掉现在的微信头像吧。
先看一下今天做的一个最简单的笑脸的效果图吧：

步骤来啦~
1、打开Photoshop，新建画布800*600；

2、形状工具画一个300*300的圆，填充颜色#ffdb00，然后复制一个圆，去掉填充，添加黑色描边（12PX），描边为居中描边；





3、选中描边图层，小白工具（快捷键A）选中并点击工作区内的描边，利用钢笔工具（P）添加锚点，右上添加6个锚点，然后对个别锚点进行删除，左下添加4个锚点，同理用小白删除；（如果不知道怎么删除，建议先用钢笔加点，随便删删试试，然后你就会明白了，一定要自己先动手试哈），删除完就会出现断点的效果了，如下第3图；描边的端点和脚点选为圆头哈；





4、注意图层顺序，描边图层在上，接下来眼睛和腮红（＃fe8602,透明度调整为30%)太简单就不多说了，（当然不会的依然可以小窗）；

5、嘴巴。大家在这里可以复习一下自己的布尔运算（第4季），先画一个60*40的圆，布尔运算减去圆的的一半（上下），再加上一个圆角矩形，就可以做成如下（图一）形状，接着画一个舌头（26*12、#＃fe8602），可以忽略数据，按自己的来哈，最后嘴巴效果如下（图二）；


6、给填充颜色的圆添加图层样式，2个内阴影（高光和反光），左下角度内阴影角度选择-160，距离30，右上角度20，阻塞30；（此处不想截图了，不会的把PS基础阶段的视频（第5季）拿出来看哈）效果如下：（方法千千万，大家可以用钢笔来实现哦）

7、给笑脸用自定义形状工具添加一些装饰元素就好啦；

做完了，是不是很简单？我把MBE做的一系列的给大家Po出来，希望你们可以做一个不一样的哟。挑战一下吧。还是依旧老规矩，评论区交作业。







精华推荐：
1、2017重磅UI设计学习路线图，强势来袭！不要再瞎找了！
2、手绘视频课程来了～～免费资源获取请进！！
3、UI学习路线图配套免费笔记＋素材来啦～