AI教程!超简单的太空中听歌的宇航员扁平插画

原图作者:catalyst

教程作者:设计师就业衔接班06期-05-郝宝宝

教程指导:@包大有趣

交作业:#优设每日作业#

关于教程

让我们一起来临摹@catalyst 绘制的宇航员和星球的插画吧!

首先,在绘制之前,我们将该插画分解为3层:宇航员和星球主体 + 光效 + 外部描边

AI教程!超简单的太空中听歌的宇航员扁平插画

绘制时,将形状分为以下五部分:耳机、头部、身体、电脑、脚。教程以头部-耳机-身体-电脑-星球 的顺序进行绘制。这样就清楚了绘制的顺序,话不多说,我们开始吧~

AI教程!超简单的太空中听歌的宇航员扁平插画

你也想学会自己原创同样的矢量风格插画吗?来这里,让老师一对一教你→优设设计师就业衔接班

教程步骤

步骤1:创建文档

1.1 打开Adobe Illustrator,点击文件->新建(快捷键Ctrl+N),创建一个新文件,参数设置如下:

AI教程!超简单的太空中听歌的宇航员扁平插画

步骤2:创建背景

2.1 选中 【背景】 图层,使用矩形工具(快捷键M)绘制一个长宽为 800*600px ,色值为 #38ABF2 的矩形。

AI教程!超简单的太空中听歌的宇航员扁平插画

2.2 使用选择工具(快捷键v)将矩形拖动至画布中心,并在图层面板中锁定该图层(快捷键Ctrl+2),这样后续的操作就不会影响到该图层啦~

AI教程!超简单的太空中听歌的宇航员扁平插画

步骤3:绘制主体人物

绘制之前,将主题人物做以下拆分:

AI教程!超简单的太空中听歌的宇航员扁平插画 AI教程!超简单的太空中听歌的宇航员扁平插画 AI教程!超简单的太空中听歌的宇航员扁平插画

3.1 新建一个名为【宇航员插画】的图层,点击图层面板新建图层按钮。

AI教程!超简单的太空中听歌的宇航员扁平插画

3.2 选中【宇航员插画】图层,使用矩形工具(快捷键M)绘制一个长宽为120*110px  色值为 #FFFFFF 的矩形,再使用自由变换工具(快捷键E)中的透视扭曲工具,拖动矩形左上角,使之成为一个梯形。绘制好梯形后,使用直接选择工具(快捷键A),将梯形的圆角拉至最大,命名为 <头盔底色>

AI教程!超简单的太空中听歌的宇航员扁平插画

3.3 使用椭圆工具(快捷键L)绘制一个长宽为104*70px  色值为 #1E2E72  的椭圆,在配合直接选择工具调整顶点的位置,使之趋近于面罩的形状,命名为<面罩>

AI教程!超简单的太空中听歌的宇航员扁平插画

3.4 使用钢笔工具绘制头部的线条,无填充,描边#1E2E73  3px  注意线条弧度和边角,并垂直对称(快捷键Ctrl+F8)产生另一半,调整位置后编组命名为 <弧线>

AI教程!超简单的太空中听歌的宇航员扁平插画 AI教程!超简单的太空中听歌的宇航员扁平插画

3.5 继续给头部添加光影,阴影部分复制一层 <头盔底色> ,更改填充为#99ABBA,透明度80%。使用直接选择工具(快捷键A)拖移顶部描点,使阴影部分不超过面罩位置。

AI教程!超简单的太空中听歌的宇航员扁平插画

高光部分使用钢笔绘制形状,描点工具调整弧度(类似头盔弧线做法),填充#707DA9  无描边  透明度80%。

3.6 最后给头盔部分添加描边,复制一层 <头盔底色> , 取消填充,修改描边为描边#1E2E73  3px,命名为<头盔描边>并置于最上层。这样就获得了头部的整体形状。

AI教程!超简单的太空中听歌的宇航员扁平插画

3.7 接下来绘制耳机部分,耳机的构成是由两种圆角矩形构成的旋钮和弧线连接而成。

首先绘制听筒部分:圆角矩形长宽为14*40px,圆角5px  填充 #CA821E 无描边,命名为 <旋钮底色> 。圆角矩形长宽为18*56px,圆角5px  填充 #8B939E 无描边,命名为 <听筒底色>

AI教程!超简单的太空中听歌的宇航员扁平插画

然后给刚绘制好的听筒添加光影和描边。首先绘制听筒部分的光影,创建一个长宽为9*56 圆角为4.5,填充#8B939E 无描边 圆角矩形,按住Alt键水平拖移至相切。

AI教程!超简单的太空中听歌的宇航员扁平插画

使用路径查找器中的连集形状将两个圆角矩形合并为一个。

AI教程!超简单的太空中听歌的宇航员扁平插画

复制一层<耳机听筒>,将<耳机听筒>置于阴影下层,调整阴影位置,选中复制的<耳机听筒>和阴影,使用形状生成器工具生成点击底部形状,删除生成后多余的形状。

AI教程!超简单的太空中听歌的宇航员扁平插画

最后调整生成阴影的不透明度为80%,将<耳机听筒>与阴影垂直居中底部对齐,就得到了带有阴影的耳机听筒部分,将阴影命名为<听筒阴影>。

AI教程!超简单的太空中听歌的宇航员扁平插画

复制一层<耳机听筒>,调整高度,底部圆角弧度为0作为高光部分,填充为#E7EDF2  不透明度80%。

AI教程!超简单的太空中听歌的宇航员扁平插画

将耳机的高光阴影组合好,复制一层 <听筒底色> ,去掉填充,修改描边为#1E2E72  3px 置于顶层,命名为<听筒描边> 。将听筒部分编组。旋钮部分制作方式与耳机听筒部分相同。

AI教程!超简单的太空中听歌的宇航员扁平插画

3.8 接下来绘制连接线部分。首先绘制一个148px的正圆,无填充,描边 #B2BBCF  10px,然后使用剪刀工具对水平端点进行裁剪,得到一个半圆弧,命名为<连接线>

AI教程!超简单的太空中听歌的宇航员扁平插画 AI教程!超简单的太空中听歌的宇航员扁平插画

复制该圆弧(快捷键Ctrl+C  Ctrl+F),更改描边大小为14px。点击菜单栏->对象->路径->轮廓化描边,将该圆弧由描边转换为形状。

AI教程!超简单的太空中听歌的宇航员扁平插画

绘制一个矩形,遮罩该圆弧,选中两个形状,使用路径查找器减去顶层的矩形,得到一个小圆弧,将小圆弧的边角拉圆,修改填充为#F2A933,命名为<连接短线底色>

AI教程!超简单的太空中听歌的宇航员扁平插画 AI教程!超简单的太空中听歌的宇航员扁平插画

复制两层<连接短线底色>,选中<连接短线底色>,使用形状生成器工具画出高光和阴影的位置,将高光和阴影的填充改为#FFCF6E、 #C68322,不透明度改为80%。将高光、阴影、底色编组,命名为<连接短线>

AI教程!超简单的太空中听歌的宇航员扁平插画

同理,使用轮廓化描边将半圆弧从描边转化为形状,修改填充为 #B0BBCC 描边#1E2E72  3px。修改圆角,命名为<连接线>。将<连接短线><连接线>编组,命名为<耳机连接线>

AI教程!超简单的太空中听歌的宇航员扁平插画

3.9 将绘制好的耳机听筒组、旋钮组、连接线组和头部排列好位置,将耳机听筒和旋钮部分对称复制一次,调整好位置,耳机的部分就绘制好了。

AI教程!超简单的太空中听歌的宇航员扁平插画

3.10 接下来绘制身体部分。首先我们来看一下身体的构成:背包、身体、手和口袋。背包是一个长宽为104*74px  圆角半径为11px的圆角矩形;身体是一个长宽为114*92px  圆角半径为46px的圆角矩形。手的弧线使用钢笔工具进行绘制。

AI教程!超简单的太空中听歌的宇航员扁平插画

这样我们将画好的形状组合起来,按照顺序排列好。

AI教程!超简单的太空中听歌的宇航员扁平插画

接下来利用形状生成工具绘制头盔在身体上的阴影和电脑在手臂上的阴影。复制两层「身体」,将他们三层调整位置后一起选中,使用形状生成工具绘制阴影部分,一个负责产生头盔的阴影,另一个作为肚子的主体。两个形状的填充改为 #99ABBA ,透明度80%,命名为<头阴影>,<手阴影>

AI教程!超简单的太空中听歌的宇航员扁平插画

3.11 接下来我们绘制脚的部分。先使用圆角矩形绘制脚的部分,参数如下:

AI教程!超简单的太空中听歌的宇航员扁平插画

然后选中整体旋转10°后对称生成右脚。

AI教程!超简单的太空中听歌的宇航员扁平插画

将左右脚放置好后编组,使用圆角矩形工具画出腿部。将腿和左右脚水平居中分布对齐,让他们处于同一水平线且距离相等。

AI教程!超简单的太空中听歌的宇航员扁平插画

选择除了脚底的部分,使用形状生成器生成腿部形状,在使用直接选择工具调整弧度。

AI教程!超简单的太空中听歌的宇航员扁平插画 AI教程!超简单的太空中听歌的宇航员扁平插画

接下来,我们绘制腿部的阴影,复制两层腿部形状,调整至合适位置后,使用形状生成器生成阴影部分形状,删除多余的形状,腿部阴影填充#BBC0D4  无描边  透明度80%,命名为<腿部阴影>

AI教程!超简单的太空中听歌的宇航员扁平插画 AI教程!超简单的太空中听歌的宇航员扁平插画

脚底的阴影,同样使用形状生成器绘制,复制两层腿部形状,调整至合适位置后,使用形状生成器生成阴影部分形状,删除多余的形状,腿部阴影填充#BBC0D4  无描边  透明度80%,命名为<脚部阴影>

AI教程!超简单的太空中听歌的宇航员扁平插画

两只脚都做好以后,效果入下:

AI教程!超简单的太空中听歌的宇航员扁平插画

步骤四:绘制星球

4.1 首先我们拆分一下星球具体的构成,星球是由球体部分和光带部分构成的,球体部分是一个正圆+花纹+光影的形式来表现,光带部分是由弧线+花纹+光影的形式来表现的。

AI教程!超简单的太空中听歌的宇航员扁平插画

具体拆分如上图,这样是不是很清晰明了了呢?

首先绘制光带的部分。

4.2 根据上述分析,绘制光带的部分,首先绘制一个312*94px 的椭圆,在绘制一个254*62px的椭圆,将两个椭圆垂直居中对齐后减去顶层,获得「弧线底色」的部分。

AI教程!超简单的太空中听歌的宇航员扁平插画

绘制好弧线条纹的部分,将「弧线底色」复制并置于条纹上层,创建剪贴蒙版,获得条纹的部分。将「弧线条纹」设置为无填充,描边#FFD88A  大小3px,调整弧线条纹和弧线底色的位置顺序关系,完成光带的形状绘制。

AI教程!超简单的太空中听歌的宇航员扁平插画AI教程!超简单的太空中听歌的宇航员扁平插画

4.3 接下来为光带添加光影,使用钢笔工具绘制阴影,设置填充为#844E0D  无描边  透明度30%。再复制一层「弧线底色」,将「弧线底色」置于「弧线阴影」上层并创建剪贴蒙版。最后将添加弧线描边并编组,命名为「光带」

AI教程!超简单的太空中听歌的宇航员扁平插画

4.4 接下来,我们新建一个名为<星球>的图层,使用椭圆工具(快捷键L)绘制一个206*206px 的正圆,填充为 #F7B41E,无描边,命名为「球体底色」。在复制一层「球体底色」置于顶层,更改为无填充,描边 #1E2E72  3px  作为「球体描边」。接下来使用钢笔工具绘制星球的花纹,设置为无填充,描边#CC6723  大小3px/55px(根据结果进行调整)。

AI教程!超简单的太空中听歌的宇航员扁平插画

在复制一层「球体底色」置于「球体花纹」上层,与刚绘制好的「球体花纹」建立剪贴蒙版,作为花纹的部分。

AI教程!超简单的太空中听歌的宇航员扁平插画AI教程!超简单的太空中听歌的宇航员扁平插画

「腿部」图层中的「腿部阴影」复制粘贴至「星球」图层,使用钢笔工具绘制其他部分的阴影,两个形状合并为一个作为阴影部分,移至刚才创建的剪切组中。

AI教程!超简单的太空中听歌的宇航员扁平插画 AI教程!超简单的太空中听歌的宇航员扁平插画

高光部分同样绘制好后放入剪切组,填充#FFCF6E  无描边  透明度80%

AI教程!超简单的太空中听歌的宇航员扁平插画AI教程!超简单的太空中听歌的宇航员扁平插画

「球体」的部分就完成了。

4.5 最后,将「光带」「球体」垂直水平居中,选中「光带」,使用橡皮擦工具擦除重叠部分,将「星球」旋转-20°,再给星球使用椭圆工具绘制投影即可获得完整的星球。

AI教程!超简单的太空中听歌的宇航员扁平插画 AI教程!超简单的太空中听歌的宇航员扁平插画AI教程!超简单的太空中听歌的宇航员扁平插画

4.6 最后我们把「主体人物」「星球」摆放好后,点击菜单栏->文件->导出中选择「导出为」,将图片导出成png格式,命名为「宇航员插画」

AI教程!超简单的太空中听歌的宇航员扁平插画

这样我们就绘制好了宇航员和星球的插画。

最终效果图

AI教程!超简单的太空中听歌的宇航员扁平插画

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。

最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可在对应资源底部留言,或联络我们。

对于会员专享、整站源码、程序插件、网站模板、网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。

如果您已经成功付款但是网站没有弹出成功提示,请联系站长提供付款信息为您处理

源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源