教程作者：设计师视觉设计实战营21期-24-丑小鸭 | 原图作者：Dragan Sukurma
本期教程教大家绘制洗衣机主题扁平矢量插画。首先我们来分析这张洗衣机主题扁平矢量插画，插画的主体是洗衣机、洗衣液、洗衣盆、衣服等一些主题元素。接下来一步步详细说明。
想要让讲师如如手把手教你绘制更多贴纸插画？点击这里立刻开始学习：
1.1打开 Adobe Illustrator，点击文件→新建（快捷键Ctrl+N）创建一个新文件，参数设置为 单位：像素，宽度800px，高度600px，颜色：RGB。
2.1使用矩形工具（快捷键M）绘制一个800px*600px的矩形，颜色填充为#FAF0D3。
2.2找到对齐面板，将对齐方式设置为【对齐画板】，选择【水平居中对齐】和【垂直居中对齐】，这时候刚刚新建的矩形就和画板完全重合对齐了。
2.3找到AI的图层面板，双击图层将名称修改为：背景
2.4 选中矩形，在【背景】图层里把前面的【小锁】按钮点上，即可锁定图层（为了之后的操作不会被背景图层影响）
3.1根据原画，Ctrl+R拉出参考线，对画面进行分割。
4.1 点击【图层】面板，创建一个新的图层，双击图层命名为【直线1】，使用钢笔工具绘制一条直线，描边填充颜色为#486e8b,描边粗细为3pt。
4.2点击【图层】面板，创建一个新的图层，双击图层命名为【直线2】，使用钢笔工具绘制一条直线，描边填充颜色为#486e8b,描边粗细为3pt。
5.1 创建一个新的图层，双击图层命名为【正方形】,使用【矩形工具】绘制一个208px*203px的矩形，填充颜色为#ffffff。
5.2创建一个新的图层，双击图层命名为【长方形】,使用【矩形工具】绘制一个76px*201px的矩形，填充颜色为#00b3be。
5.3点击【图层】面板，创建一个新的图层，双击图层命名为【直线3】，使用钢笔工具绘制一条直线，描边填充颜色为#486e8b,描边粗细为3pt，效果如下：
6.1点击【图层】面板，创建一个新的图层，双击图层命名为【太阳】，使用【椭圆工具】，按住shift绘制一个202px*202px的圆形（后期的颜色会修改）
6.2使用【矩形工具】绘制一个260px*62px的矩形，接着使用【直接选择】工具选择矩形左上方的锚点，把圆角拉到16px（后期的颜色会修改）
6.3使用【矩形工具】绘制一个44px*28px的正方形，（后期的颜色会修改）
6.4使用【路径查找器】按住Shift键同时选中所有图形，点击【路径查找器】分割，右键取消编组。（后期的颜色会修改）
6.5第一个图形填充颜色为#fcb388。
6.6第二个图形填充颜色为#fefefe。
6.7第三个图形填充颜色为#d0f0f6。
6.8第四个图形填充颜色为#89d8de。
7.1点击【图层】面板，创建一个新的图层，双击图层命名为【矩形】,使用【矩形工具】绘制一个75px*47px的矩形，填充颜色为#0c47773，接着使用【直接选择】工具选择矩形右上方的锚点，把圆角拉到10px。
8.1点击【图层】面板，创建一个新的图层，双击图层命名为【圆筒】，使用【椭圆工具】，按住shift绘制一个131px*131px的圆形，填充颜色为#93d7de。
8.2选中第一个圆形，按住alt键复制一下，填充颜色为#0c4675，按等比例缩小。
8.3按住Shift键同时选中所有图形，点击右键编组【快捷键ctrl+G】.
9.1点击【图层】面板，创建一个新的图层，双击图层命名为【把手1】，使用【矩形工具】，绘制一个16px*13px的矩形，填充颜色为#93d7de。
9.2点击【图层】面板，创建一个新的图层，双击图层命名为【把手2】，使用【矩形工具】，绘制一个27px*42px的矩形，填充颜色为#93d7de，接着使用【直接选择】工具选择矩形左边的两个锚点，把圆角拉到9px。
9.3使用【钢笔工具】锚点工具（shift+c）,调整矩形的右边。
9.4按住Shift键同时选中所有图形，点击右键编组【快捷键ctrl+G】。
10.1点击【图层】面板，创建一个新的图层，双击图层命名为【反光1】，使用【矩形工具】，按住绘制一个17px*180px的，选中图形右键点击【变换→旋转】使叶子整体旋转147°，点击确定（后期的颜色会修改）。
10.2使用【钢笔工具】分割一下，使用【路径查找器】按住Shift键同时选中所有的图形，用分割，右键取消编组，就能得到这样的效果图，效果如下：（后期的颜色会修改）
10.3第三个图形填充颜色为#d4f0f1。
10.4第一个图形填充颜色为#3e81ad。
10.5第二个图形填充颜色为#cbf0f0。
10.6按住Shift键同时选中所有图形，点击右键编组【快捷键ctrl+G】。
11.1点击【图层】面板，创建一个新的图层，双击图层命名为【高光1】，使用【矩形工具】，绘制一个75px*198px的，填充颜色为#caedef，接着使用【直接选择】工具选择矩形下面左边的锚点，往左边拉一点。
12.1点击【图层】面板，创建一个新的图层，双击图层命名为【反光3】，使用【矩形工具】，绘制一个33px*46px的，填充颜色为#00aeb5，接着使用【直接选择】工具选择矩形下面左边的锚点，往左边拉一点。
13.1点击【图层】面板，创建一个新的图层，双击图层命名为【按钮】，使用【矩形工具】，绘制一个48px*24px的矩形，填充颜色为#0a4873，接着使用【直接选择】工具选择矩形所有锚点，把所有圆角拉到4px。
14.1点击【图层】面板，创建一个新的图层，双击图层命名为【圆】，使用【椭圆工具】，按住shift绘制一个18px*18px的圆形，描边填充颜色为#0a546b，描边粗细为2pt，接着使用【直接选择】工具选择需要去掉的部分，按住delete键删除。
14.2选中第一个圆形，按住alt键复制一下。
15.1使用矩形工具（快捷键M）绘制一个46px*13px的矩形，颜色填充为#FAF0D3 ：点击【图层】面板，创建一个新的图层，双击图层命名为【功能键】，使用【矩形工具】，绘制一个46px*13px的矩形，填充颜色为#52c1cf，接着使用【直接选择】工具选择矩形的四个锚点，把圆角拉到6px。
15.2点击图层【功能键】，复制一下，复制的图层命名为【功能键2】，填充颜色为#025173,，把图层【功能键2】放在图层【功能键】下面。
15.3按住Shift键同时选中两个图形，点击右键编组【快捷键ctrl+G】。
15.4按住alt键复制一下，按住ctrl+d复制两次，按住Shift键同时选中所有图形，点击右键编组【快捷键ctrl+G】。
16.1点击【图层】面板，创建一个新的图层，双击图层命名为【按钮2】，使用【矩形工具】，绘制一个45px*18px的矩形，描边填充颜色为#add9d8，描边粗细为2pt,接着使用【直接选择】工具选择矩形下方的左边锚点，把圆角拉到6px，效果如下：
17.1点击【图层】面板，创建一个新的图层，双击图层命名为【洗衣粉】，使用【矩形工具】绘制一个74px*80px的矩形，填充颜色为#ed5c28。
17.2使用【矩形工具】绘制一个17px*76px的矩形，填充颜色为#f8b587。
17.3使用【矩形工具】绘制一个35px*9px的矩形，填充颜色为#094d73。
17.4使用【直接选择】工具选择矩形下面的两个锚点，往右边移一点。
17.5按住Shift键同时选中所有图形，点击右键编组【快捷键ctrl+G】
18.1点击【图层】面板，创建一个新的图层，双击图层命名为【衣服1】，使用【矩形工具】绘制一个72px*25px的矩形，填充颜色为#8ad8dc,描边填充颜色为#31a297，,描边粗细为3pt。
18.2使用【直接选择】工具选择矩形上方的两个锚点，把圆角拉到最大。
18.3接着使用【直接选择】工具选择需要去掉的部分，按住delete键删除。
18.4使用【矩形工具】绘制一个25px*19px的矩形，填充颜色为#51c2c4。
18.5使用【直接选择】工具选择矩形上方的两个锚点，把圆角拉到最大。
18.6使用钢笔工具绘制一条直线，描边填充颜色为#0b4772,描边粗细为2pt。
18.7按住Shift键同时选中所有图形，点击右键编组【快捷键ctrl+G】
19.1点击【图层】面板，创建一个新的图层，双击图层命名为【衣服2】，使用【矩形工具】绘制一个51px*24px的矩形，填充颜色为#f2bale,描边填充颜色为#ea904a，描边粗细为3pt
19.3使用【矩形工具】绘制一个19px*19px的矩形，填充颜色为#f38c4e。
19.4使用【直接选择】工具选择矩形左边的两个锚点，把圆角拉到最大。
19.5按住Shift键同时选中所有图形，点击右键编组【快捷键ctrl+G】
20.1点击【图层】面板，创建一个新的图层，双击图层命名为【洗衣盆】，使用【矩形工具】，绘制一个127px*23px的矩形，描边填充颜色为#f0bea2，,描边粗细为3pt，接着使用【直接选择】工具选择矩形左边的两个锚点。
20.2使用【直接选择】工具选择矩形左边的两个锚点，把圆角拉到最大。
20.3使用【直接选择】工具选择需要去掉的部分，按住delete键删除。
20.4使用钢笔工具绘制一条直线，描边填充颜色为#f0bea2,描边粗细为3pt。
21.1点击【图层】面板，创建一个新的图层，双击图层命名为【抹布】，使用【矩形工具】，绘制一个59px*49px的矩形，描边填充颜色为#f0bea2,描边粗细为3pt。
21.2使用【直接选择】工具选择矩形上边的两个锚点，把圆角拉到12px。
21.3使用【矩形工具】，绘制一个24px*49px的矩形，描边填充颜色为#f0bea2，描边填充颜色为#f0bea2,描边粗细为3pt。
21.4使用【直接选择】工具选择矩形上边的两个锚点，把圆角拉到10px。
21.5裁去右侧多余部分，按住Shift键同时选中所有图形，点击右键编组【快捷键ctrl+G】。
21.6点击【图层】面板，创建一个新的图层，双击图层命名为【直线5】，使用钢笔工具绘制一条直线，描边填充颜色为#f0bea2,描边粗细为3pt。
21.7按住Shift键同时选中所有图形，点击使用【形状生成器工具】生成所需形状（shift+M)。
21.8按住Shift键同时选中所有图形，点击右键编组【快捷键ctrl+G】。
22.1 点击【图层】面板，创建一个新的图层，双击图层命名为【洗衣液】，使用【矩形工具】，绘制一个50px*53px的矩形，描边填充颜色为#f0bea2,描边粗细为3pt。
22.2使用【直接选择】工具选择矩形上边的两个锚点，把圆角拉到21px。
22.3使用【矩形工具】，绘制一个18px*13px的矩形，描边填充颜色为#f0bea2,描边粗细为3pt。
22.4使用【直接选择】工具选择矩形下面的线，按住delete删除。
22.5使用【矩形工具】，绘制一个14px*28px的矩形，描边填充颜色为#f0bea2,描边粗细为3pt。
22.6使用【直接选择】工具选择矩形右边的锚点，把圆角拉到最大。
22.7按住Shift键同时选中所有图形，点击右键编组【快捷键ctrl+G】
23.1点击【图层】面板，创建一个新的图层，双击图层命名为【阳光】，使用【椭圆工具】，按住shift绘制一个90px*90px的圆形，填充颜色为#fbb91e。
23.2选中图形右键点击【效果——扭曲和变换——波纹效果】大小9%，选择相对，选择平滑，点击确定。
23.3使用【椭圆工具】，按住shift绘制一个53px*53px的圆形，描边填充颜色为#21423e,描边粗细为3pt。
23.4使用【直接选择】工具选择需要去掉的部分，按住delete键删除。
23.5使用钢笔工具绘制一条直线，描边填充颜色为#21423e,描边粗细为3pt,使用【钢笔工具】描点工具（shift+c）,调整一下，效果如下。
23.6使用钢笔工具绘制一条这样的线条，描边填充颜色为#21423e,描边粗细为5pt。
23.7按住Shift键同时选中所有图形，点击右键编组【快捷键ctrl+G】。
想要来「优优自学团」和500位小伙伴一起交流学习进步吗？
添加管理员微信：uisdc5 备注「优优自学团」（无备注不通过哦）
非特殊说明，本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译，原作品版权归属原作者，转载请联系 @优优教程网 授权。
转载时请在文首注明，来源 UiiiUiii.com 及教程作者，并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。
继续阅读与本文标签相同的文章：
发表评论 已发布 3 条