AI教程!扁平风格野外风景插画!

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

原图作者:Yegor Meteor

教程作者:软件基础营48期-A01-蓝蓝

教程指导:如如酱w

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

关于教程

本次临摹主要运用到形状工具、钢笔工具、布尔运算、形状生成器等工具。

首先分析这张插画的主体是岩石上的一棵大树,大致分为树冠、树干与树冠与根部岩石三部分,树冠由远及近可划分为:远处的太阳、云朵、飞机、山;中间的山坡、树、房子;近处的山坡、花草等。插画包含的元素比较多,需要分好层次,多一些耐心。

绘制时分4个步骤进行:1、新建文档  2、绘制草图  3、绘制插画(按照从上到下,从大到小,从远到近的顺序)  4、调整和导出

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

效果图

AI教程!扁平风格野外风景插画!

教程步骤

步骤一:新建文档

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

AI教程!扁平风格野外风景插画!

步骤二:绘制草图

因为插画的元素和层次很丰富,所以需要用草稿大致标记主要元素的位置。本人不会画画,就用手绘板大致勾出位置。将草稿置于图层面板的最底层并将其锁定,以便参考位置。

AI教程!扁平风格野外风景插画!

步骤三:绘制插画

3.1 根据之前的场景分析,插画绘制按照从上到下、由远及近的顺序,共划分为16个图层。

AI教程!扁平风格野外风景插画!

3.2 绘制树冠背景。新建图层并命名为背景,绘制由云朵、太阳构成的背景。

(1)绘制小云朵

①长按形状工具选择椭圆工具(L),开启填色,关闭描边,颜色填充为#c3fbf0,按住Shift键,绘制三个不同大小的圆并使相交,全选所绘制的圆,点击路径查找器中的联集。

AI教程!扁平风格野外风景插画!

②然后选择矩形工具(M),绘制一个矩形使之与上一步获得的形状相交,全选绘制的形状,点击路径查找器中的减去顶层。

AI教程!扁平风格野外风景插画!

③选择矩形工具,绘制一个小矩形使之与之前绘制的云朵相切,然后再次点击路径查找器中的联集,然后选中直接选择工具(A),同时选中矩形的四个直角,将圆角拉到最大,最后分别调整其他角的圆度,使云朵更加圆润可爱。

AI教程!扁平风格野外风景插画!

④按此方法绘制其他云朵并填充相应的颜色。

AI教程!扁平风格野外风景插画!

(2)绘制大片云朵

①选择矩形工具,关闭描边,打开填充,颜色填充为#c3fbf0,根据草稿绘制大小不同的四个矩形并调整其位置使其相交,然后点击路径查找器联集。

AI教程!扁平风格野外风景插画!

②选择直接选择工具(A),分别选中图中所示的两个锚点并向右平移,然后调整各个角的圆度。

AI教程!扁平风格野外风景插画!

(3)绘制太阳。选择椭圆工具(L),关闭描边,按住shift绘制直径为62px的圆形,填充颜色为#ffd076。

AI教程!扁平风格野外风景插画!

(4)将绘制的形状分别放置到相应位置,其中白色云朵单独新建一个图层命名为白云,并将该图层房子背景图层上面。

AI教程!扁平风格野外风景插画!

3.3 绘制山。插画中有远、中、近三座山,颜色不同,绘制方法相同。以中间较大山体为例。新建图层,命名为山,将该图层拖到白云图层与背景图层之间。

(1)选择多边形工具,在画板中点击,在弹出的窗口中设置半径为100px,边数为3,点击确定,关闭描边,颜色填充为#49d4cf。选中选择工具(V),适当拉宽三角形的宽度,将三角形顶点调成圆角。选中该图形,按住Alt键,鼠标变成双箭头时向右拖动复制图形,将复制获得的图形高度压低一点

AI教程!扁平风格野外风景插画!

(2)然后用同样方法绘制两个小三角形,调整其大小和方向并使其与第一个三角形相交,然后点击路径查找器联集。

AI教程!扁平风格野外风景插画!

(3)选用圆角矩形工具,绘制一个小圆角矩形与上一步获得的形状相交,使用路径查找器减去顶层。

AI教程!扁平风格野外风景插画!

(4)然后直接选择工具(A),调整各个角的圆度,获得最终的山体形状。最后用同样的方法绘制其他两座山并填充相应的颜色。最后将它们放置到相应位置。

AI教程!扁平风格野外风景插画!

3.4 绘制小飞机。新建图层并命名为小飞机。选择多边形工具绘制3个三角形,分别为飞机尾部直角三角形、机身等腰三角形和机头等腰三角形;两个小矩形为灯光;一个白色小矩形为飞机螺旋桨。将机尾、机身和机头联集在一起,调整角的圆度。最后与飞机其他部分编组。

AI教程!扁平风格野外风景插画!

3.5 绘制主体树冠。新建图层并命名为主体树冠,将图层置于白云图层上层。

(1)主体树冠托举着整个插画上半部分的所有元素,所以该部分按照从下往上的顺序绘制,先绘制下面深色部分,呈现出主体树冠的轮廓。

①选择矩形工具,绘制一个边长为82px的正方形,关闭描边,填充颜色#007c52,然后再绘制一个小矩形,调整两者位置如图所示。

AI教程!扁平风格野外风景插画!

②选择钢笔工具,关闭描边,填充颜色#007c52,在上一步的基础上勾出剩余部分的形状,然后选中所有形状并进行联集。

AI教程!扁平风格野外风景插画!

③选择添加锚点工具(+),在相应位置添加2个锚点,如下图所示。

AI教程!扁平风格野外风景插画!

④选中直接选择工具(A),按住shift键,同时选择下图所示的两个锚点,将它们向下移动10px。最后调整各个角的圆度,获得最终的形状。

AI教程!扁平风格野外风景插画!

AI教程!扁平风格野外风景插画!

(2)同理,运用形状工具和钢笔工具绘制其他部分并填充相应的颜色。调整各个形状的位置并按照近实远虚排列各个形状的顺序,从而获得主体树冠的底部形状效果。

 

AI教程!扁平风格野外风景插画!

AI教程!扁平风格野外风景插画!

(3)绘制山与树冠之间的山坡。从原作中可以看出在树冠底部与山之间还有起伏的山坡。新建图层并命名山坡,置于白云图层下层。分别选择钢笔工具(P)和圆角矩形工具画出各层的形状,填充相应的颜色并放置到相应的位置。

AI教程!扁平风格野外风景插画!

AI教程!扁平风格野外风景插画!

3.6 绘制树木。插画中的树木可以大致分为2类,一类是远景中隐约存在的树,一类是近景里的大树。

(1)远景树木。新建图层并命名为树1,将图层拖到山图层与山坡图层之间。

①选择多边形工具,关闭描边,填充颜色#007d73,绘制三角形并将其调整为宽27px、高75px的等腰三角形。选用直接选择工具(A)将顶点调成圆角。

 

AI教程!扁平风格野外风景插画!

AI教程!扁平风格野外风景插画!

②复制7棵树并放置到不同的位置,形成错落有致的效果,如图所示。

AI教程!扁平风格野外风景插画!

(2)近景树木。新建一个图层,命名为树2,放置到白云图层上层。

①选择矩形工具(M)绘制两个矩形,尺寸分别设置为宽38px,高38px和宽260px,高88px;颜色填充为#007f4e。将两个矩形对齐并联集,选用直接选择工具调整圆角;使用圆角矩形工具绘制宽17px、高187px的圆角矩形作为树干。选用钢笔工具(P),关闭填充,打开描边,绘制树枝,通过菜单对象—>扩展转换为形状并与树干联集。最后将树干与树冠摆好位置并编组。

 

AI教程!扁平风格野外风景插画!

AI教程!扁平风格野外风景插画!

②选择椭圆工具(L),绘制直径为92px的圆和直径为125px的圆,填充颜色#fb7380,小圆在上大圆在下将两者联集,调整相交点的圆角;选择钢笔工具(P)绘制树干,调整树干与树冠的位置并编组。

 

AI教程!扁平风格野外风景插画!

AI教程!扁平风格野外风景插画!

③按照前两步的方法绘制其他两棵树,并填充相应的颜色。

AI教程!扁平风格野外风景插画!

④将绘制树木放置到相应位置,并根据需要适当调整大小。

 

AI教程!扁平风格野外风景插画!

3.7 绘制小房子。新建图层,命名为房子1,将图层拖到主体树冠下面。

(1)首先选用钢笔工具,关闭填充,打开描边,描边粗细设置为5px,描边颜色#91ea46,将描边端点和边角都设置为圆角,绘制出侧面屋檐,然后选择菜单栏对象—>扩展;关闭描边,填充颜色设置为#04446a,绘制屋顶;同理绘制屋檐阴影和墙壁;最后选择矩形工具绘制房门。

AI教程!扁平风格野外风景插画!

(2)将绘制的所有元素调整到相应位置,调整排列先后顺序并选中所有形状Ctrl+G编组,小房子就画好了。

AI教程!扁平风格野外风景插画!

(3)用同样的方法新建图层绘制另一栋房子,将图层命名为房子2,将图层放在白云图层下层。

AI教程!扁平风格野外风景插画!

3.8 绘制主树干。新建图层并命名为主树干,将图层置于主体树冠上层。

(1)运用矩形工具(M)与钢笔工具(P)勾出树干形状,填充颜色#04446a。

AI教程!扁平风格野外风景插画!

(2)调整树干和树枝的位置,然后点击路径查找器联集,选用直接选择工具(A)调整圆角,是树干变圆润。

AI教程!扁平风格野外风景插画!

(3)调整主树干位置,使主树干与主体树冠相交,形成树干支撑树冠的效果。

 

AI教程!扁平风格野外风景插画!

3.9 绘制秋千。新建图层命名为秋千,将图层放在主树干图层的上层。

(1)绘制秋千。选择钢笔工具(P),关闭填充,打开描边,描边粗细设置为5px,绘制秋千绳索和坐板,然后选择菜单对象—>扩展,将路径转换为形状。

AI教程!扁平风格野外风景插画!

(2)绘制小人。选择椭圆工具(L)绘制头发、眼睛和手;选择矩形工具(M)绘制面部、颈部、身体,手臂和鞋子,并利用直接选择工具(A)调整圆角来调出各部位的形状;钢笔工具勾画不规则形状比如衣袖、衣服阴影。

AI教程!扁平风格野外风景插画!

(3)将绘制好的各部分调整好位置并编组,将小人置于顶层,调整小人的位置,使小人坐在秋千上,双手握住秋千。

AI教程!扁平风格野外风景插画!

AI教程!扁平风格野外风景插画!

3.10 绘制底部岩石。根据底部元素排列将底部分为4个图层。新建图层命名为岩石1。

(1)选择矩形工具(M)关闭描边,颜色填充#01bd71,绘制一大一小两个矩形,尺寸分别为高110px、宽160px和高38px、宽128px。然后选用直接选择工具(A)移动矩形的锚点获得不规则四边形。调整两个四边形的位置并将它们联集形成新的形状,最后调整圆角得到最后岩石的形状。

 

AI教程!扁平风格野外风景插画!

AI教程!扁平风格野外风景插画!

(2)同理新建图层命名为岩石2,选择矩形工具和多边形工具分别绘制四边形和三角形并填充相应颜色,调整锚点位置和圆角从而绘制出另外两块岩石。最后调整三块岩石的位置,插画上、中、下三个部分就完整了。

 

AI教程!扁平风格野外风景插画!

AI教程!扁平风格野外风景插画!

3.11 绘制装饰元素。插画中有许多装饰元素分布在各个部分,包括落叶、花朵、隐约可见的小树冠等。

(1)绘制叶子、小草。选择椭圆工具(L)绘制高20px、宽9px的小椭圆,填充颜色#91ea46,就绘制好了一片叶子;用这种方法可以绘制不同颜色、不同大小的落叶和草叶;将两片叶子旋转一点角度并联集在一起,可以绘制不同形状的叶子;选择钢笔工具(P)关闭填充,打开描边,描边粗细设为5px,画一个V字型路径,选择对象—>扩展将路径转换为形状,一颗小草就绘制好了,变换不同描边颜色可以绘制不同颜色的小草,同样的方法可以绘制花茎。

AI教程!扁平风格野外风景插画!

(2)绘制花朵。画中共有三种不同形状的花朵,分别用不同的方法绘制。第一种花朵画法:将两个小椭圆旋转角度后联集在一起;第二种花朵画法:选择椭圆工具(L),填充颜色#007f4e,描边颜色#52f2dc,描边粗细9pt,绘制直径为22px的椭圆,然后选择对象—>扩展将路径转换为形状;第三种花朵画法:选择圆角矩形工具,关闭描边,颜色填充#f9ce72,绘制一个高45px,宽12px的圆角矩形,选中形状右键—>变换—>旋转,在弹出的窗口中将旋转角度设置为45°,点击复制按钮,然后Ctrl+D重复两次,选中所有小矩形点击联集就画好了花瓣,最后选择椭圆工具(L)绘制一个直径为9的小圆,填充颜色#fb7380,将小圆放置在花瓣中央作为花心。

AI教程!扁平风格野外风景插画!

(3)绘制光斑。在树冠上、岩石上有许多条状和点状的光斑。点状光斑的绘制比较简单,运用椭圆工具(L)绘制直径为6px的小圆并填充相应的颜色即可;使用钢笔工具绘制条状光斑:关闭填充,打开描边,描边粗细设置为5pt,沿着树冠轮廓绘制出路径形状,然后调整圆角就画好了底层光斑。按住Alt键拖动复制该路径,改变描边颜色,框选并删除路径两端的锚点另一条光斑。将画好的两条路径调好位置并转为形状,一条光斑就画好了。

 

AI教程!扁平风格野外风景插画!

AI教程!扁平风格野外风景插画!

AI教程!扁平风格野外风景插画!

(4)绘制小树冠。小树冠的绘制方法与云朵的绘制类似,选择椭圆工具(L)关闭描边,填充相应的颜色,绘制不同大小的圆联集在一起,然后放在不同图层的相应位置就形成了掩映在后面的小树冠的效果。

AI教程!扁平风格野外风景插画!

步骤四:调整和导出

画完所有元素后,检查整体效果,适当调整细节后就可以到处图片了。

导出方法:文件——导出——导出为——设置存储位置和存储格式——确定

AI教程!扁平风格野外风景插画!

最终效果图

AI教程!扁平风格野外风景插画!

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

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

6 收藏 14

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

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

复制本文链接

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

还可以输入 800 个字
 
 

优优教程网 365 天打卡计划

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