如何利用形状组工具绘制卡通头像，跟着源码时代UI老师一起来看看吧！所使用到的工具有：钢笔工具、直接选择工具、矩形工具、椭圆工具，如下图所示：

1.使用钢笔工具绘制出人物的脸部：

使用白箭头将锚点和手柄调整为如图所示

2.使用钢笔工具绘制出人物的头发：

使用白箭头将锚点和手柄调整为如图所示

3.使用钢笔工具绘制出人物的耳朵和头发缺少部分：

使用白箭头将锚点和手柄调整为如图所示，这里注意下图块的图层上下级位置关系！

4.接下来再绘制出人物的绿色帽子：

使用白箭头将锚点和手柄调整为如图所示

5.添加每个色块的明暗细节：

同样也是使用我们的钢笔工具进行图块绘制，然后使用白箭头进行锚点和手柄的调整

6.眼睛的刻画：

使用椭圆工具画出3种颜色的圆，然后使用白箭头移动锚点进行一定不规则变形，最后再把圆叠加在一起；

7.再把之前绘制的图块一起叠加在一起，注意每个图块之间的层级顺序！

8.使用钢笔工具绘制一条波浪线：

这条线段的粗细和模式为如图所示：

9.在头部下方绘制一个正方形（衣服的刻画）：

使用钢笔工具添加两个带手柄的锚点，并使用白箭头进行两侧线段的弧度调整；

下方利用钢笔工具绘制两个不规则图形，然后使用形状的布尔运算做出衣服的破损效果；

10.绘制衣服的衣领 ：

使用图层的剪切蒙版特性将青色三角置入棕黄色三角内部

11.腰带的绘制：

使用形状基础工具绘制两个椭圆和一个矩形形状，颜色如图所示

然后把它们叠在一起；

然后放在之前画好的衣服腰部

最后，在绿色的衣服之上添加明暗颜色色块：

12.将所有绘制图层打一个组，并且为该组添加一个图层样式的描边属性：

绘制完成：

关于更多UI设计内容、知识，就在源码时代！