百木园
原图作者：catalyst
教程作者：设计师就业衔接班06期-05-郝宝宝
教程指导：@包大有趣
交作业：#优设每日作业#
让我们一起来临摹@catalyst 绘制的宇航员和星球的插画吧！
首先，在绘制之前，我们将该插画分解为3层：宇航员和星球主体 + 光效 + 外部描边
绘制时，将形状分为以下五部分：耳机、头部、身体、电脑、脚。教程以头部-耳机-身体-电脑-星球 的顺序进行绘制。这样就清楚了绘制的顺序，话不多说，我们开始吧~
你也想学会自己原创同样的矢量风格插画吗？来这里，让老师一对一教你→优设设计师就业衔接班
1.1 打开Adobe Illustrator，点击文件->新建（快捷键Ctrl+N），创建一个新文件，参数设置如下：
2.1 选中 【背景】 图层，使用矩形工具（快捷键M）绘制一个长宽为 800*600px ，色值为 #38ABF2 的矩形。
2.2 使用选择工具（快捷键v）将矩形拖动至画布中心，并在图层面板中锁定该图层（快捷键Ctrl+2），这样后续的操作就不会影响到该图层啦~
绘制之前，将主题人物做以下拆分：
3.1 新建一个名为【宇航员插画】的图层，点击图层面板新建图层按钮。
3.2 选中【宇航员插画】图层，使用矩形工具（快捷键M）绘制一个长宽为120*110px 色值为 #FFFFFF 的矩形，再使用自由变换工具（快捷键E）中的透视扭曲工具，拖动矩形左上角，使之成为一个梯形。绘制好梯形后，使用直接选择工具（快捷键A），将梯形的圆角拉至最大，命名为 <头盔底色> 。
3.3 使用椭圆工具（快捷键L）绘制一个长宽为104*70px 色值为 #1E2E72 的椭圆，在配合直接选择工具调整顶点的位置，使之趋近于面罩的形状，命名为<面罩> 。
3.4 使用钢笔工具绘制头部的线条，无填充，描边#1E2E73 3px 注意线条弧度和边角，并垂直对称（快捷键Ctrl+F8）产生另一半，调整位置后编组命名为 <弧线> 。
3.5 继续给头部添加光影，阴影部分复制一层 <头盔底色> ，更改填充为#99ABBA，透明度80%。使用直接选择工具（快捷键A）拖移顶部描点，使阴影部分不超过面罩位置。
高光部分使用钢笔绘制形状，描点工具调整弧度（类似头盔弧线做法），填充#707DA9 无描边 透明度80%。
3.6 最后给头盔部分添加描边，复制一层 <头盔底色> ， 取消填充，修改描边为描边#1E2E73 3px，命名为<头盔描边>并置于最上层。这样就获得了头部的整体形状。
3.7 接下来绘制耳机部分，耳机的构成是由两种圆角矩形构成的旋钮和弧线连接而成。
首先绘制听筒部分：圆角矩形长宽为14*40px，圆角5px 填充 #CA821E 无描边，命名为 <旋钮底色> 。圆角矩形长宽为18*56px，圆角5px 填充 #8B939E 无描边，命名为 <听筒底色> 。
然后给刚绘制好的听筒添加光影和描边。首先绘制听筒部分的光影，创建一个长宽为9*56 圆角为4.5，填充#8B939E 无描边 圆角矩形，按住Alt键水平拖移至相切。
使用路径查找器中的连集形状将两个圆角矩形合并为一个。
复制一层<耳机听筒>，将<耳机听筒>置于阴影下层，调整阴影位置，选中复制的<耳机听筒>和阴影，使用形状生成器工具生成点击底部形状，删除生成后多余的形状。
最后调整生成阴影的不透明度为80%，将<耳机听筒>与阴影垂直居中底部对齐，就得到了带有阴影的耳机听筒部分，将阴影命名为<听筒阴影>。
复制一层<耳机听筒>，调整高度，底部圆角弧度为0作为高光部分，填充为#E7EDF2 不透明度80%。
将耳机的高光阴影组合好，复制一层 <听筒底色> ，去掉填充，修改描边为#1E2E72 3px 置于顶层，命名为<听筒描边> 。将听筒部分编组。旋钮部分制作方式与耳机听筒部分相同。
3.8 接下来绘制连接线部分。首先绘制一个148px的正圆，无填充，描边 #B2BBCF 10px，然后使用剪刀工具对水平端点进行裁剪，得到一个半圆弧，命名为<连接线>。
复制该圆弧（快捷键Ctrl+C Ctrl+F），更改描边大小为14px。点击菜单栏->对象->路径->轮廓化描边，将该圆弧由描边转换为形状。
绘制一个矩形，遮罩该圆弧，选中两个形状，使用路径查找器减去顶层的矩形，得到一个小圆弧，将小圆弧的边角拉圆，修改填充为#F2A933，命名为<连接短线底色>。
复制两层<连接短线底色>，选中<连接短线底色>，使用形状生成器工具画出高光和阴影的位置，将高光和阴影的填充改为#FFCF6E、 #C68322，不透明度改为80%。将高光、阴影、底色编组，命名为<连接短线>。
同理，使用轮廓化描边将半圆弧从描边转化为形状，修改填充为 #B0BBCC 描边#1E2E72 3px。修改圆角，命名为<连接线>。将<连接短线>和<连接线>编组，命名为<耳机连接线>
3.9 将绘制好的耳机听筒组、旋钮组、连接线组和头部排列好位置，将耳机听筒和旋钮部分对称复制一次，调整好位置，耳机的部分就绘制好了。
3.10 接下来绘制身体部分。首先我们来看一下身体的构成：背包、身体、手和口袋。背包是一个长宽为104*74px 圆角半径为11px的圆角矩形；身体是一个长宽为114*92px 圆角半径为46px的圆角矩形。手的弧线使用钢笔工具进行绘制。
这样我们将画好的形状组合起来，按照顺序排列好。
接下来利用形状生成工具绘制头盔在身体上的阴影和电脑在手臂上的阴影。复制两层「身体」，将他们三层调整位置后一起选中，使用形状生成工具绘制阴影部分，一个负责产生头盔的阴影，另一个作为肚子的主体。两个形状的填充改为 #99ABBA ，透明度80%，命名为<头阴影>，<手阴影>。
3.11 接下来我们绘制脚的部分。先使用圆角矩形绘制脚的部分，参数如下：
然后选中整体旋转10°后对称生成右脚。
将左右脚放置好后编组，使用圆角矩形工具画出腿部。将腿和左右脚水平居中分布对齐，让他们处于同一水平线且距离相等。
选择除了脚底的部分，使用形状生成器生成腿部形状，在使用直接选择工具调整弧度。
接下来，我们绘制腿部的阴影，复制两层腿部形状，调整至合适位置后，使用形状生成器生成阴影部分形状，删除多余的形状，腿部阴影填充#BBC0D4 无描边 透明度80%，命名为<腿部阴影>。
脚底的阴影，同样使用形状生成器绘制，复制两层腿部形状，调整至合适位置后，使用形状生成器生成阴影部分形状，删除多余的形状，腿部阴影填充#BBC0D4 无描边 透明度80%，命名为<脚部阴影>。
两只脚都做好以后，效果入下：
4.1 首先我们拆分一下星球具体的构成，星球是由球体部分和光带部分构成的，球体部分是一个正圆+花纹+光影的形式来表现，光带部分是由弧线+花纹+光影的形式来表现的。
具体拆分如上图，这样是不是很清晰明了了呢？
首先绘制光带的部分。
4.2 根据上述分析，绘制光带的部分，首先绘制一个312*94px 的椭圆，在绘制一个254*62px的椭圆，将两个椭圆垂直居中对齐后减去顶层，获得「弧线底色」的部分。
绘制好弧线条纹的部分，将「弧线底色」复制并置于条纹上层，创建剪贴蒙版，获得条纹的部分。将「弧线条纹」设置为无填充，描边#FFD88A 大小3px，调整弧线条纹和弧线底色的位置顺序关系，完成光带的形状绘制。
4.3 接下来为光带添加光影，使用钢笔工具绘制阴影，设置填充为#844E0D 无描边 透明度30%。再复制一层「弧线底色」，将「弧线底色」置于「弧线阴影」上层并创建剪贴蒙版。最后将添加弧线描边并编组，命名为「光带」。
4.4 接下来，我们新建一个名为<星球>的图层，使用椭圆工具（快捷键L）绘制一个206*206px 的正圆，填充为 #F7B41E，无描边，命名为「球体底色」。在复制一层「球体底色」置于顶层，更改为无填充，描边 #1E2E72 3px 作为「球体描边」。接下来使用钢笔工具绘制星球的花纹，设置为无填充，描边#CC6723 大小3px/55px（根据结果进行调整）。
在复制一层「球体底色」置于「球体花纹」上层，与刚绘制好的「球体花纹」建立剪贴蒙版，作为花纹的部分。
将「腿部」图层中的「腿部阴影」复制粘贴至「星球」图层，使用钢笔工具绘制其他部分的阴影，两个形状合并为一个作为阴影部分，移至刚才创建的剪切组中。
高光部分同样绘制好后放入剪切组，填充#FFCF6E 无描边 透明度80%
「球体」的部分就完成了。
4.5 最后，将「光带」和「球体」垂直水平居中，选中「光带」，使用橡皮擦工具擦除重叠部分，将「星球」旋转-20°，再给星球使用椭圆工具绘制投影即可获得完整的星球。
4.6 最后我们把「主体人物」和「星球」摆放好后，点击菜单栏->文件->导出中选择「导出为」，将图片导出成png格式，命名为「宇航员插画」。
这样我们就绘制好了宇航员和星球的插画。
来源：https://uiiiuiii.com/illustrator/1212404388.html
图文来源于网络，如有侵权请联系删除。