手把手教你用AI绘制扁平化卡通风格人像【UI设计培训】

手把手教你用AI绘制扁平化卡通风格人像【UI设计培训】

一网学倾情奉献，手把手指导您如何运用AI技术绘制扁平化卡通风格的人像，专为UI设计培训量身打造。教程由小编精心制作，最新更新日期为2016年2月26日9点35分45秒。本教程将教授您绘制人物肖像的技巧，掌握后不仅能制作个人头像或设计素材，还能为您的朋友绘制肖像，实用性极高。现在，让我们正式开启这一实用教程之旅吧。我们将着手进行第一个任务的初始阶段，运用矩形工具（附带的快捷键为M）绘制一个尺寸为65*80像素的淡粉色矩形，并确保矩形处于选中状态。接着，执行“去对象路径”操作并添加锚点。此时，你会观察到矩形的每一边都新增了锚点。进入第二步，再次使用“对象路径”功能添加锚点，为矩形的每一边额外增加两个锚点。 我们不需要用上面的锚点ai绘制卡通人物教程，所以我们删除它们。用

直接选取工具（A），勾选需要删除的左侧和右侧倒数第三个点（每侧一个），随后在顶部控制面板中进行点击，执行删除操作。接下来，我们将着手塑造脸部轮廓。首先，选取矩形下方边线上的两个端点锚点。按下键盘上的回车键ai绘制卡通人物教程，激活移动窗口。将水平值调整为0像素，垂直值调整为25像素（以此将锚点向上移动25像素），并将距离值设定为25px（移动锚点25像素的距离）。塑造下巴轮廓，完成确认操作。接着，若需调整下巴宽度ai绘制卡通人物教程，先选定一个参照点，按下回车键激活移动界面，调整该点位置，使其向左或向右移动。比如，若要将右侧点移至左侧，需先选中右侧点，并将水平调整值设定为5像素。采用相同方法，将左侧点移至右侧，同样将水平调整值设为5像素。通过此法，我们可以使两点之间的距离缩短。使用实时转角功能，使脸部

采用直接选择工具，对实时转角进行选择，并拖动任意一个圆角标记（当你选择一个带有角度的锚点时，会出现一个位于中间的实心点，周围环绕着一个圆形，选中该点，将其调整至更接近中心的位置，以实现更加平滑的效果。此功能在早期AI版本中并未包含。若您正在使用旧版的Adobe Illustrator，您可以通过应用“效果”菜单下的“样式”选项，并选择“风格化圆角”来达到类似的效果。但有一点不同，那就是您无法单独选择一个角进行变化，它将会影响所有角。此外，您还可以通过使用橡皮擦工具（快捷键为SHIFT+E）来调整。接下来，我们将进入第四步，开始绘制鼻子的部分。运用矩形工具（M）绘制一个9*20像素的粉红色小矩形，将其作为鼻子的形状，并调整其边缘为圆角形态。（这一步骤与制作脸型的过程相似）。亦或是直接选用圆角矩形工具来构建整个面部轮廓。务必保证鼻子的位置与脸部中心对齐。

将鼻子与脸部对齐手把手教你用AI绘制扁平化卡通风格人像【UI设计培训】，运用选择工具（V）选取鼻部和面部区域，同时按住ALT键并点击面部区域，此时你会观察到面部周围出现选择框。这表明面部已成为主要操作对象，其他物体将与它进行对齐。接下来，在顶部属性面板中寻找对齐选项中的水平居中对齐功能。做得好！这样一来，鼻子的位置就恰好位于面部的正中央。接下来，我们进入第五步，为角色添加胡须。绘制一个3010像素大小的棕色形状。选择目标，点击鼠标，使用右键操作，调整层级至下一层（使用快捷键Control-）。将元素置于鼻部下方位置。接下来，挑选棕色胡须上方左侧的锚点，按下回车键，调整其水平位置至10像素，垂直位置保持为0像素。为了使该锚点更贴近鼻子，对胡须另一侧的锚点执行同样的操作。此时，将水平数值设定为10像素。最后用实时转角功能让胡子下面部分有一个温柔的圆角 。

（参照图像，操作将变得直观易懂。）在第七步，运用圆角矩形工具绘制一个微小的形状，充当下唇，并将其置于胡须下方（使用Ctrl键）。接着，利用水平居中功能使面板与脸部对齐。进入第八步，运用椭圆工具（按L键）绘制一个88像素大小的白色眼球，并在其上放置一个更小的棕色圆点，直径为6*6像素，作为瞳孔。在头盔上点缀一个微小的白点以增强视觉效果，接着调整眼睛至恰当的方位。现在，进入第9步，着手打造一款能保护工人头部的安全帽。首先，在头盔顶部画一个65*19像素的橙色长方形，然后使用直接选择工具选取上方锚点，向下拖动以形成实时圆角，使帽子呈现出圆润的形状。紧接着，进入第10步，为角色添加发丝。使用矩形工具（M）在面部左侧绘制一条垂直的细长条，以此作为鬓角。用直接选择工具（A），选择右边的锚点，让这

六个角变得圆润。继续选中左侧的鬓角，轻点镜像工具（O）以在垂直方向上进行翻转，复制该鬓角手把手教你用AI绘制扁平化卡通风格人像【UI设计培训】，并将它粘贴至脸部右侧。来到第11步，我们需对头盔底部进行修改，添加一个帽檐。定位鬓角穿过头盔底部的具体位置。随后，运用钢笔工具（P）创建一个新的锚点。在右侧重复这一操作。您可启用智能参考线功能，并查看其智能参考线（包括交叉点的标记），接着使用直接选择工具（A）选取新产生的点，然后按下回车键以激活移动窗口。在此窗口中，将水平移动值调整为0像素，垂直移动值调整为5像素，并按照图示调整这两个锚点的位置。完成这一步后，我们接下来将添加一个帽檐。制作一个浅橘色的矩形，确保其顶部与头盔部分相连接。在此处运用智能参考线极为便捷；具体而言，可查看视图中的智能参考线功能；接着，选择位于底部的左侧锚点；然后，运用移动工具进行操作。

通过设定水平方向上的移动值为10像素，而垂直方向上的数值保持为0像素，可以使得对象向右移动。在相对的另一侧锚点处，执行相同的操作，但方向改为向左。若需加宽帽沿，可稍微拖动底部锚点。此外，利用实时转角功能，可以使底部的转角更加平滑。在完成第13步时，运用圆角矩形工具，在头盔顶部绘制一个宽度为7像素、高度为30像素的细长条。通过调整对齐功能，将头盔置于正中。在头盔两侧的第一个竖条旁，各添加一个竖条。接着，运用对齐面板确保这些竖条之间的距离相等。选中这些新增的竖条，并在对齐面板中执行对齐操作，选择水平居中对齐。如此一来，操作即告完成。进入第14步，运用圆角矩形工具，着手制作耳朵。在头部左侧绘制一个11*23像素的粉色矩形。然后把他放置到最后（Sh

8、在ift+Control+功能下，请同时按下Alt和Shift键，复制耳朵的形状，并将它移动至另一侧。接下来，进入第15步，创建一个尺寸为35*40像素的矩形来代表脖子。使用浅灰色调的皮肤颜色填充这个矩形，确保其颜色与脸部皮肤色有所区别。此外，让脖子的底部略微呈现圆弧状。现在，我们继续来设计这位工人师傅的服装。绘制一个尺寸为90毫米乘70毫米的深蓝色长方形，用于T恤图案。于领口与T恤边缘交汇处设置两个额外的定位点。同时按住Shift键并选择另一侧的定位点，通过多次按下键盘上的向下箭头键，塑造出肩部轮廓。至第16步，我们需继续打造工人装束。在肩部位置放置两个浅橙色细长的条纹，通过组合命令（Ctrl+G）将其编为一组，以T恤图案为核心进行对齐。同时，在胸前也需添加一个矩形元素。然后在路径查找器里拼合所有橘色部分。把它们合并

创建一个图像后，需在对象路径中插入锚点。接着，选取工作服颈部中央的新锚点，并向下拖动以形成V形轮廓。在第17步中，运用实时转角功能，为工作服的转角增添微小的圆滑效果。接下来，我们将移除T恤衫多余的部分，以确保其与工作服的轮廓一致。选中这两个图形，并利用路径生成工具（按Shift+M键）进行操作。按下Alt键，将T恤的外围部分剔除。接着，在工人肩部添上两条较窄的浅色反光带。进入第18步，我们开始制作一个平面按钮。使用（Control+A）全选所有图形元素，然后执行复制操作（Control+C），并在路径查找器中点击合并选项，将它们合并成一个独立的轮廓。第19步选择直线工具（），在轮廓上画一个垂直的直

选取直线和轮廓线，以轮廓线作为主要元素，将其置于水平中心位置。同时保持这两者的选中状态，于路径查找器中启用分离功能，将剪影分割为两部分。在完成第20步后，移除左侧部分，接着在透明度面板中对剩余部分进行混合模式和透明度的调整。此外，你还可以在颜色模板中调整颜色投影的强度，使其更淡或更深，或在透明度模板中调整其透明度。第21步啊，竟然让我们忽略了眉毛的存在。现在，让我们将注意力转回脸部，围绕眼睛描绘一个圆形，并在色彩模板中将它调整为深棕色。接着，使用剪刀工具（C）点击下方的锚点，将这个点从圆形中分离出来，并移除其下半部分。然后，转到属性面板，调整描边属性，将数值设定为2pt以增强眉毛的粗细。最后，调整端点和边角，使眉毛的形状呈现出完美的圆形。第22步保持眉毛选中，使用橡皮擦工具（Shi

使用Alt键同时拖动，可缩短眉毛的长度。在步骤23中，选取蓝色T恤边缘的两个锚点，运用实时转角工具，使肩部线条更加流畅。至第24步，首个卡通头像的主体构造已告完成。接下来，我们需要为其添加背景，以便实现一个完整的展示效果。使用椭圆选择工具（L）绘制一个边长为180像素的正方形圆形，用绿色进行填充。再复制一个同样的圆形，将其置于最上方。通过按下Shift+Control组合键，选择所有图形。接着，右击鼠标创建一个蒙版，这样一个卡通头像就完成了！你还可以双击图像进入单独编辑模式，对头像进行进一步调整。需要注意的是，第25步的最后一部分相对复杂，需要制作一个扁平化的投影效果。使用矩形选择工具（M）绘制一个宽敞的长方形。进入混合模式进行编辑，适当调低其透明度，接着按下Shift键。