AI教程!教你用几何形状绘制扁平风野外场景插画

时间:2020-07-13
类别:AI教程
水平:普通
@所有设计师 快来领爆款免费设计课程!打卡式学习立竿见影。收获实战新技能→ 免费领取

原图作者:Mark Boardman

教程作者:软件基础训练营48期-A06-团子呀

教程指导:如如酱w

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

关于教程

想要绘制插画,却又担心结构画不好?其实只要用好钢笔,简单的几何形状也可以画出好看的插画哦!

你也想做出这么漂亮的插画吗?戳链接让如如老师手把手教你→点我学习制作AI插画

效果图

AI教程!教你用几何形状绘制扁平风野外场景插画

教程步骤

步骤一:新建文档

打开 Adobe Illustrator,点击文件->新建,创建一个新文件,参数设置参考:

宽714px,高924px,颜色模式:RGB

步骤二:绘制天空

2.1 蓝天

选中矩形工具,绘制714 * 320 px的矩形,选择渐变工具,在属性栏修改渐变颜色,渐变颜色参考:ffffff-> d8f4fb。

AI教程!教你用几何形状绘制扁平风野外场景插画

2.2 云朵

用钢笔工具勾勒出云朵的形状,填充颜色:fbfdf2。

AI教程!教你用几何形状绘制扁平风野外场景插画

2.3 天空最后效果

AI教程!教你用几何形状绘制扁平风野外场景插画

步骤三:绘制山体

3.1 利用钢笔工具绘制出大山的形状和高光,填充颜色如图。

AI教程!教你用几何形状绘制扁平风野外场景插画

AI教程!教你用几何形状绘制扁平风野外场景插画

AI教程!教你用几何形状绘制扁平风野外场景插画

AI的钢笔用法和PS基本是一致的,如果你对钢笔还不太熟练的话,可以看看这些教程:

步骤四:绘制斜坡

4.1 利用钢笔工具绘制出大斜坡和高光,颜色如图所示。

AI教程!教你用几何形状绘制扁平风野外场景插画

AI教程!教你用几何形状绘制扁平风野外场景插画

4.2 绘制好之后,将斜坡摆放至如图所示位置。

AI教程!教你用几何形状绘制扁平风野外场景插画

步骤五:绘制小山坡

5.1 绘制左边山坡

矩形工具绘制出左边的山坡,矩形58*58px,用小白(直接选择工具)选中右下角的一个锚点,按住shift直接拖动;草坪部分用钢笔工具绘制出不规则的矩形即可。

AI教程!教你用几何形状绘制扁平风野外场景插画

AI教程!教你用几何形状绘制扁平风野外场景插画

5.2 绘制右边山坡

利用矩形、钢笔工具,绘制出多个几何形状,并摆放至如图所示效果。这一部分的绘制可以稍微随意一些,不用太过规整。

AI教程!教你用几何形状绘制扁平风野外场景插画

AI教程!教你用几何形状绘制扁平风野外场景插画

步骤二:绘制小桥

6.1 用钢笔画出桥的形状。

AI教程!教你用几何形状绘制扁平风野外场景插画

6.2 矩形工具绘制172*9px的矩形,用小白拖动上方两个锚点。

AI教程!教你用几何形状绘制扁平风野外场景插画

6.3 矩形工具绘制一个47*9px的矩形;接着绘制一个25*72px的矩形,居中对齐。

AI教程!教你用几何形状绘制扁平风野外场景插画

6.4 把刚才画的桥的部分组合在一起。用钢笔工具绘制桥洞厚实感的部分。

AI教程!教你用几何形状绘制扁平风野外场景插画

AI教程!教你用几何形状绘制扁平风野外场景插画

步骤七:绘制树木

7.1 选择钢笔工具,勾出树木的样子,注意图层之间的顺序关系,摆放的时候可以稍微随意一点,不用太规整。

AI教程!教你用几何形状绘制扁平风野外场景插画

AI教程!教你用几何形状绘制扁平风野外场景插画

步骤八:绘制石头

8.1 用钢笔工具勾画石头的形状,放置如图所示位置。

AI教程!教你用几何形状绘制扁平风野外场景插画

AI教程!教你用几何形状绘制扁平风野外场景插画

8.2 1号房子:

墙面:矩形工具绘制一个23*20px的矩形,选择小白(直接选择工具)拖动右上的锚点进行拖拽;

房顶:矩形工具绘制一个32*5px的矩形,还是用小白拖动锚点;

门:矩形工具绘制一个8*17px的矩形;

窗沿:矩形工具绘制一个13*10px的矩形;

两个窗户:矩形工具绘制一个3*6px的矩形。

AI教程!教你用几何形状绘制扁平风野外场景插画

 

8.3  2号房子

墙面:钢笔工具绘制出正面墙面;

侧面墙面:钢笔工具画出侧面墙;

房顶:绘制一个70*8px的矩形;绘制一个74*10px的矩形,小白拖动锚点;绘制一个73*5px的矩形,小白继续拖锚点;

侧面看到的屋顶:钢笔绘制;

窗户:正面窗户,绘制一个3*7px的矩形;侧面窗,绘制一个2*7px的矩形。

AI教程!教你用几何形状绘制扁平风野外场景插画

8.4 小风车

风车顶:选择椭圆工具,绘制18*18px的圆,接着画一个宽大于18px的矩形,选择矩形放到圆的大概三分之一的地方,同时选择圆和矩形,选择形状生成器工具,按住alt减去不需要的部分。

接着再画两个矩形,将刚才做好的形状等分成三分,继续选择形状生成器按住alt减去不需要的地方,做好后之前的圆形就分成三个形状了;

风车转轴和扇叶: 长按直线工具,选择里面的矩形网格工具,按住方向键可以增加网格的列数和行数,画出扇叶,描边大小为1px;绘制一个4*4px的圆;钢笔工具画一条线,作为扇叶支架,颜色描边大小和扇叶一样。

将圆,扇叶支架和扇叶组合起来,将扇叶支架和扇叶按ctrl+g编组,选中编好组的扇叶,按r键,按住alt点击圆的中心点,弹出的框内角度改为90°,接着按3次ctrl+d ,就得到扇叶了。扇叶的支架末端要对齐圆的中心。

风车立柱:用钢笔工具或者选择形状生成器做出高度为19px风车的立柱,颜色参考:96a334,acbc59,ccd36e。

风车最后效果:

AI教程!教你用几何形状绘制扁平风野外场景插画

至此效果图:

AI教程!教你用几何形状绘制扁平风野外场景插画

步骤九:绘制房子

房顶:绘制三个矩形 139*81px,139*12px,139*3px,钢笔绘制屋顶侧面;

AI教程!教你用几何形状绘制扁平风野外场景插画

墙正面:绘制四个矩形,126*10px,126*56px,126*13px,126*8px;

墙侧面:绘制两个矩形,25*56px,25*8px;

正面窗户:画两个矩形,26*26px,20*20px,两个矩形居中对齐;

门:画两个矩形,24*49px,18*40px;

侧面小窗:画四个矩形,8*23px,4*19px,11*2px,11*2px;

横梁:73*5px的矩形。

AI教程!教你用几何形状绘制扁平风野外场景插画

AI教程!教你用几何形状绘制扁平风野外场景插画

9.2 草地:钢笔工具勾画出草坪的形状。

AI教程!教你用几何形状绘制扁平风野外场景插画

 

9.3 围墙:用钢笔和矩形工具画出围墙。

AI教程!教你用几何形状绘制扁平风野外场景插画

 

9.4 地面:用钢笔工具画出地面形状和围墙的影子。

AI教程!教你用几何形状绘制扁平风野外场景插画

AI教程!教你用几何形状绘制扁平风野外场景插画

9.5 地面绿化:利用钢笔绘制三角形,做出绿化效果。

AI教程!教你用几何形状绘制扁平风野外场景插画

AI教程!教你用几何形状绘制扁平风野外场景插画

9.6 接着绘制一些圆润点的绿植。

AI教程!教你用几何形状绘制扁平风野外场景插画

AI教程!教你用几何形状绘制扁平风野外场景插画

AI教程!教你用几何形状绘制扁平风野外场景插画

9.7 利用钢笔绘制出石头形状。

AI教程!教你用几何形状绘制扁平风野外场景插画

AI教程!教你用几何形状绘制扁平风野外场景插画

步骤十:绘制河流和大树

10.1 用钢笔绘制出大树的形状。

AI教程!教你用几何形状绘制扁平风野外场景插画

10.2 用钢笔随意绘制一些不规则的形状,拼凑出河流的效果。再用矩形绘制一些高光在上面,高光颜色#d9e2d4。

AI教程!教你用几何形状绘制扁平风野外场景插画

AI教程!教你用几何形状绘制扁平风野外场景插画

 

步骤十一:绘制汽车

11.1 绘制汽车车头

绘制车头部分基本都是运用矩形工具可以了,大小可以自定,摆放及颜色参考如图。

 

AI教程!教你用几何形状绘制扁平风野外场景插画

11.2 绘制车顶和窗户,用矩形工具画出窗户和车顶的基础形状,再用直接选择工具调整锚点。

 

AI教程!教你用几何形状绘制扁平风野外场景插画

11.3 绘制车身,钢笔工具画出车身和底盘的形状,再用矩形工具画出下面的零件,选中所有的形状,选择路径查找器->选择联集;再用矩形工具画出两个矩形。

AI教程!教你用几何形状绘制扁平风野外场景插画

11.4 绘制车棚,利用钢笔工具画出车棚的基础形状。

 

AI教程!教你用几何形状绘制扁平风野外场景插画

11.5 绘制车轮,用椭圆工具画五个圆,画好后将五个圆居中对齐,画好之后复制一个。

AI教程!教你用几何形状绘制扁平风野外场景插画

11.6 绘制车门,用钢笔工具绘制六条线。

 

AI教程!教你用几何形状绘制扁平风野外场景插画

11.7 绘制后视镜,矩形工具画三个矩形,再用直接选择工具选中锚点,拖动锚点到合适的位置。

 

AI教程!教你用几何形状绘制扁平风野外场景插画

11.8 绘制后备胎,钢笔工具画出轮胎的形状,或者用矩形工具画出一个矩形,再用添加锚点工具添加一个锚点,直接选择工具拖动锚点。

 

AI教程!教你用几何形状绘制扁平风野外场景插画

11.9 用钢笔绘制车子在地上的投影。

 

AI教程!教你用几何形状绘制扁平风野外场景插画

11.10 此时完成图:

AI教程!教你用几何形状绘制扁平风野外场景插画

步骤十二:绘制前景植物

12.1 用钢笔绘制植物的形状。

AI教程!教你用几何形状绘制扁平风野外场景插画

12.2  用钢笔勾勒出花朵根茎,花朵可以用椭圆绘制。绘制好后复制多个放在不同位置。

AI教程!教你用几何形状绘制扁平风野外场景插画

最终效果

AI教程!教你用几何形状绘制扁平风野外场景插画

想要来「优优交流群」和其他小伙伴一起学习分享吗?搜索 QQ 群:1078133504 进群暗号:优优的忠实观众

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

 

8 收藏 12

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

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

复制本文链接

发表评论 已发布 2

还可以输入 800 个字
 
 

优优教程网 365 天打卡计划

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