起源
2015年法国巴黎著名设计师MBE在设计网站dribbble以“MBE”为网名，连续发了很多张图片，这些图片具有粗描边、描边上有断点、色彩饱和度高、有一些小装饰，简洁、呆萌、识别度高，一下子引起了众多设计爱好者的追捧和模仿，这种风格随之火了起来，被命名为MBE风格。
1.任务描述
扁平化风格图标 MBE风格图标
2.思路剖析
（1）使用钢笔工具、转换点工具、直接选择工具、路径选择工具绘制出带断点的路径，并使用画笔描边。
（2）使用钢笔工具、转换点工具、直接选择工具、路径选择工具绘制出左边白色部分和右边阴影部分并填充。
（3）使用圆角矩形工具、矩形工具绘制各种装饰图案
3.任务实现
（1）打开上一案例 扁平图标设计PSD源文件。
（2）隐藏“轮廓”图层。
（3）打开【路径】面板，选中【路径1】进行复制一个副本，得到【路径1拷贝】，接下来使用“添加锚点工具”添加6个锚点，如图*所示。使用“直接选中工具”选中锚点2、锚点5并删除，如图1所示。
图1 添加、删除锚点
（4）在小狗右边耳朵的路径，添加3个锚点，使用“直接选中工具”选中锚点2并删除，如图2所示。
图2 添加、删除锚点
（5）在小狗下巴的路径，添加6个锚点。使用“直接选中工具”选中锚点2、锚点5并删除，如图4所示。
图4 添加、删除锚点
（6）新建一图层，命名为“MBE轮廓”；设置前景色为黑色，选中“画笔工具”，设置画笔大小为10像素、“硬边圆”进行描边，如图5所示。
图5 MBE轮廓描边
（7）使用“钢笔工具”、“转换点工具”左边的白色轮廓。将前景色设置为白色，如图6所示。在【路径】面板，新建【路径】命名为“白色”，填充白色。如图7所示。
图6 绘制路径
图7 路径转换为选区填充为白色
（8）制作“阴影”；参照步骤（7）完成阴影的制作。如图8、图9、图10所示。
图8 绘制路径 图9 设置填充颜色
图10 阴影填充颜色
（9）将前景色设置为红色，如图11所示。在【路径】面板，新建【路径】命名为“红花”，使用“圆角矩形工具”绘制花朵形状，如图12所示。新建一图层，命名为“红花”，按【Ctrl】+【Enter】组合键，将路径转换为选区，按住【Alt】+【Delete】组合键，完成红色填充，并调整其大小，移到合适的位置。如图13所示。
图11 设置前景色 图12 绘制路径
图13 制作红色花朵
（10）设置前景色为蓝色，如图14所示；复制“花朵”图层，得到“花朵拷贝”图层，按住【Ctrl】键的同时使用“移动工具”单击“花朵拷贝”图层，得到花朵的选区，按住【Alt】+【Delete】组合键，完成蓝色填充，并调整其大小，移到合适的位置。如图15所示。
图14 设置前景色为蓝色 图15 制作蓝色花朵
（11）执行【Ctrl】+【R】组合键，显示标尺，使用“移动工具”拉出水平、垂直参考线。使用“椭圆工具”，以水平、垂直参考线相交点为圆心，按住【Alt】+【Shift】组合键绘制正圆，如图16所示。
图16 绘制正圆路径
（12）设置“排除重叠形状”，如图17所示。使用同样的方法绘制内圆路径，如图18所示。
图17 设置“排除重叠形状” 图18 绘制内圆路径
（12）新建一图层，命名为“圆环”；设置前景色为黄色，如图19所示。按【Ctrl】+【Enter】组合键，将路径转换为选区，按住【Alt】+【Delete】组合键，完成黄色填充，并调整其大小，移到合适的位置。如图20、图21所示。
图19 设置前景色为黄色
图20 填充颜色 图21 调整位置
（13）参考步骤（9），完成红色圆环的制作，如图22所示。参考步骤（10）到步骤（12），完成加号的制作，如图23所示。
图22 绘制红色圆环 图23 绘制加号
（14）使用“画笔工具”，设置画笔适当的大小像素，绘制圆点，最终效果如图24所示。
图25 完成效果图