AI教程!简约扁平风林间小屋插画

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

教程作者:软件基础营49期-B38-刺激

教程指导:包大有趣

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

关于教程

这个插画看起来复杂,其实操作很简单,基本上用钢笔用具,形状工具,和形状生成器就能完成。

绘制过程分为4步:绘制草图>根据草图绘制插画>为插画添加光影>调整导出

教程效果图

AI教程!简约扁平风林间小屋插画

教程步骤

步骤一:绘制草图

根据自己情况选择适合自己的方式绘制草图,我是在ipad绘制草图以后传到电脑的。用什么工具不重要,重要的是一定要细致,可以为后面绘制节省很多力气。下面是我的草图

AI教程!简约扁平风林间小屋插画

步骤二:根据草图绘制插画

打开AI,文件-新建,建立一个1600*1200的画布

AI教程!简约扁平风林间小屋插画

将草稿拖入画布,并设置模式正片叠底,调整透明度20,锁定该图层,并在下方新建图层,命名为插画

AI教程!简约扁平风林间小屋插画

使用椭圆工具新建一个直径1074与直径1000的圆,大圆置于底层。

AI教程!简约扁平风林间小屋插画

再画一个矩形放在下图位置,用黑箭头选中全部图形,选择形状生成器,按alt键删掉不需要的部分,然后按shift合并剩余部分(不得不说形状生成器真的是一个超级好用的工具,请大家务必记住用法!超级超级好用!)填充颜色#b5ebe2,我们的大背景就做好了。

AI教程!简约扁平风林间小屋插画

接下来 根据我们的草稿,用钢笔工具绘制出两层云朵的形状,填充颜色#ffffff,下面的大形状透明度为39%

AI教程!简约扁平风林间小屋插画AI教程!简约扁平风林间小屋插画

接下来开始画远处的树,如下图,用形状生成器,alt键删掉多余的部门,然后剩下的合并,填充颜色#6ad3c5

AI教程!简约扁平风林间小屋插画AI教程!简约扁平风林间小屋插画

再接下来是很多片叶子的椰子树,先用钢笔工具勾出一片叶子的完整形状,然后用钢笔工具画一些小的三角形和其他不规则形状,使用形状生成器,是叶子产生不规则边缘。

AI教程!简约扁平风林间小屋插画

同理画出剩下的所有叶子,并分别为所有叶子上色,注意叶子的遮挡关系

AI教程!简约扁平风林间小屋插画

然后用钢笔勾出树干的形状,放在合适的位置,颜色#783521

AI教程!简约扁平风林间小屋插画

接下来开始画房子,房子的结构看起来复杂,其实拆分开来也很简单,画好以后放在合适的位置,用选择工具选择背景和房子,用形状生成器减掉多余的部分(后面很多地方都有这个操作,大家一定要注意这种细节哦~)

AI教程!简约扁平风林间小屋插画

屋顶小房间

AI教程!简约扁平风林间小屋插画

然后烟囱,钢笔工具,填色 ,注意图层关系

AI教程!简约扁平风林间小屋插画

窗户的话,由下面矩形组成,可根据草稿确定窗的位置和大小。

AI教程!简约扁平风林间小屋插画

然后是房子周围的栏杆和门口楼梯的栏杆,因为栏杆颜色比较多,请大家稍微耐心一点

AI教程!简约扁平风林间小屋插画

将上面所有的元素组合起来,我们的房子就画好了,那么接下来是门口的一簇簇植物,也是基本的椭圆和钢笔勾出的树叶形状

AI教程!简约扁平风林间小屋插画

接下来画草坪,根据草稿用钢笔勾出草坪的形状,这里可根据效果再调整一下,我这里比草稿多加了一层,颜色如下

AI教程!简约扁平风林间小屋插画

然后画树,树的画法和房子前面的植物一样,都是椭圆和钢笔勾的叶子,然后树干和树下的土也是钢笔勾的,我在这里标注一下颜色,大家画的时候,注意图层顺序和遮挡关系

AI教程!简约扁平风林间小屋插画

现在所有的元素我们都已经画好了,我们的画面应该是这样的

AI教程!简约扁平风林间小屋插画

步骤三:为插画添加光影

光影细节,是插画的灵魂,有细节的插画才会比较耐看,所以大家一定要静下心来,一个元素一个元素加光影,其实是一个很有趣的过程。

我们就按由远及近的顺序开始添加,首先是最远处的树,会有一些亮面,我们用椭圆就可以了。我们上色时候确定光源的位置是在左上方,那么树的亮面也应该在左上的位置

AI教程!简约扁平风林间小屋插画

先加椰子树叶的大叶脉,用钢笔工具勾出叶脉的形状,在描边后面选择描边3pt,形状选宽度配置文件5,颜色是#00512e,然后同样的方法添加其他叶子的叶脉

AI教程!简约扁平风林间小屋插画

然后椰子树也会在阳光的照射下有一些亮面,先用钢笔工具勾出亮面的范围,颜色#37a35f,模式设为滤色,透明度24%,然后选中叶子和亮面形状用形状生成器删除叶子范围外的部分

AI教程!简约扁平风林间小屋插画AI教程!简约扁平风林间小屋插画

同样的方式绘制其他椰子树叶的亮面以及椰子树干的暗部和亮部

AI教程!简约扁平风林间小屋插画

接下来开始房子的细化,房子的细节看起来很多,分类的话其实也只有三部分,一是屋顶和楼梯的条纹,二是房子结构产生的阴影,三是窗户玻璃反光。那我们就照着这个顺序开始吧屋顶楼梯的横条纹:绘制矩形条纹,同时选中屋顶和条纹,用形状生成器删掉超出部分。

AI教程!简约扁平风林间小屋插画

房屋阴影和玻璃反光也一样,颜色如下

AI教程!简约扁平风林间小屋插画

接下来是树的细节

AI教程!简约扁平风林间小屋插画

房子前的小树

AI教程!简约扁平风林间小屋插画

步骤四:调整导出

那么!我们的插画就做好了!可以根据实际效果进行一些调整,然后就可以保存了

文件-导出-导出为

AI教程!简约扁平风林间小屋插画

 

最终效果图

AI教程!简约扁平风林间小屋插画

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

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

6 收藏 7

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

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

复制本文链接

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

还可以输入 800 个字
 
 

优优教程网 365 天打卡计划

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

/

支持键盘 ← → 键翻阅图片