原图作者：Anastasia Golub
教程作者：设计师就业衔接班07期-12-小野
教程指导：如如的设计主页
交作业去这里→#优设每日作业#
本次教程是临摹一幅扁平插画，主要利用混合工具和布尔运算组合成画面，基础图形就是矩形和圆形，现在来一步步说明吧！
你也想学会自己制作同款扁平运营插画吗？报名我们的课程，让讲师如如手把手教会你→优设设计师就业衔接班
1.1 打开Adobe Illustrator，点击文件>新建（快捷键Ctrl+N）创建一个新文件，参数设置如下：
使用矩形工具（快捷键M），待鼠标变为十字形后，在画板中间点击一下，如下图，输入数值，绘制一个16000x1200px的矩形，颜色填充为#cd6bfa
3.1 首先先用画笔工具画出草稿，这一步主要是为了确定整幅图的构图和基本形，画得随意点也可以
3.15 我们将整个人物分析拆解，可以得到以下部分，整个画面就是就是这些基本形组成的
3.2 首先绘制人物头部。使用椭圆工具（快捷键L），绘制第一个椭圆，宽度为87px，高度为83px，填充颜色为#bb4374，描边颜色为#492f12。紧贴椭圆左侧绘制一个矩形，与椭圆重叠，使用形状生成器工具（shift+M），点击三个部分联集成一个统一图形，头部和颈部完成后如下图：
3.3 绘制帽子。使用椭圆工具（快捷键L），绘制106px的圆形，填充颜色为#831be1，描边颜色为#492f12。再绘制一个矩形01，与矩形02，与椭圆相交，使用形状生成器工具（shift+M）减去01，合并02，得到帽子大型，使用直接选择工具（A）微调上帽檐锚点，再选中两个锚点向内拖动，得到圆角帽檐边：
3.4 绘制耳机。使用椭圆工具（快捷键L），绘制62px的圆形，ctrl+F原位复制一个圆，按住shift+alt向内拖动原位等比缩小到40px得到耳机耳朵。耳机连接处，用多个椭圆组合成所需图形，用形状生成器生成。
3.5 绘制衣服。填充颜色为#ffb949，利用矩形和椭圆拼出基本形，钢笔工具在转折处添加锚点，形状生成工具将其合并，调整转折处圆角，再用钢笔工具勾勒出细化部分，画一个椭圆，填充#492f12，无描边，叠在衣服底部做衣服内面
3.6 绘制裤子。用钢笔工具按照shift可画出直线，直接画一个垂直的相交线；向内移动交点使其变成圆角，边角86px。下层原位复制ctrl+B，调整描边大小106px，选中线段，选择对象-扩展，填充颜色#831be1，描边#492f12。另一只脚同理绘制出来。矩形+椭圆绘制出裤腿。这一步也可以用前面提到的混合工具制作。
3.7 绘制鞋子。如图形状生成工具拼出鞋子形状，散开的鞋带用3.6步骤的钢笔勾勒出线段，加描边再扩展的方法绘制，填充颜色#ffffff。系好的鞋带和鞋带孔，分别用圆角矩形和椭圆绘制。鞋底：229x11px的矩形，填充颜色#ff7874
3.8 袖子、手臂、手机和滑板。袖子、手臂用矩形做基底，再用钢笔工具勾勒形状，手指用椭圆工具拼出。手机用矩形调整锚点画出，滑板矩形和圆形形状生成器拼成。
3.9 另一个小人也是同样的方法绘制。
4.1 绘制猫猫和盆栽。猫猫也是拼出来的，调整锚点拉出圆角再用钢笔勾出其他部分。盆栽同理，盆栽叶子的阴影部分：叶子原位复制CTRL+F两个，将顶部的复制叶子01向右上移动10px，再同时选中复制叶子02，布尔运算减去顶部，得到的图形取消描边，不透明度选择正片叠底，调整透明度40%
4.2 背景圆。画一个940px的正圆。Ctrl+F9打开渐变工具，，角度39.88，渐变色#922ae1至#cc5ac7
4.3 添加漂浮物让整个画面更加活跃，基本形依旧是圆形和矩形。
现在我们的矢量插画就完成啦！最后，我们来导出图片。在菜单栏->文件->导出中选择「导出为」，将图片导出成png格式
想要来「优优自学团」和500位小伙伴一起交流学习进步吗？
添加管理员微信：uisdc2 备注「优优自学团」（无备注不通过哦）
非特殊说明，本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译，原作品版权归属原作者，转载请联系 @优优教程网 授权。
转载时请在文首注明，来源 UiiiUiii.com 及教程作者，并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。
继续阅读与本文标签相同的文章：
发表评论 快来秀出你的观点