百木园
原图作者：Muhammed Sajid
教程作者：软件基础营41期-B67-大玲子
教程指导：包大有趣
交作业：#优设每日作业#
关于教程
本次临摹教程主要是建筑物的描绘和植物的渐变层次，主要运用了形状工具和椭圆工具的组合变化，增加锚点，调整锚点等主要知识点，过程需要比较多的耐心和细心。
为了方便大家学习，本篇教程仔细梳理了临摹绘画的顺序，一起动手吧！
你也想做出这么漂亮的插画吗？戳链接让包大手把手教你→ 点我学习制作AI插画
想要来「优优交流群」和其他小伙伴一起学习分享吗？搜索 QQ 群：1078133504 进群暗号：优优的忠实观众
教程步骤
首先我们来分析这张建筑风景插画，插画的主体是有红色墙、白色墙、屋顶等三部分组成的建筑房子，以及房子周围的三个树丛等装饰物。
所以绘制时，我们将按照5个步骤来进行，分别是
1.新建文档->2.创建背景->3.绘制建筑物->4.添加植物装饰->5.调整和导出，现在来一步步详细说明：
步骤一、新建文档
1.1 打开Adobe Illustrator，点击文件->新建（快捷键Ctrl+N）创建一个新文件，参数设置如下：
步骤二、创建背景
2.1 在绘制前，首先确定已在菜单栏->视图中开启了“对齐网格”功能。
2.2 找到 AI 的图层面板，双击图层名称处，将名称修改为【背景】。
2.3 选中【背景】图层，使用矩形工具（快捷键M），绘制 800*600px 的矩形，颜色填充为 #fee0d7 。
2.4 找到【对齐】面板，将对齐方式设置为【对齐画板】，然后选中刚才绘制的矩形，分别点击【水平左对齐】和【垂直顶对齐】，将矩形与画板居中对齐（新建的矩形与画板上下左右完全重合，就是已经对齐了）。
2.5 接着，选中该矩形，按 Ctrl+2 将矩形锁定，这样，我们接下来的操作就不会影响到背景层了。
步骤三、绘制建筑物
建筑物由【红色墙】、【白色墙】、【屋顶】等三部分组成，主要使用「建立矩形」、「颜色填充」，「物体对齐」等方法。
3.1 绘制房子主要墙体
3.1.1 新建图层，命名为【建筑物】，并将该图层放在【背景】图层上方。
3.1.2 选中【建筑物】图层，绘制第1个矩形「红色墙面」，宽度为 260px ，高度为 165px ，填充颜色为 # f6646e ；
3.1.3 紧贴「红色墙面」左侧绘制第 2 个矩形「透视面」，宽度为 5px ，高度为 187px ，填充颜色为 #c7d6c8 ；
3.1.4 紧贴「透视面」左侧，绘制第 3 个矩形，宽度为 87px ，高度为 187px ，填充颜色为 #ffffff ；
3.1.5 完成后调整三个矩形的位置关系，如下图：
3.1.6 使用直接选择工具，点击矩形 2 右上方锚点，下移 14px ；点击矩形 3 右下方锚点，上移 8px ，形成透视面；
3.1.7 紧贴「红色墙面」的下方，绘制矩形 4 ，宽度为 265px ，高度为 8px ，填充颜色为 #f3c5d9 ；
3.1.8 使用【直接选择工具】，点击矩形 4 左上角锚点，向右平移 5px ；
3.1.9 选取4个矩形，鼠标右键进行编组；
3.2 绘制屋顶的形状
3.2.1 紧贴「红色墙面」的上方，绘制一个新的矩形 1 ，宽度为 273px ，高度为 36px ，填充颜色可默认状态；
3.2.2 使用【直接选择工具】选中矩形最上方左侧点，将点向左平移 26px ，选中最上方右侧点，将点向右平移 18px ；
3.2.3 紧贴矩形1绘制一个长为317px，高为23px的新的矩形2，使用【直接选择工具】，删除最上面左侧的锚点；
3.2.4 选择矩形1和矩形2，进行【形状合并】；
3.2.5 使用【直接选择工具】，选择最右边下方锚点，下移 28px ；鼠标右键，调整图形顺序：排列–置于底层；
3.2.6 完成后【渐变】填充：
3.3 绘制屋顶暗部
3.3.1 紧贴屋顶右侧边沿，绘制长为 95px ，高为 59px 的矩形，使用【直接选择工具】，选择最上方左侧锚点，删除；
3.3.2 选择屋顶和屋顶暗部，使用【路径查找器】-【分割】;
3.3.3 鼠标右键取消编组，删掉多余部分，【吸管工具】吸取屋顶渐变。
3.3.4 对屋顶两个形状进行编组；鼠标右键–排列–后移一层（Ctrl+[），后移到墙面后：
3.4 绘制屋顶亮部屋檐
3.4.1 绘制长度为 318px ，高度为 3px 的矩形 1 ，颜色填充 #ffffff ；旋转 4° ；
3.4.2 使用【直接选择工具】，按住Shift，选择左侧两点，【水平居中对齐】；同样选择右侧两点，【水平居中对齐】；
3.4.3 绘制长度为 3px ，高度为 53px 的矩形 2 ，颜色填充 #ffffff ；与上一个矩形【相交】，使用【路径查找器–形状模式-联集】，
3.4.4 绘制好屋顶部分，选取屋顶部分，鼠标右键进行编组；
建筑的基础造型，绘制完毕！
接下来开始丰富建筑的细节，往下看哦！
3.5 制作红色墙面细节
分析：红色墙面的细节比较多，主要分为「红墙纹理」、「红墙木框」、「红墙窗户」、「红墙阴影」等四大部分。
3.5.1 绘制红墙窗户
分析：红墙的窗户部分，分为窗户的基本型、窗户的内部光影、以及窗户的窗栏，三大部分；接下来一一绘制。
3.5.2 绘制窗户的基本型；
3.5.3 绘制长度为 130px ，高度为 107px 的矩形 1 ，填充颜色为 #ffa05f ；
3.5.4 再绘制一个长度为 119px ，高度为 97px 的矩形 2 ，填充颜色 #2a3c99 ；
3.5.5 选取两个矩形，【对齐–水平居中对齐–垂直居中对齐】；
3.5.6 选取矩形2，【对象–路径–偏移路径】，偏移 -4px ，得到矩形 3 ，填充颜色 #743a89 ；
3.5.7 调整窗户的位置：窗户距离红墙右边沿 8px ，距离红墙下边沿 34px ；
3.5.8 窗户的基本型绘制好了，接下来开始绘制窗户的内部光影
3.5.9 绘制「窗户内部光阴」
3.5.10 接着 Ctrl+C, Ctrl+F 原位复制偏移得到的矩形 3 ，填充颜色 #190968 ；
3.5.11 使用【直接选择工具】，将右下角锚点向上平移 31px ；
3.5.12 使用【添加锚点工具】，在形状的下边沿添加一锚点；使用【直接选择工具】，将锚点移动重合矩形 2 的下边沿；
3.5.13 Ctrl+C, Ctrl+F 原位复制图形，填充颜色 #481499 ；
3.5.14 使用【直接选择工具】，将右下角锚点向上平移 48px ，将左下角右侧锚点向左平移 52px ；
3.5.15 将形状【混合模式–正片叠底】，改变形状透明度为 64% ；得到如下图形效果：
3.5.16 绘制一个长度为 7px ，高度为 26px 的矩形，填充颜色 #190968 ；
3.5.17 将矩形放置在窗内对齐；使用直接选择工具选择矩形的左上锚点，向下平移 7px ；
3.5.18 绘制一个长度为长度为 8px ，高度为 76px 的矩形 1 ，填充颜色为渐变；
3.5.19 将矩形透明度–变亮–不透明度 20% ；
3.5.20 再绘制一个长度为 7px ，高度为 43px 的矩形 2 ，填充颜色为渐变，不透明度 59% ；
3.5.21 复制矩形 2 ，向右平移 4px ，得到矩形 3 ，
3.5.22 调整具体位置，具体参数如下
3.5.23 最后做窗户的杆子：绘制一个长度为 7px ，高度为 92px 的矩形，填充颜色 #2a3c99 ，放置在合适的位置衔接窗户；
3.5.24 原位复制矩形，向右平移 23px ，重复这一步骤，选取三个矩形，【垂直居中对齐】；
3.5.25 窗户部分绘制完毕，选取窗户部分，进行编组。
3.6 绘制红色墙面纹理
3.6.1 新建长度为 242px ，高度为 116px 的矩形，填充颜色渐变；
3.6.2 选取矩形，鼠标右键，【排列–后移一层】，重复步骤，将矩形放置在窗户底，调整窗户、墙面阴影的具体位置；
3.6.3 绘制长度为 60px ，高度为 4px 的矩形 1 ，填充颜色 #ffa76c ;
3.6.4 与墙面阴影底部和窗户边沿对齐；
3.6.5 绘制长度为 2px ，高度为 100px 的矩形 2 ，填充颜色 #ffa76c ；
3.6.6 原位复制矩形，向右平移 50px ，选取两个矩形对象–混合–混合选项–指定步数，然后建立混合选项 1 ；
3.6.7 原位复制混合选项，填充颜色 #8363a0 ，向右平移 2px ；得到混合选项 2；
3.6.8 原位复制混合选项 1 ，填充颜色 #430b13 ，向左平移 2px ；得到混合选项 3；
3.6.9 得到效果图，并调整位置，与墙面阴影左侧贴合；
3.6.10 绘制一个长度为 120px ，高度为 4px 的矩形，填充颜色 #ffa76c ；
3.6.11 放置在混合选项【顶部对齐】，贴合窗边，并将其进行编组；
3.6.12 绘制一个长度为 4px ，高度为 16px 的矩形，颜色填充 #ab3e68 ；
3.6.13 移动到底部黄色矩形【相交】，原位复制矩形，并平移到相应位置，平移4次；
3.6.14 绘制一个长度为 239px ，高度为 4px 的矩形，颜色填充 #ab3e68 ；
3.6.15 调整位置，与五个矩形的底部重合
3.6.16 将以上矩形进行编组，鼠标右键–排列–向后一层（Ctrl+[）将其放置与窗户底部；
3.6.17 绘制一个长度为 4px ，高度为 14px 的矩形，颜色填充 #dd7a94 ；
3.6.18 移动到上方黄色矩形相交；
3.6.19 原位复制矩形，并向右平移 53px 到相应位置，平移 2 次；
3.6.20 编组，鼠标右键–排列–向后一层（Ctrl+[）将其放置与窗户底部；
3.6.21 绘制一个长度为 249px ，高度为 4px 的矩形，颜色填充 #ffffff ；
3.6.22 移动矩形位置，与底层渐变矩形上边沿衔接；
3.7 添加红色墙面光影
3.7.1 绘制一个长度为 258px ，高度为 18px 的矩形，颜色填充为 #5d2882 ；
3.7.2 将矩形移动到红墙，与红墙顶部对齐；
3.7.3 使用【直接选择工具】选择矩形右下方锚点，向左平移 138px ；
3.7.4 将图形的混合模式更改为【正片叠底】，透明度20%；
3.7.5 绘制长度为 33px ，高度为 173px 的矩形，将矩形移动与红墙左侧边对齐，选择【吸管工具】吸取上一步制作的红墙阴影；
3.7.6 使用【添加锚点工具】，给矩形左侧靠近底端添加一个锚点；
3.7.7 使用【直接选择工具】，将左侧底部的锚点向左平移5px；
3.7.8 绘制长度为 138px ，高度为 34px 的矩形，将矩形与红墙底部直角对齐；
3.7.9 使用【直接选择工具】选择左下方锚点向右平移 25px ；【吸管工具】吸取红墙阴影；
3.7.10 绘制长度为 8px ，高度为 107px 的矩形，将矩形与窗户、红墙右侧对齐；
3.7.11 使用【直接选择工具】选择左上方锚点向下平移 9px ，【吸管工具】吸取红墙阴影；
3.7.12 绘制一个长度为 4px ，高度为 10px 的矩形，将矩形与墙面的白色光影对齐，【吸管工具】吸取红墙阴影；
3.7.13 绘制完红墙的阴影，进行编组；
以上，红墙内容制作完毕。
接下来，开始绘制白墙的墙面内容。
3.8 白墙的墙面内容
3.8.1 绘制一个长度为 87px ，高度为 6px 的矩形 1 ，填充颜色为【渐变】；
3.8.2 调整矩形与白色墙面【顶端对齐】；
3.8.3 绘制一个长度为 32px ，高度为 6px 的矩形 2 ，填充颜色为 #afb8ae ；
3.8.4 对象–路径–偏移路径–偏移-2px，得到同心矩形 3 ，填充颜色 #6e726e ；
3.8.5 此同心矩形离白色墙面顶部 38px ；
3.8.6 原位复制，将同心矩形下移 27px ，重复 4 次，得到效果图；
3.8.7 完成后进行编组；
3.8.8 红白墙面绘制完后，接下来开始做屋顶的细节.
3.9 绘制屋顶细节
3.9.1 新建长度为 113px ，高度为 1px 的矩形 1 ，颜色填充 #380c64 ，
3.9.2 复制矩形 1 ，得到矩形 2 ；
3.9.3 将矩形 1 放置在红色墙面，白色矩形上方 83px ，并旋转 30° ；
3.9.4 将矩形 2 放置在屋檐的左侧边沿，矩形 1 矩形 2 在同一水平面上，并旋转 150° ；
3.9.5 选取矩形 1 矩形 2 ，对象–混合–混合选项–间距（指定的距离）50px ，然后对象–混合–建立，得到以下效果；
3.9.6 选取得到的混合选项，调整形状图层顺序，效果如图；
3.9.7 新建宽度为 100px ，高度为 1px 的矩形 3 ，颜色填充为【渐变】，原位复制矩形 3 ，并向上移动得到矩形 4 ；
3.9.8 将矩形 4 旋转 25° ；矩形 3 旋转旋转 30° ；选取矩形 3 矩形 4 ，调整图形顺序，得到效果图；
3.9.9 原位复制屋顶白色边沿，填充颜色 #18004c；
3.9.10 沿屋檐结构线右平移 62px ；
3.9.11 使用【直接选择工具】，选取右下方两个锚点，向上平移 29px ；
3.9.12 选取左边两个锚点，向右平移 62px ；得到效果图；
3.9.13 绘制长度为 4px ，高度为 20px 的矩形 5 ，填充颜色为 #18004c ；
3.9.14 距离红墙左侧边沿50px，调整矩形位置在红墙上方；
3.9.15 绘制长度为4px，高度为35px的矩形6，填充颜色为#18004c；
3.9.16 距离红墙右侧边沿50px，调整矩形位置在红墙上方，得到效果图.
步骤四、添加植物装饰
建筑部分绘制完后，开始绘制周围植物
4.1 制作植物群1
4.1.1 绘制一个宽度为35px，高度为36px的椭圆1，颜色填充为渐变；
4.1.2 使用直接选择工具，将上面的锚点右移4px，右锚点向左平移3px；
4.1.3 绘制宽度为42px，高度为101px的椭圆2，填充颜色为渐变；
4.1.4 使用添加锚点工具，右上方添加锚点，使用直接选择工具适当调整锚点；效果如图：
4.1.5 绘制宽度为58px，宽度为160px的椭圆3，填充颜色为渐变；
4.1.6 使用椭圆2同样的方法，添加锚点，适当的调整锚点；
4.1.7 得到三个植物的造型，用排列调整三个图形的前后关系
4.1.8 绘制一个宽度为132px，高度为144px的矩形，遮住植物显露的部分
4.1.9 使用建立剪切蒙版，得到植物的效果图
4.1.10 调整形状顺序
4.2 制作植物群2
4.2.1 绘制宽度为52px，高度为135px的椭圆1，填充颜色为渐变，使用同样的方法，添加锚点调整描点位置
4.2.2 绘制一个宽度为62px，高度为107px的椭圆2；填充颜色为渐变，使用直接选择工具，调正锚点的位置；
4.2.3 绘制一个宽度为56px，高度为62px的椭圆3，颜色填充为# 210a63；使用直接选择工具调整锚点；
4.2.4 得到三个植物的造型，用排列调整三个图形的前后关系；
4.2.5 绘制一个宽度为7px，高度为23px的椭圆4，填充颜色为# f85f6b，旋转20°；
4.2.6 绘制一个宽度为5，高度为16px的椭圆5，填充颜色为# f85f6b；
4.2.7 绘制一个宽度为7px，高度为23px的椭圆6，填充颜色为# f85f6b，旋转343°；
4.2.8 绘制一个宽度为3，高度为12px的椭圆7，填充颜色为# f85f6b，旋转20°；调整椭圆位置 ，并进行编组；
4.2.9 绘制植物群2的投影：
（1）绘制宽为67px，高度为98px的椭圆8，颜色填充为#c7dac8；
（2）绘制宽度为50px，高度为56px的椭圆9，颜色填充为#c7dac8；
（3）调整适当的位置，选取椭圆8椭圆9，使用形状模式联集，得到阴影图形；
（4）调整图形顺序，设置图形模式为正片叠底，透明度为80，得到效果图；
4.2.10 绘制宽度为147px，高度为143px的矩形，遮住植物群2；
4.2.11 选取植物群2和矩形，建立剪切蒙版，得到效果图；
4.3 制作植物群3
4.3.1 绘制宽度为70px，高度为230px的椭圆1
4.3.2 使用吸管工具吸取植物群1植物3的渐变颜色，调整渐变；
4.3.3 使用添加锚点工具，添加锚点；使用直接选择工具调整锚点位置，得到植物1的效果图
4.3.4 绘制宽度为60px，高度为152px的椭圆，颜色填充为渐变；
4.3.5 使用添加锚点工具，添加锚点；使用直接选择工具调整锚点位置，得到植物2的效果图
4.3.6 调整植物的位置，并进行编组，鼠标右键–排列–置于底层；
步骤五、调整与导出
5.1 新建一个长度为800px，高度为600px的矩形，对齐背景；
5.2 填充颜色为渐变；调整混合模式，调整不透明度；
5.3 新建矩形，渐变填充
5.4 最后检查一遍，文件–导出–导出为-jpeg格式–勾选使用画板，导出
最终效果
你也想做出这么漂亮的插画吗？戳链接让包大老师手把手教你→点我学习制作AI插画
【优优教程网 365 打卡计划】
#优设每日作业#@优优教程网
学完这篇教程的人还在学…
>> AI教程！简约清新风格扁平建筑插画
>> AI教程！渐变风格扁平建筑插画绘制分享
来源：https://uiiiuiii.com/illustrator/1212227786.html
图文来源于网络，如有侵权请联系删除。