AI教程!教你从头绘制海边风景扁平矢量插画

时间:2天前
类别:AI教程
水平:普通
2021年最值得学的涨薪技能!突破设计瓶颈的优质小课,哪项薄弱学哪里 → 立即点击

AI教程!教你从头绘制海边风景扁平矢量插画

原图作者:Rich Stromwall

教程作者:设计师就业衔接班10.0-21-糊涂涂

教程指导:包大有趣

交作业去这里→#优设每日作业#

关于教程

首先我们来分析这张风景插画插画的主体是房子和人物,以及近景的草坡,树和远景的山,月亮等装饰物,所以绘制时,我们将按照5个步骤来进行,分别是  1.新建文档  2.创建背景  3.绘制建筑物  4.绘制人物  5.绘制装饰物  6.调整和导出,现在来一步步详细说明。

教程步骤

一.新建文档

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

AI教程!教你从头绘制海边风景扁平矢量插画

二.创建背景

2.1 找到AI图层面板的图层一双击图层名称处,将名称修改为背景。

AI教程!教你从头绘制海边风景扁平矢量插画

2.2 选中背景图层,使用矩形工具(快捷键M),待鼠标变成十字形后,拖动绘制一个和画板一样大的矩形,关闭描边,填充打开,填充颜色为0A9CE9,选中背景图层中的矩形,按ctrl+2将矩形锁上,接下来,我们的其余操作就不会影响到背景层了。

AI教程!教你从头绘制海边风景扁平矢量插画

三.绘制建筑物

3.1 首先绘制房顶。新建图层,将图层命名为小屋,使用矩形工具绘制一个矩形,属性如下

AI教程!教你从头绘制海边风景扁平矢量插画

3.2 用直接选择工具选中矩形下方两个锚点,按住shift加选,往右拖动,使图形变成平行四边形,填充颜色为083061,将图层命名为屋顶底,完成后如下图:

AI教程!教你从头绘制海边风景扁平矢量插画

3.3 选中矩形图层ctrl+c,ctrl+f复制该图层,用直接选择工具选择右上右下两个锚点平行向左拖动成一个小平行四边形,填充颜色为0F3B73,属性如下:

AI教程!教你从头绘制海边风景扁平矢量插画

完成后如下图:

AI教程!教你从头绘制海边风景扁平矢量插画

选中该图层,按住alt键平行向右拖动,多按几次ctrl+d重复上一步操作,合并所有条纹,将图层命名为条纹,完成后如下图:

AI教程!教你从头绘制海边风景扁平矢量插画

3.4 用钢笔工具画一个三角形,填充颜色为083061,属性如下:

AI教程!教你从头绘制海边风景扁平矢量插画

在此三角形上再画一个三角形,命名为小屋门,填充颜色为FFA1A9,属性如下:

AI教程!教你从头绘制海边风景扁平矢量插画

完成后如下:

AI教程!教你从头绘制海边风景扁平矢量插画

3.5 在屋顶上用钢笔工具画一个三角形,将图层命名为小屋顶,填充颜色为0F3B73,属性如下,完成后如下图:

AI教程!教你从头绘制海边风景扁平矢量插画

在屋顶上用钢笔工具再画一个三角形,填充颜色为083061,属性如下,完成后如下图:

AI教程!教你从头绘制海边风景扁平矢量插画

在此三角形上用钢笔工具再画一个三角形,填充颜色为E3747B,将图层命名为小屋顶面,属性如下,完成后如下图:

AI教程!教你从头绘制海边风景扁平矢量插画

在此三角形上用钢笔工具再画一个三角形,填充颜色为FFA1A9,属性如下,完成后如下图:

AI教程!教你从头绘制海边风景扁平矢量插画

用钢笔工具画一根条纹,填充颜色为11407D,属性如下,按住alt拖动出两根,完成后如下:

AI教程!教你从头绘制海边风景扁平矢量插画

选中三根条纹和小屋顶图层,使用形状生成器工具按住alt键减去多余形状,完成后如下:

AI教程!教你从头绘制海边风景扁平矢量插画

选中3.5画出的所有图层ctrl+g编组命名为小屋顶。

3.6 用矩形工具拖出一条矩形,填充颜色为083061,属性如下,完成后如下图:

AI教程!教你从头绘制海边风景扁平矢量插画

用矩形工具再拖出一条矩形,填充颜色为083061,命名为围栏,属性如下,完成后如下图:

AI教程!教你从头绘制海边风景扁平矢量插画

选中小屋顶编组按住alt向左拖动复制,完成后如下图:

AI教程!教你从头绘制海边风景扁平矢量插画

选中围栏图层ctrl+c,ctrl+f复制,同时选中两个小屋顶中的小屋顶面图层和复制后围栏图层,使用形状生成器工具按住alt键减去多余形状,完成后如下(隐藏围栏图层后效果):

AI教程!教你从头绘制海边风景扁平矢量插画

同时选中屋顶底图层和围栏图层,使用形状生成器工具按住alt键减去多余形状,完成后如下:

AI教程!教你从头绘制海边风景扁平矢量插画

使用矩形工具拖出一条护栏,属性如下,按住alt向右拖动复制,ctrl+d重复操作,删掉多余护栏,选中所有编组命名为护栏,完成后如下:

AI教程!教你从头绘制海边风景扁平矢量插画

3.7 使用钢笔工具画出一个四边形,将颜色填充FD8088,为注意锚点的对齐,属性如下:

AI教程!教你从头绘制海边风景扁平矢量插画

使用钢笔工具再画出一个四边形,命名为1,将颜色填充E4757C,属性如下:

AI教程!教你从头绘制海边风景扁平矢量插画

在该形状旁使用钢笔工具画出一个四边形,将颜色填充FD8088,命名为2,属性如下,完成后如下:

AI教程!教你从头绘制海边风景扁平矢量插画

将1和2编组命名为屋梁,按住alt向右拖动复制到如下位置

AI教程!教你从头绘制海边风景扁平矢量插画

选中屋梁,小屋门,小屋顶面图层,使用形状生成器工具按住alt键减去多余形状,调整图层位置,完成后如下:

AI教程!教你从头绘制海边风景扁平矢量插画

3.8 使用钢笔工具画出一个四边形,将颜色填充073261,为注意锚点的对齐,属性如下:

AI教程!教你从头绘制海边风景扁平矢量插画

在该四边形旁再画一个四边形,将颜色填充042854,为注意锚点的对齐,属性如下:

AI教程!教你从头绘制海边风景扁平矢量插画

将两个四边形选中ctrl+g编组,命名为支撑柱,选中该编组按住alt向右拖动,Ctrl+d重复三次,完成后如下:

AI教程!教你从头绘制海边风景扁平矢量插画

选中五个编组再次ctrl+g编组,ctrl+c,ctrl+f复制编组,右键—变换—镜像(垂直),向右拖动至小屋尾部,完成后如下:

AI教程!教你从头绘制海边风景扁平矢量插画

选中小屋的前几个支撑柱,ctrl+c,ctrl+f复制ctrl+g编组,命名为倒影,右键—变换—镜像(水平),使用形状生成器将每一个支撑柱合并,填充颜色为015EAD,完成后如下图:

AI教程!教你从头绘制海边风景扁平矢量插画

3.9 用钢笔工具在屋顶上画出一个平行四边形,填充颜色为083061,属性如下,完成后如下:

AI教程!教你从头绘制海边风景扁平矢量插画

使用矩形工具拖出一个矩形,属性如下,完成后如下:

AI教程!教你从头绘制海边风景扁平矢量插画

在该矩形上再拖出一个矩形,属性如下,完成后如下:

AI教程!教你从头绘制海边风景扁平矢量插画

将三个图形编组,命名为烟筒。关闭小屋图层,ctrl+2锁住。

AI教程!教你从头绘制海边风景扁平矢量插画

四.绘制人物

4.1 用钢笔工具按图中顺序画出头部,填充颜色为052753,分别命名为12345图层。

AI教程!教你从头绘制海边风景扁平矢量插画

4.2 选中3图层Ctrl+c,ctrl+f复制两次,将其中一个向左移动,同时选中移动后图层,3图层和1图层,使用形状生成器按住alt生成如下形状,颜色填充为FFA1A9。

AI教程!教你从头绘制海边风景扁平矢量插画

选中1图层Ctrl+c,ctrl+f复制两次,将其中一个向左移动,同时选中移动后图层,和1图层,使用形状生成器按住alt生成如下形状,颜色填充为FFA1A9。

AI教程!教你从头绘制海边风景扁平矢量插画

选中5图层Ctrl+c,ctrl+f复制两次,将其中一个向左移动,同时选中移动后图层,和5图层,使用形状生成器按住alt生成如下形状,颜色填充为FFA1A9,调整图层顺序,完成后如图所示。

AI教程!教你从头绘制海边风景扁平矢量插画

4.3 使用椭圆工具按住alt拖出一个圆,填充颜色为FFFFFF,用直接选择工具选择路径删除,成为一个半圆,用选择工具将半圆拉长。

AI教程!教你从头绘制海边风景扁平矢量插画

用选择工具移动到头部,使用椭圆工具再拖出一个椭圆移动到头部,完成后如下:

AI教程!教你从头绘制海边风景扁平矢量插画

4.4 用钢笔工具按图中顺序画出身体,填充颜色为052753,完成后如下图

AI教程!教你从头绘制海边风景扁平矢量插画

用钢笔工具勾出身体的光影,注意路径的对齐,颜色填充为FFA1A9,完成后如下图:

AI教程!教你从头绘制海边风景扁平矢量插画

用钢笔工具勾出手臂左侧的光影,注意路径的对齐,颜色填充为0168BD,完成后如下图:

AI教程!教你从头绘制海边风景扁平矢量插画

4.5 使用矩形工具画出烟斗,使用选择工具稍稍调整角度,完成后如下:

AI教程!教你从头绘制海边风景扁平矢量插画

将图层移动到一个图层,命名为人物。

AI教程!教你从头绘制海边风景扁平矢量插画

五.绘制装饰物

5.1 绘制月亮,使用椭圆工具,按住shift拖出一个椭圆,属性如下,填充颜色为FFFFFF。

AI教程!教你从头绘制海边风景扁平矢量插画

5.2 使用矩形工具拖出一个矩形,属性如下,填充颜色为038ADC,将图层拖入到背景图层,ctrl+2锁定,完成后如下。

AI教程!教你从头绘制海边风景扁平矢量插画

5.3 新建图层命名为山坡,使用钢笔工具勾出山坡形状,注意路径的对齐,填充渐变,属性如下

AI教程!教你从头绘制海边风景扁平矢量插画

使用钢笔工具画出一些小三角,填充渐变,深色填充为0053A0,浅色填充为038ADC,完成后如下

AI教程!教你从头绘制海边风景扁平矢量插画

再画两个小三角,深色填充为01529F,浅色填充为0069BC。将这两个小三角拖到山坡后面,图层位置如下。

AI教程!教你从头绘制海边风景扁平矢量插画

5.4 新建图层命名为草坪,用钢笔工具勾出两个草坪,两个草坪在同一水平线,填充颜色为001C44,完成后如下:

AI教程!教你从头绘制海边风景扁平矢量插画

用钢笔工具再勾出两个草坪,两个草坪在同一水平线,填充颜色为001C44,完成后如下:

AI教程!教你从头绘制海边风景扁平矢量插画

用钢笔工具再勾出最后两个草坪,两个草坪在同一水平线,填充颜色为001C44,完成后如下:

AI教程!教你从头绘制海边风景扁平矢量插画

选中所有草坪ctrl+c,ctrl+f,选中所有复制后 图层编组,新建图层命名为倒影,拖入编组,选择倒影所有图层依次右键-变换-镜像(水平),将填充颜色改为015EAD,完成后如下。 用钢笔工具画出一个倒梯形,填充颜色为015EAD,完成后如下:

AI教程!教你从头绘制海边风景扁平矢量插画

关闭倒影图层,ctrl+2锁定

AI教程!教你从头绘制海边风景扁平矢量插画

5.5 新建图层命名为大草坪,用钢笔工具在左下角画出大草坪,填充颜色为000014,完成后如下:

AI教程!教你从头绘制海边风景扁平矢量插画

5.6 新建图层命名为花,按照下图步骤用钢笔工具勾出花瓣,三片深色花瓣填充363668,两片浅色花瓣填充3F3E77,用椭圆工具画出花心,填充012652,完成后如下:

AI教程!教你从头绘制海边风景扁平矢量插画

选中所有花瓣和花心ctrl+g编组,选中编组按住alt拖动复制花朵,使用选择工具适当进行放大旋转调整,完成后如下:

AI教程!教你从头绘制海边风景扁平矢量插画

使用钢笔工具画一些花瓣点缀,完成后如下:

AI教程!教你从头绘制海边风景扁平矢量插画

5.7 新建图层命名为草,使用钢笔工具画一些叶子和枝干点缀,填充颜色为012551完成后如下:

AI教程!教你从头绘制海边风景扁平矢量插画

5.8 新建图层命名为草,使用钢笔工具在右侧最大的草坪上画一些小草,填充颜色为002F62.

AI教程!教你从头绘制海边风景扁平矢量插画

继续画一些深色小草,填充颜色为001C45.

AI教程!教你从头绘制海边风景扁平矢量插画

5.9 新建图层,命名为水波,使用椭圆工具拉出扁扁的水波,填充颜色为028ADE,CTRL+G编组,完成后如下:

AI教程!教你从头绘制海边风景扁平矢量插画

使用椭圆工具拉出一批扁扁的水波,填充颜色为015EAD,CTRL+G编组,完成后如下:

AI教程!教你从头绘制海边风景扁平矢量插画

使用椭圆工具拉出第三批扁扁的水波,填充颜色为B47288,CTRL+G编组,完成后如下:

AI教程!教你从头绘制海边风景扁平矢量插画

使用椭圆工具拉出第四批扁扁的水波,填充颜色为9DCAF8,CTRL+G编组,完成后如下:

AI教程!教你从头绘制海边风景扁平矢量插画

5.10 用钢笔工具画出叶子的大形,再画出一些需要删除的形状,选中所有图层,使用形状生成器按住alt删除多余形状

AI教程!教你从头绘制海边风景扁平矢量插画

新建图层,命名为树,使用上述方法画出树叶,填充颜色为001C44,完成后如下:

AI教程!教你从头绘制海边风景扁平矢量插画

用钢笔工具画出树干,完成后如下:

AI教程!教你从头绘制海边风景扁平矢量插画

同上方法再画一棵树,完成后如下:

AI教程!教你从头绘制海边风景扁平矢量插画

使用上述方法在左下角画出三片大树叶,填充颜色为000014,完成后如下:

AI教程!教你从头绘制海边风景扁平矢量插画

5.11 使用钢笔工具勾出烟雾形状,填充渐变,深色填充40A8EF,浅色填充FFFFFF,完成后如下

AI教程!教你从头绘制海边风景扁平矢量插画

六.调整和导出

6.1 将图层位置调整到如下顺序,完成后如下:

AI教程!教你从头绘制海边风景扁平矢量插画

6.2 文件——>存储为—>Adobe Illustrator格式

文件——>存储为—>PNG格式,勾选使用画板,完成后如下

最终效果图

AI教程!教你从头绘制海边风景扁平矢量插画

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

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

6 收藏 7

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

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

复制本文链接

发表评论 已发布 1

还可以输入 800 个字
 
 

优优教程网 365 天打卡计划

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

/

支持键盘 ← → 键翻阅图片