今天为大家制作的是最近比较火的MBE风格小图标，MBE风来自 Dribbble 一位设计师叫 MBE，他的作品风格设计简单、有趣、易识别、颜色鲜明好看，比较Q弹有趣，粗描边加圆滑的线条，掌握制作方法后能够快速成图。下面大家就看下操作步骤吧。
STEP1：打开PS，Ctrl+N新建1000*1000px的画布,具体设置参数如下图：
STEP2：用椭圆工具绘制一个400*400px的蓝色表盘底，填充颜色：#5bdcf3 
；
STEP3：用剪切蒙版绘制出表盘的阴影效果，填充颜色：#1aa1e6 
STEP4：本案例重点操作步骤：复制 step2 的蓝色圆形表盘，将填充改为无，描边为12px，填充颜色：#5a1280 设
置描边的参数，对齐类型：居中，线段端点：圆角，线段合并类型：圆角，如下图所示；
STEP5：本案例重点操作步骤：钢笔工具下，找到添加锚点工具 ，用
添加锚点工具在描边的路径线上增加锚点，看情况选择增加的地方，然后用小白A选择
点击增加的锚点，进行删除，对端点作调整；
STEP6：继续对上一步的图形进行调整，并将蓝色表盘与描边边框的位置进行适当的错位调整，使画面具有灵动性；
STEP7：依次绘制闹钟的两个闹铃腿，用添加删除锚点的方法绘制缺口，中间黄色表盘的部分，方法同上，填充颜色：#fedc60 ，描
边设置同step4和step5的步骤。用椭圆和圆角矩形工具绘制指针，并调整整体的位置。
STEP8：
绘制闹铃的两个耳朵，用布尔运算法减去顶层图像：画正圆，按住shift键加画矩形，用小黑选
中矩形，选择减去顶层形状，并合并形状组件，用添加锚点工具在路径线上添加点，调整为弧线，继续用剪切蒙版画出阴影效果。描边的绘制方法同step4和step5，填充改为无，描边12px，填充颜色：#5a1280 
STEP9：调整闹铃两个耳朵的位置，加上一些细节，整体设计初步完成；
STEP10：最后在周围添加一些MBE风装饰性的小图形，增加整个画面的灵动性，大功告成！
版权声明 | 文章配图仅供学习参考，引用图片版权归属原作所有
如有问题，请及时与我们联系，我们将第一时间做出处理
