效果图

Step 01 新建文档

打开Adobe Illustrator，点击文件->新建(快捷键Ctrl+N)创建一个新文件，参数设置。

Step 02 创建背景

2.1 在绘制前，首先确定已在菜单栏->视图中开启了对齐网格功能。找到AI的图层面板，双击图层名称处，将名称修改为背景。

2.2 选中背景图层，使用矩形工具快捷键M，待鼠标变为十字形后，在画板中间点击一下，输入数值，绘制800x600px的矩形，颜色填充为#F1EFE6。

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

2.4 完成这一步后，选中该矩形，按Ctrl+2将矩形锁定，或在背景图层里找到矩形，将前面的小锁形状点上，完成锁定的操作。

Step 03 绘制右边红色房子

3.1 绘制房子主要墙体。新建图层，将图层命名为建筑物，并将该图层放在背景图层上面，这样接下来绘制出来的形状，将全部在背景层的上方。

3.2 选中建筑物图层，绘制建筑物主要的墙面。使用矩形工具快捷键M，绘制第一个矩形，宽度为68px，高度为225px，填充颜色为#F9AD8A。紧贴矩形右侧绘制第二个矩形，宽度为106px，高度为225px，填充颜色为#F28067。

3.3 接着绘制屋顶的形状。紧贴刚才左侧矩形的上方，绘制一个新的矩形，宽度为68px，高度为50px，填充颜色为#F39F7E，使用直接选择工具快捷键A选中矩形最上方两点，将点向右平移52px。

3.4 使用钢笔工具快捷键P，捕捉圆圈中的三个点，绘制一个三角形，填充颜色为#F28067。

3.5 给建筑物添加上窗户。绘制一个宽度为5px，高度为29px，填充颜色为#AE444D的矩形。紧贴第一个矩形右侧绘制第二个矩形，宽度为11px，高度为29px，填充颜色为#D65760。

3.6 选中两个矩形，Ctrl+C复制，Ctrl+F在原位复制一层，选中复制出的图形，使用键盘上的向上和向下键，将图形向下移动34px，之后通过选中矩形，拖动变换高度的方法，将高度调整为50px。

3.7 选中这两组矩形，继续Ctrl+C和Ctrl+F原位复制一层后，向右移动20px，将这四组矩形放在墙面上适当的位置，第一组窗户就绘制完成。

3.8 在窗户右侧绘制一个矩形，宽度为5px，高度为83px，填充颜色为#F79E85，在窗户下侧绘制一个矩形，高度为4px，宽度为41px，填充颜色为#F79E85。

3.9 用相同的方法绘制第二组矩形， 颜色与第一组相同，长宽数值设置。

3.10 绘制完成后摆放到合适的位置。

3.11 复制刚才的第二组矩形，Ctrl+G将其编为一组，Ctrl+F复制一组，右键->变换->对称。

3.12 将变换后的窗户左侧的颜色改为#F59080， 并给窗户加一层底色，颜色为#f9ad8a。

3.13 随后将位置移动到与第一组矩形下方对齐。

3.14 绘制屋顶上的窗户。新建一个宽度为19px，高度为15px，填充颜色为#D65760的矩形，用直接选择工具(快捷键A)选中矩形最上方两点，向右平移15px，随后Ctrl+C和Ctrl+F复原位一个该矩形，将填充颜色修改为#AE444D，并将矩形向左平移9px。新绘制一个矩形，宽29px，高10px，填充颜色为#FAB38E。

3.15 选中这三个图形，使用形状生成器工具(快捷键Shift+M)，按住Alt键，减去多余形状。

复制一组该图形，选中右侧形状，Ctrl+Shift+将其置于顶层，并向左移动6px。

3.16 使用形状生成器工具快捷键Shift+M，按住Alt键，减去多余形状。

3.17 使用直接选择工具(快捷键A)，拖动圆圈内的锚点，将其移动至所在位置。

3.18 使用同样的方法，完成第二排窗户的绘制，整体效果图。

3.19 绘制房子右侧圆形的天窗和门。使用椭圆工具快捷键L绘制一个宽26px，高35px的椭圆形，填充颜色为#AE444D，复制该椭圆，将其向左平移7px，并将填充颜色修改为#D65760。

选中两个圆，使用形状生成器工具(快捷键Shift+M)，按住Alt键，减去多余形状，做出圆形天窗。

3.20 使用矩形工具绘制一个四边形，填充颜色为#FAB38E。将左侧椭圆的图层顺序置于顶层，选中四边形和底部的大圆，再次使用形状生成器工具(快捷键Shift+M)，按住Alt键，减去多余形状。

3.21 新建一个宽38px，高75px的矩形，颜色填充为#fab38e，使用直接选择工具快捷键A选中上方两点，拖动使其成为圆角，圆角半径为19px。

3.22 Ctrl+C和Ctrl+F原位复制一层，填充颜色为#d65760，将其向左移动10px，使用形状生成器工具(快捷键Shift+M)，按住Alt键，减去多余形状。

3.23 将绘制好的圆形天窗和门置于房子右侧合适的位置。

3.24 绘制房子上的白色的结构、烟囱和大门上方的遮阳篷。房子上部白色的结构拆分。

3.25 Ctrl+G将装饰物编成一组，使用复制和变换->堆成工具，共做出3组。将其顶部与房子墙体最上方贴合。

3.26 绘制房子的烟囱。

3.27 绘制大门上方的遮阳篷。绘制思路是：绘制一个高18px，宽152px的椭圆，颜色填充为#fff4d9。在椭圆形上方新建一个宽160px，高19px的矩形，用路径查找器->减去顶层，使椭圆减去矩形，生成形状。

3.28 继续绘制遮阳篷的其他细节。

3.29 使用直接选择工具(快捷键A)直接选中图形锚点，将没有对齐的点拖动至对齐，完成细节的修饰。

3.30 绘制大门上的栏杆和门铃。使用直线工具下的矩形网格工具，绘制一个横4竖5的矩形网格，并为其设置1px的描边，对齐方式设为「使描边内侧对齐」，颜色为#282828。

3.31 完成后，使用矩形和椭圆工具，为栏杆最右侧添加装饰。

3.32 选中全部图形，用一次对象->扩展外观，再重复一次对象->扩展，之后使用形状生成器工具(快捷键Shift+M)，按住Alt键，删除多余部分。

3.33 绘制铃铛。绘制时先使用矩形和圆形工具，将基本形状画出来，合并形状，再通过倒圆角的方式使图形更自然，铃铛的填充颜色为#282828。

3.34 将目前已绘制的所有结构放在一起，并为房子添加上砖块装饰(矩形工具绘制)，红色房子就完成了。

Step 04 绘制紫色房子

4.1 绘制主要墙体。绘制一个宽106px，高66px的矩形，填充颜色为#765684，接着用钢笔工具绘制一个宽106px，高50px，填充颜色#765684的三角形。

4.2 将上方三角形复制一层，填充颜色改为#483156，并向下移动13px。

4.3 绘制一个宽114px，高38px的矩形，矩形的最上方距离三角形顶部20px，选中矩形和三角形，使用路径查找器->减去顶层，让三角形减去矩形。

4.4 Ctrl+C和Ctrl+F复制这个新生成的三角形，将其向右移动10px，填充颜色改为#5a4069，选中两个三角形，使用形状生成器工具(快捷键Shift+M)，按住Alt键，减去多余形状。

4.5 接着绘制窗户的细节。画出6个宽3px，高26px的矩形，颜色分别为#765684、#9572af、#765684、#9572af、#765684、#9572af。选中全部6个矩形和三角形，使用形状生成器工具(快捷键Shift+M)，按住Alt键，减去多余形状。将目前已完成的墙面和窗户Ctrl+G编成一个组。

4.6 接着绘制屋顶。新建一个宽53px,高53px的矩形，填充颜色为#513860，将刚才编成组的墙面和窗户的图层顺序移动至顶层。

4.7 使用钢笔工具(快捷键P)连接圆圈位置的三个点，画出屋顶的高光，填色为#5a4069。

4.8 绘制一个宽5px，高53px，颜色为#765684的矩形，使用直接选择工具(快捷键A)选中最下方两点，向右移动56px。使第一个长条距离屋顶左侧10px，随后Ctrl+C和Crtl+F原位复制一层，并向右拖动14px，Ctrl+D重复一次当前操作。

4.9 同时选中三个长条和紫色矩形，使用形状生成器工具(快捷键Shift+M)，按住Alt键，减去多余形状。

4.10 绘制烟囱。烟囱全部由矩形组成。完成后Ctrl+G将烟囱编成一组，将烟囱组的图层顺序调整到墙面图层的下方，这样烟囱就被墙面挡住了。

4.11 接着绘制门，完成后Ctrl+G将门编成一组。

4.12 添加细节。最后为房子添上门牌和矩形砖块做装饰。将门和门牌放到合适的位置，紫色的房子也完成了。

4.13 把紫房子和红房子放在一起，紫房子图层置于底层。

Step 05 绘制绿色建筑

5.1 绘制主要墙体。画两个宽59px，高386px的矩形，填充颜色分别为#7bbcbb和#63979f，绘制一个宽124px，高4px的矩形放于上方，填充颜色为#fcd5c4。

5.2 绘制一个宽7px，高386px的矩形，填充颜色为#578896，将其放置在左侧矩形的最右边。

5.3 绘制绿房子上的窗户。

5.4 Ctrl+G将窗户编成一组。Ctrl+C和Ctrl+F原位复制一个窗户，将其向右移动22px，这样第一排窗户就完成了。接着复制第一排窗户并向下移动38px，Ctrl+D重复之前的操作，总共复制出7排窗户。

5.5 Ctrl+G将这7排窗户编成一组。Ctrl+C和Ctrl+F原位复制一份，并将其移动到右侧墙面上。接着使用右键->变换->对称(垂直)使这组图形左右翻转。点开窗户单独的编组，修改窗户左侧竖和横的矩形条的的颜色(每一个都调)。

5.6 选中其中几个窗户，将窗户的颜色修改成#fcde84，使窗户有向外透光的感觉。

5.7 绘制绿房子房顶的结构。绘制一个宽35px，高42px的矩形，填充颜色为#7bbcbb，使用直接选择工具，选中最上方两点，将其变为圆角，圆角半径为17.5px，接着选中圆圈内两点，将点向下移动4px。

5.8 Ctrl+C和Ctrl+F原位复制一层该形状，将颜色修改为#578896，向右移动31px。

5.9 绘制一个宽32px，高42px，颜色为#578896的矩形，将矩形和右侧拱形的图层顺序向下移。

5.10 使用矩形和椭圆形工具，并使用形状生成器工具(快捷键Shift+M)，按住Alt键，减去多余形状，完成房顶细节的绘制。

5.11 画小旗帜。使用钢笔工具绘制屋顶上的小旗帜，绘制思路如下(旗子的最后一步使用形状生成器工具减去多余形状)，使用钢笔绘制时，在视图中取消对齐网格后再绘制。

5.12 绿色房子的全部结构就完成了，将所有结构放在一起，并加上砖块装饰。

5.13 将三座房子放在一起(图层顺序：红色在上，紫色在中，绿色在下)，建筑物的绘制就全部完成了。

Step 06 添加背景装饰物

为插画添加上最后的部分：太阳、云朵、树丛和建筑物后面的装饰形状。使用圆形和矩形工具，再配合路径查找器就可以完成。选中背景图层，接下来所有绘制的内容都在这一层内。

6.1 绘制一个直径为432px的圆形，填充颜色为#cfe2d7。沿着圆形的最下边缘向上新建一个矩形，宽为442px，高为188px，颜色任意，这个矩形的作用是用于减去圆形。

6.2 选中两个形状，使用路径查找器->减去顶层，在圆上减去矩形的形状。

6.3 选中形状最下方的两点，将两个点变成圆角，圆角半径为20px。

6.4 画出太阳、云朵和树丛。首先绘制一个直径为172px，填充颜色为#feda8f的圆形做太阳。

6.5 云朵由圆形和矩形组成，绘制完成后，使用路径查找器->联集合并形状。

6.6 树丛的绘制思路与云朵相似，完成后，同样使用路径查找器->联集合并形状。

6.7 将太阳、云朵、树丛摆放到合适的位置，背景的装饰就绘制完成了。

Step 07 调整和导出

7.1 将完成的三座房子放置在背景之上，适当调整位置。

7.2 复制最左侧的云朵，Ctrl+X和Ctrl+F将这朵云剪切并原位拷贝到建筑物图层，这一步的目的是使左侧的云朵覆盖在绿色房子上。建筑风景小插画就完成了。

7.3 来导出图片。在菜单栏->文件->导出中选择导出为，将图片导出成png格式。

最终效果图

AI制作简约风建筑插画相关文章：

无相关信息