Illustrator绘制扁平化风格的建筑图详细教程

  本次临摹教程主要是建筑物的描绘和植物的渐变层次,主要运用了形状工具和椭圆工具的组合变化,增加锚点,调整锚点等主要知识点,过程需要比较多的耐心和细心。

  先看看效果图

Illustrator绘制扁平化风格的建筑图

  教程步骤

  首先我们来分析这张建筑风景插画,插画的主体是有红色墙、白色墙、屋顶等三部分组成的建筑房子,以及房子周围的三个树丛等装饰物。

  所以绘制时,我们将按照5个步骤来进行,分别是

  1.新建文档->2.创建背景->3.绘制建筑物->4.添加植物装饰->5.调整和导出,现在来一步步详细说明:

  步骤一、新建文档

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

Illustrator绘制扁平化风格的建筑图

  步骤二、创建背景

  2.1在绘制前,首先确定已在菜单栏->视图中开启了“对齐网格”功能。

Illustrator绘制扁平化风格的建筑图

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

Illustrator绘制扁平化风格的建筑图

  2.3选中【背景】图层,使用矩形工具(快捷键M),绘制 800*600px 的矩形,颜色填充为 #fee0d7 。

Illustrator绘制扁平化风格的建筑图

Illustrator绘制扁平化风格的建筑图

  2.4找到【对齐】面板,将对齐方式设置为【对齐画板】,然后选中刚才绘制的矩形,分别点击【水平左对齐】和【垂直顶对齐】,将矩形与画板居中对齐(新建的矩形与画板上下左右完全重合,就是已经对齐了)。

Illustrator绘制扁平化风格的建筑图

Illustrator绘制扁平化风格的建筑图

  2.5接着,选中该矩形,按 Ctrl+2 将矩形锁定,这样,我们接下来的操作就不会影响到背景层了。

Illustrator绘制扁平化风格的建筑图

  步骤三、绘制建筑物

  建筑物由【红色墙】、【白色墙】、【屋顶】等三部分组成,主要使用「建立矩形」、「颜色填充」,「物体对齐」等方法。

Illustrator绘制扁平化风格的建筑图

  3.1绘制房子主要墙体

  3.1.1新建图层,命名为【建筑物】,并将该图层放在【背景】图层上方。

Illustrator绘制扁平化风格的建筑图

  3.1.2选中【建筑物】图层,绘制第1个矩形「红色墙面」,宽度为 260px ,高度为 165px ,填充颜色为 # f6646e ;

Illustrator绘制扁平化风格的建筑图

  3.1.3紧贴「红色墙面」左侧绘制第 2 个矩形「透视面」,宽度为 5px ,高度为 187px ,填充颜色为 #c7d6c8 ;

Illustrator绘制扁平化风格的建筑图

Illustrator绘制扁平化风格的建筑图

  3.1.4紧贴「透视面」左侧,绘制第 3 个矩形,宽度为 87px ,高度为 187px ,填充颜色为 #ffffff ;

Illustrator绘制扁平化风格的建筑图

  3.1.5完成后调整三个矩形的位置关系,如下图:

Illustrator绘制扁平化风格的建筑图

  3.1.6使用直接选择工具,点击矩形 2 右上方锚点,下移 14px ;点击矩形 3 右下方锚点,上移 8px ,形成透视面;

Illustrator绘制扁平化风格的建筑图

Illustrator绘制扁平化风格的建筑图

Illustrator绘制扁平化风格的建筑图

  

声明:本文来自互联网或用户投稿,该文观点仅代表作者本人,不代表本站立场。文章及其配图仅供学习和交流之用,版权归原作者所有,如有内容侵权或者其他违规问题,请联系本站处理。