AI教程!扁平风格沙漏风景插画

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

img

原图作者:Yegor Meteor

教程作者:软件基础营45期-A68-流心奶黄馅儿

教程指导:如如酱w

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

关于教程

首先来分析一下这张风景插画,插画主要分为两个部分,上半部分为森林,下半部分为沙漠,在这两部分中都有一些代表性装饰物进行点缀。

在制作的过程中,我们将按照四个步骤来进行,分别是

1.新建文档

2.创建背景

3.绘制场景(按照从大到小,从上到下的顺序)

4.调整和导出

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

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

教程步骤

步骤一:新建文档

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

AI教程!扁平风格沙漏风景插画

步骤二:创建背景

2.1 新建一个矩形,颜色填充为#98f4ff

AI教程!扁平风格沙漏风景插画

AI教程!扁平风格沙漏风景插画

2.2 选中图层1与新建矩形,水平居中对齐,并将图层1更改名字为背景

AI教程!扁平风格沙漏风景插画

AI教程!扁平风格沙漏风景插画

步骤三:绘制场景

3.1 先来制作外面的沙漏

(1)新建图层命名为沙漏内部场景

(2) 新建一个长245,宽35的矩形,描边为3,颜色为#ffffff,用直接选择工具分别选中矩形下面的两个锚点,各向外拖动20个像素(按住shift+左右方向键,按一下为十个像素)

AI教程!扁平风格沙漏风景插画

AI教程!扁平风格沙漏风景插画

(3)用添加锚点工具在变形后的矩形底边徘徊,找到中心点,添加锚点,用直接选择工具选中新添加的锚点,向下移动210个像素

AI教程!扁平风格沙漏风景插画

AI教程!扁平风格沙漏风景插画

(4)给沙漏的顶部添加圆角,上部两个圆角为20,下部为15

AI教程!扁平风格沙漏风景插画

(5)将沙漏上半部分用右键——变换——对称,水平复制出沙漏下半部分

AI教程!扁平风格沙漏风景插画

AI教程!扁平风格沙漏风景插画

(6)把复制出的沙漏下半部分下移186个像素

AI教程!扁平风格沙漏风景插画

(7)将两部分联集,并把中间相连部圆角改为10

AI教程!扁平风格沙漏风景插画

AI教程!扁平风格沙漏风景插画

AI教程!扁平风格沙漏风景插画

外面的沙漏就完成了~

3.2 绘制沙漏内场景

(1)在绘制沙漏内场景之前,先用对象——路径——偏移路径,做出一个小沙漏,绘制内部场景时就可以按照小沙漏的边缘进行制作,这样会方便一点~

AI教程!扁平风格沙漏风景插画

AI教程!扁平风格沙漏风景插画

(2)接着就来绘制绿色森林,主要是运用了钢笔工具,大的框架勾出来后,用钢笔在连接部分进行细致勾画,要保证连接部分与外侧大框架相连,运用形状生成器工具生成三个形状(如果没有连上就没有办法生成一个形状),这样就可以变成分开的山,三种颜色填充由上到下依次为#00bf8d#007fa8#812e60

AI教程!扁平风格沙漏风景插画

AI教程!扁平风格沙漏风景插画

AI教程!扁平风格沙漏风景插画

(3)三层山从上到下依次为第一层、第二层、第三层。先来绘制第一层的装饰物。三棵树分别为三个三角形,从左到右为宽5,高15;宽5,高40;宽5,高30,顶角圆角为2。填充颜色为#00bf8d 

AI教程!扁平风格沙漏风景插画

AI教程!扁平风格沙漏风景插画

AI教程!扁平风格沙漏风景插画

(4)第二层山上的第一棵树为宽10,高28的三角形,顶角圆角为2;第二棵树为一个三个圆角为2,宽12,高30的三角形与一个宽4,高6的矩形组成。记得把三角形与矩形居中对齐~填充颜色为#007fa8

AI教程!扁平风格沙漏风景插画

AI教程!扁平风格沙漏风景插画

(5)第二层山上的圆全部为4*4,填充颜色从左到右依次为#ff7474#00bf8d#812e60#00bf8d

AI教程!扁平风格沙漏风景插画

(6)第三层山上为两个宽9,高30;宽9,高34,顶角圆角为2的三角形。颜色填充为#812e60

AI教程!扁平风格沙漏风景插画

AI教程!扁平风格沙漏风景插画

(7)复制右边完成的山,对装饰物做一下小的调整就完成了左边的山~(也可以用钢笔重新勾一个与右边有点小差别的山,方法和上面一样)

AI教程!扁平风格沙漏风景插画

3.3 绘制云彩

(1)云彩是由两个椭圆,一个矩形组成,填充颜色为#ffffff,用形状生成器工具把多出的椭圆生成形状,其余的部分生成一个形状 

AI教程!扁平风格沙漏风景插画

(2)调整圆角。

AI教程!扁平风格沙漏风景插画

(3)剩下的云朵就可以直接复制了,大云朵旁边的小的只需要新建矩形,调整圆角~

AI教程!扁平风格沙漏风景插画

3.4 下面来绘制两座山之间的交接部分

(1)新建宽20,高7的矩形,颜色填充为#ff648f。在这个矩形下新建宽7,高53的矩形,两个矩形居中对齐,联集,调整圆角。

AI教程!扁平风格沙漏风景插画

AI教程!扁平风格沙漏风景插画

(2)新建宽42,高7的矩形,颜色填充为#ff97b1,放在上一步中联集后的形状上,并且放置在两个山体的下层。

AI教程!扁平风格沙漏风景插画

(3)新建宽20,高30的矩形,颜色填充为#ffced3,将下面两个角的圆角拉到最大,放置在T字形下层,和T字形居中对齐。

AI教程!扁平风格沙漏风景插画

AI教程!扁平风格沙漏风景插画

(4)新建宽55,高4的矩形,颜色填充为#ffced3,放置在山体下层

AI教程!扁平风格沙漏风景插画

(5)新建宽60,高4的矩形,颜色填充为#812e60;新建宽26,高7的矩形,颜色填充为#812e60。将两个矩形联集,调整圆角。

AI教程!扁平风格沙漏风景插画

AI教程!扁平风格沙漏风景插画

(6)在矩形中新建三个4*4的圆形,颜色填充从左到右依次为#ff7474#ff648f#ffba80,最后进行对齐。

AI教程!扁平风格沙漏风景插画

(7)新建宽30,高7与宽20,高6的矩形,颜色填充为#007fa8,使这两个矩形右对齐,联集,两个圆角为2,放置底层。

AI教程!扁平风格沙漏风景插画

AI教程!扁平风格沙漏风景插画

AI教程!扁平风格沙漏风景插画

(8)新建宽23,高4的矩形,颜色填充为#007fa8,放置在山体下层。

AI教程!扁平风格沙漏风景插画

(9)新建宽6,高20的矩形,填充颜色为#007fa8,用直接选择工具分别选择上边的两个锚点,向内移动1个像素。

AI教程!扁平风格沙漏风景插画

(10)新建宽14,高40的矩形,填充颜色为#007fa8,用同样的方法把这个矩形上边的两个锚点各向内移动3个像素。

AI教程!扁平风格沙漏风景插画

(11)新建宽31,高10的矩形,填充颜色为#00bf8d

AI教程!扁平风格沙漏风景插画

(12)新建三个宽6,高13的矩形,颜色填充为#007fa8,并把四个圆角拉到最大,放置在上一步中做好的矩形上层,同时放在山体下层。

AI教程!扁平风格沙漏风景插画

(13)接着制作烟囱口。分别为两个宽4,高4与宽8,高4的矩形,填充颜色都为#00bf8d,放置在烟囱上面。

AI教程!扁平风格沙漏风景插画

(14)浓烟用钢笔勾出,记得按照小沙漏的边缘勾,颜色填充为#ffba80#ffffff

AI教程!扁平风格沙漏风景插画

(15)接下来就是最后一部分了,与左右山体相连的山脉。三层山脉也都是用钢笔勾画,颜色填充从上至下依次为#ffffff#c4ffb7#8ee76d,被掩盖住的地方就不用注意绘制好看了,直接连上就好了。

AI教程!扁平风格沙漏风景插画

AI教程!扁平风格沙漏风景插画

上半部分就画好了,看一下效果~

AI教程!扁平风格沙漏风景插画

3.5 接着来绘制下半部分

(1)新建宽7,高110的矩形和宽140,高85的三角形,填充颜色均为#ffba80,居中对齐后联集,圆角拉到最大

AI教程!扁平风格沙漏风景插画

AI教程!扁平风格沙漏风景插画

AI教程!扁平风格沙漏风景插画

(2)接着制作下层云彩的部分。由一个矩形和两个三角形组成。首先新建宽140,高45的矩形,填充颜色为#ffffff,并且选中矩形下部两个顶点,各向外移动20个像素。新建两个宽135,高75的三角形,填充颜色均#ffffff,与矩形对齐,联集后删除。调整圆角。调整图层顺序。

AI教程!扁平风格沙漏风景插画

AI教程!扁平风格沙漏风景插画

AI教程!扁平风格沙漏风景插画

(3)下面来绘制最底层的山也是颜色最深的山,用钢笔勾出,在转弯处打锚点,颜色填充为#812e60;中间色的山也是是用钢笔勾出,颜色填充为#ff7474

AI教程!扁平风格沙漏风景插画

AI教程!扁平风格沙漏风景插画

(4)最高的两座山是两个三角形,调整圆角后形成的。左边的山为宽90,高55,圆角为10;右边的山宽95,高60,圆角为15

AI教程!扁平风格沙漏风景插画

AI教程!扁平风格沙漏风景插画

(5)山上的小房子都是用矩形,调整圆角画出的。首先第一座房子,新建两个宽11,高17的矩形,颜色填充分别为#812e60 #ff7474,再分别把左上顶角和右上圆角调整为3。新建宽4,高5的矩形作为窗户,颜色填充为#812e60。调整图层顺序。

AI教程!扁平风格沙漏风景插画

AI教程!扁平风格沙漏风景插画

(6)第二座房子。新建矩形宽15,高21,颜色填充为#812e60,左上顶角圆角为3;新建矩形宽12,高21,颜色填充为#ff7474;新建矩形宽4,高21,颜色填充为#812e60,底部圆角拉至最大,放置交界处,使交界更加圆滑。窗户与第一座房子的窗户大小、填色均相同。房子上的小阁楼为两个宽3.5,高4和两个宽3.5,高8的矩形,圆角均为2,颜色与房子相同的。

AI教程!扁平风格沙漏风景插画

(7)下面是第三座小房子。新建宽8,高10的矩形,颜色填充为#812e60,下面两个角的圆角拉到最大。相连部分为两个宽4,高8的矩形,颜色填充分别为#812e60#ff7474

AI教程!扁平风格沙漏风景插画

AI教程!扁平风格沙漏风景插画

(8)两株仙人掌都是用矩形调整圆角就好了。仙人掌叶是两个矩形联集,再调整圆角。仙人掌颜色填充为#812e60

AI教程!扁平风格沙漏风景插画

AI教程!扁平风格沙漏风景插画

AI教程!扁平风格沙漏风景插画

(9)地上的小草也为矩形,调整圆角后得来,先将一个圆角调整到最大旋转30度,对称的出另一半,联集。选中下面的锚点,向下移动3个像素,把圆角拉到最大就做出小草了。三棵小草的颜色填充分别为#ff4a75,# 812e60#812e60

AI教程!扁平风格沙漏风景插画

AI教程!扁平风格沙漏风景插画

AI教程!扁平风格沙漏风景插画

AI教程!扁平风格沙漏风景插画

AI教程!扁平风格沙漏风景插画

(10)山上的11个小圆点均为高3,宽3的圆形。一共用了五种颜色,分别为#812e60#ffba80#ff4a75#ffd5b4#ffffff

AI教程!扁平风格沙漏风景插画

(11)下面制作牛头。新建圆形高3,宽3作为牛嘴巴,颜色填充为#ff7474。牛鼻子由两个部分组成,首先下半部分为一个宽10,高6的矩形,并把下面两个圆角拉到最大;上半部分为宽10,高4的矩形,减去两个宽6,高4的椭圆的一半,用形状生成器先生成新的形状再减去就可以的,颜色填充为#ff4a75。牛犄角用钢笔勾出,颜色填充为#ff7474#ff4a75

AI教程!扁平风格沙漏风景插画

AI教程!扁平风格沙漏风景插画

AI教程!扁平风格沙漏风景插画

(12)海鸥是用钢笔勾出的,也可以使用画笔画一下,海鸥的颜色填充为#ff7474#ffba80

AI教程!扁平风格沙漏风景插画

(13)绘制的最后一步为一个宽12,高12的圆形,颜色填充为#ffba80

AI教程!扁平风格沙漏风景插画

步骤四:导出图片

最后检查一下就可以导出了,记得把最开始做的小沙漏删掉~

导出:文件——导出——导出为——选择储存地址和储存格式——确定

AI教程!扁平风格沙漏风景插画

最终效果

AI教程!扁平风格沙漏风景插画

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

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

AI教程!扁平风格沙漏风景插画

收藏 31

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

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

复制本文链接
img

发表评论 已发布 2

还可以输入 800 个字
 
 

优优教程网 365 天打卡计划

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