AI教程!露营越野小车扁平矢量风景插画

时间:2022-10-17
类别:AI教程
水平:入门
观众:1.6w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

AI教程!露营越野小车扁平矢量风景插画

教程作者:设计师视觉设计实战营19期-24-三页 | 原图作者:Alex Pasquarella

教程指导:如如优设视觉设计实战营讲师)

交作业方式:微博搜索话题 #优设每日作业# 进入话题页面上传练习图并@教设计的优优 

一、关于教程

本期教程教大家绘制露营越野小车主题扁平矢量风景插画。首先我们来分析这张风景插画,插画的主体是各种山体和树木,还有一辆红色的小车。

所以绘制时,我们将按照5个步骤来进行,分别是1.新建文档->2.创建背景->3.绘制前中后景->4.绘制小车->5.调整和导出,接下来一步步详细说明。

想要让讲师如如手把手教你绘制更多矢量插画?点击这里立刻开始学习:

AI教程!露营越野小车扁平矢量风景插画

二、教程步骤

Step 01 新建文档

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

AI教程!露营越野小车扁平矢量风景插画

Step 02 创建背景

2.1 选中图层,使用矩形工具(快捷键M),使用鼠标在画板左上角拉至右下角绘制一个覆盖画板的矩形,颜色填充为#1B3F3C

AI教程!露营越野小车扁平矢量风景插画

2.2 在画布正中央使用圆角矩形工具在画布正中央绘制一个圆角矩形属性如下:

AI教程!露营越野小车扁平矢量风景插画

2.3使用选择工具(快捷键v)框选刚刚创建的两个图形

AI教程!露营越野小车扁平矢量风景插画

2.4 在选择这两个图形状态下选择形状生成器工具(快捷键shift+m)按住alt点击一下中间的形状。这一步可以理解为在绿色的图层上减出了一个圆角矩形的洞,这样我们就得到了一个“相框”

AI教程!露营越野小车扁平矢量风景插画

2.5 用矩形工具绘制一个宽600px高400px的矩形,颜色填充为#F5F8D1,将这个矩形置于刚刚得到的“相框”下方,这样我们就得到了一个基本的背景。

AI教程!露营越野小车扁平矢量风景插画

3.1 我们把这个图片分为前中后景,三块区域,我们分别来制作。敲黑板!(后续的所有图形都要处于“相框”之中,墨绿色的框要一直置于顶层,另一个颜色一直置于底层。)

AI教程!露营越野小车扁平矢量风景插画

Step 03 绘制前中后景

4.1 先做最后面的云朵和太阳,我们使用椭圆工具,画几个交错的绘制几个圆形,然后全部选中,使用形状生成器工具,将有重叠部分的圆形轻点,合并成一个图形,颜色为:#FFFFE8

AI教程!露营越野小车扁平矢量风景插画

4.2 接着我们使用星形工具拖出一个星形,然后按住鼠标不松手,同时按方向键下键来调整星形的边数,调成三角形。并排绘制几个,我们就得到了山体的大致轮廓。颜色为#DCECBD

AI教程!露营越野小车扁平矢量风景插画

4.3 然后我们绘制山的亮部,这里我们使用钢笔工具沿着山的边缘绘制,在转折处轻点即可,不要拖拽。最后面的山不用绘制,强调前后关系。

AI教程!露营越野小车扁平矢量风景插画

4.4 依次选中挨个选中刚刚绘制的形状点击上方的属性栏,调整颜色,颜色分别为#C5E3B3,#E5F3C5

AI教程!露营越野小车扁平矢量风景插画

4.5 再次使用刚刚绘制山体的办法,两个小山,这样我们的后景部分就做完了。

AI教程!露营越野小车扁平矢量风景插画

5.1 接下来我们绘制中景部分,中景最大占比的就是这个陆地,我们先绘制一个矩形然后,使用钢笔工具在需要弯折的地方路径处分别点一下,添加两个锚点。

AI教程!露营越野小车扁平矢量风景插画

5.2 按住shift,点击右边的两个锚点,向下移动。

AI教程!露营越野小车扁平矢量风景插画

5.3然后按住shift点击两个圆角锚点拉到最大,就等到了我们山体主要部分。颜色为#C2E2B2

AI教程!露营越野小车扁平矢量风景插画

AI教程!露营越野小车扁平矢量风景插画

5.4 我们ctrl+c 然后ctrl+f复制一个山体粘贴在原位,然后选中上面一个按方向键向下移动,颜色为#BDE0AF

AI教程!露营越野小车扁平矢量风景插画

5.5 接下来我们绘制河流。我们使用矩形工具绘制三个矩形,全部选中后使用形状生成器对他们进行合并

AI教程!露营越野小车扁平矢量风景插画

5.6 然后我们调整他的单个锚点,调成比较合理的位置

AI教程!露营越野小车扁平矢量风景插画

5.7 单独调整圆角锚点到合适的位置。这样我们的河流就做好了。

AI教程!露营越野小车扁平矢量风景插画

5.8 中景最难的部分我们就做完了。接下来我们为光秃秃的山上添加植物。

首先我们先添加松树,松树的画法其实和山体类似,不过这里我们形状生成器来做。先绘制几个三角形,摆放成想要的位置,然后选择要添加阴影的三角,用我们的线段工具,绘制一根贯穿我们三角的直线,将我们的三角分成一大一小两各部分。

选中直线和三角,分别在这个两个部分轻点一下,我们就得到了两个形状,然后修改其中一个的颜色。颜色为#89C98F,#A3D49F

AI教程!露营越野小车扁平矢量风景插画

5.10 然后用绘制几个三角添加后面的树。

AI教程!露营越野小车扁平矢量风景插画

5.11 用椭圆工具,按住shift拖出几个正圆多复制几个,然后修改颜色,颜色分别是#60AC82,#519D76,#A3D49F,#89C98F。

AI教程!露营越野小车扁平矢量风景插画

5.12 右下角的植物就画一个圆然后按住alt往旁边拖动复制一个,选中这两个圆形用形状生成器,去除不用的。颜色为#157257,#358362

AI教程!露营越野小车扁平矢量风景插画

中景我们就画完了!!有没有很累,起来拉伸活动一下吧!

好了,回来了吗?我们继续绘制前景吧。

6.1绘制一个矩形,然后使用圆角锚点,单独拉伸左上角的锚点。然后使用直接选择工具(快捷键v)选中上方中间的锚点,向右平行移动

AI教程!露营越野小车扁平矢量风景插画

6.2 我们继续使用直接选择工具调整这两个锚点,让他达到一个平滑的程度,颜色为#358362

AI教程!露营越野小车扁平矢量风景插画

6.3,按住alt向右复制一整个,修改颜色#157257

AI教程!露营越野小车扁平矢量风景插画

6.4 使用5.12的方法制作这三个圆,颜色分别为#014F45,#03594C

AI教程!露营越野小车扁平矢量风景插画

6.5,接下来绘制石头。先绘制一个矩形,然后使用直接选择工具,分别选中下面两个点,按住shift+左/右键,分别两别移动30px(按三下方向键)

AI教程!露营越野小车扁平矢量风景插画

6.6 然后选中上方两个圆角锚点,拉伸

AI教程!露营越野小车扁平矢量风景插画

6.7 按住alt 向左拖动一点,就得到了一个立体的石头。

AI教程!露营越野小车扁平矢量风景插画

6.8 加一个小三角,让石头多点细节,颜色分别是:#A79895,#928684

AI教程!露营越野小车扁平矢量风景插画

6.9 再使用前面相同的方式制作其他两个石头,多出来的颜色:#77645E,#7F6C65

AI教程!露营越野小车扁平矢量风景插画

6.10 添加前景的加个圆球植物,颜色分别是#0E4740,#1B3F3C

AI教程!露营越野小车扁平矢量风景插画

6.11 然后继续使用5.8的方法来绘制前景的两棵树,颜色分别是#014F45,#03594C

AI教程!露营越野小车扁平矢量风景插画

6.12 然后绘制一些小长条的装饰。颜色分别是#0C6651,#254542,#358362,#014F45

AI教程!露营越野小车扁平矢量风景插画

这样我们的前中后景都完成了!给自己鼓个掌吧。

最后我们要绘制红色小车了,虽然复杂但是不难!有信心的话就继续吧!

Step 04 绘制小车

7.1 首先呢我们先使用矩形工具绘制小车的主体部分,绘制出矩形以后用钢笔工具在矩形左右两边下边打两个点,然后使用6.1的方法绘制好汽车上半部分的主体。颜色是#FF7D7D

AI教程!露营越野小车扁平矢量风景插画

7.2 在绘制一个矩形然后使用圆角锚点处理成合适的角度

AI教程!露营越野小车扁平矢量风景插画

7.3 接着我们绘制两个圆形,然后组合起来。我们的大体部分就完成了。颜色是#59463C

AI教程!露营越野小车扁平矢量风景插画

7.4接着我们绘制轮胎的厚度和细节。我可以再分别绘制两个圆形。颜色是#6D5852。调整图层顺序,放到汽车主体的下层。

AI教程!露营越野小车扁平矢量风景插画

7.5 然后绘制一个圆形,在中间用直线工具绘制一个直线,然后选中圆形和直线,使用形状生成器。分别点击两边的半圆,然后修改两个的颜色。颜色分别是#ECE4E3  #CDC1BF

AI教程!露营越野小车扁平矢量风景插画

7.6 然后在中间绘制一个白色圆形

AI教程!露营越野小车扁平矢量风景插画

7.7 再在中间绘制一个圆形,然后用直线工具绘制两根交叉的直线。继续使用7.5的方法,分割成四块,然后分别填色#FAF8F8,#ECE4E3。

AI教程!露营越野小车扁平矢量风景插画

7.8 这样一个轮胎就做个好了。把7.3,7.5,7.6,7.7编组,向右复制一个。最后把7.3,7.4放到汽车后面。

AI教程!露营越野小车扁平矢量风景插画

7.9,绘制一个和车体等宽的的矩形,然后用钢笔工具打三个点,调整各个锚点的位置,然后使用圆角锚点工具调整他们圆滑程度到如下图

AI教程!露营越野小车扁平矢量风景插画

AI教程!露营越野小车扁平矢量风景插画

7.10 使用圆形工具绘制两个大小不一的同心圆,然后重复使用7.5的方法,绘制出这样半圆环,并且向右复制一个。颜色为# DB4A4A

AI教程!露营越野小车扁平矢量风景插画

7.11 继续绘制两个矩形,调整他们的锚点和圆角锚点,到合适的位置。这样底部边缘就做好了。颜色同上

AI教程!露营越野小车扁平矢量风景插画

7.12 接着我们来绘制车灯,车灯看起来复杂其实很简单,绘制一个总的长矩形,然后使用7.5的办法,分别切割成大小不一的小矩形,然后再使用圆角锚点拉一下两边的弧度就好了。颜色分别是# FFFFFF,# DCECBD,# DB4A4A,# A54A4A,# FCBA45。

AI教程!露营越野小车扁平矢量风景插画

7.13 接着我们做车窗。车窗我们要先使用矩形工具+调整锚点,把大轮廓做好。

然后下面的波浪阴影部分怎么做呢?还记得车身的波浪阴影吗?使用7.9的同样做法。最后把波浪阴影和三个窗户都选中,然后使用形状生成器抠出汽车窗户之间的空隙。颜色为# F5F8D1,# FFFFE8

AI教程!露营越野小车扁平矢量风景插画

7.14  最后给汽车添加一些小装饰,全部都是使用矩形工具+圆角锚点制作的。相信做到这步的你已经可以绘制出来了吧。颜色分别为:后视镜# DB4A4A,# FCBA45;车顶门把手# FCBA45,# A54A4A; 车前灯# A54A4A

AI教程!露营越野小车扁平矢量风景插画

7.15 最后制作汽车顶的冲浪板。我们绘制一个矩形,然后用钢笔工具给他三个边中点位置分别添加一个锚点。颜色为# FFD66E

AI教程!露营越野小车扁平矢量风景插画

7.16 然后删除左边上下两个角的锚点,这里我们使用钢笔工具移动到要删除的锚点上方,出现减号标识后,点击即可删除。并且使用直接选择工具移动右边两个锚点的位置,如图。

AI教程!露营越野小车扁平矢量风景插画

7.17 这里我们右击钢笔工具,然后选择锚点工具(快捷键:shift+c)把我们刚刚画的中间上下的两个锚点延水平直线拉长,拉到合理位置.

AI教程!露营越野小车扁平矢量风景插画

7.18 然后在使用7.5的办法把这个冲浪板切成大小不一的两半分别上色。再在上面绘制一个椭圆形。颜色为# FFC83E,# A54A4A。

AI教程!露营越野小车扁平矢量风景插画

这样我们小车就做好了!!!给小车的全部东西编个组然后给自己鼓个掌吧!此处可以按住ctrl+s保存一下。

然后调整小车的图层顺序,到前景的树后面。

Step 05 最后调整

8.1 最后我们润色一下这张图,给他添加一些小矩形,可以大小,圆角,不透明度错落一下。让整个画面看起来更生动丰富。

AI教程!露营越野小车扁平矢量风景插画

这样我们一整张图就做完啦!

三、最终效果图

AI教程!露营越野小车扁平矢量风景插画

想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc5 备注「优优自学团」(无备注不通过哦)

学完这篇教程的人还在学…

15 收藏 41

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 快来秀出你的观点

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片