百木园教程作者：软件基础营47期-A09-迟若若
教程指导：如如酱w
交作业：#优设每日作业#
这幅插画主要由建筑主体，背景和植物构成。主要运用到钢笔工具和几何形工具，现在来一步步详细说明。
你也想做出这么漂亮的插画吗？戳链接让如如老师手把手教你→点我学习制作AI插画
在画面中确定一个消失点，然后绘制出透视线。根据透视线画出建筑的结构。
打开Adobe Illustrator，点击文件->新建（快捷键Ctrl+N，更多AI快捷键请查询：https://uiiiuiii.com/software/7166.html）创建一个新文件，参数设置如下。
首先找到AI的图层面板，双击图层名称处，将名称修改为“背景”，然后用矩形工具绘制一个1440×1080px的长方形，点击渐变工具修改颜色。最后将图层锁定。
4.1可以将草图调整透明度放在背景层上，方便观察透视是否正确。然后新建一个建筑图层，开始绘制建筑的一层墙面部分。用矩形工具新建4个矩形，分别为：
矩形1：（x：699px，y：609px；宽：887px，高：32.4px）
矩形2：（x：532px，y：726px；宽：553px，高：228px）
矩形3：（x：973px，y：701px；宽：332px，高：159.5px）
矩形4：（x：973px，y：785px；宽：332px，高：9.8px）
4.2然后继续用矩形工具绘制二层的墙面部分以及屋檐部分。新建6个矩形，分别为：
矩形1：（x：279px，y：375px；宽：199px，高：400px）
矩形2：（x：563px，y：224px；宽：370px，高：23px）
矩形3：（x：802px，y：375px；宽：108px，高：400px）
矩形4：（x：998px，y：431px；宽：285px，高：286px）
矩形5：（x：563px，y：503px；宽：370px，高：144px）
矩形6：（x：563px，y：424px；宽：370px，高：14px）
屋檐部分的矩形7、8、9、10.可以按住键盘上的ALT键，看鼠标变成两个重叠的三角形以后，复制矩形4，然后用选择工具将宽度调小到合适的位置。
4.3参考你的透视线，用矩形工具配合直接选择工具画出墙体厚度部分。先画一个和墙面顶部宽相等的长方形，用直接选择工具点击一个下面的其中一个角，根据透视线调整到合适的位置。用同样的方法画出其他的墙体厚度。
4.4用矩形和直接选择工具画出最右边的墙面和墙体厚度，并拼接到一起。两个矩形的大小和位置分别是：
矩形1:（x：1205px，y：498px；宽：80px，高：611px）
矩形2:（x：1308px，y：498px；宽：96px，高：611px）
建筑部分效果如图所示
拆解图：
5.1绘制窗框：先绘制白色窗框的部分，画一个331×156px的矩形，然后在前一个矩形上面再画一个321×168px的矩形，将这两个矩形水平居中对齐。露出要留下的黄色窗框部分，然后用路径查找器减去顶层。就可以得到一个黄色的窗框。用同样的方法画出深灰色的窗框，然后在两个窗框中间用矩形画出厚度。最后新建两个6×153px的矩形，将玻璃分成三部分。
5.2绘制玻璃：新建一个321×153px的矩形
5.3绘制高光：新建一个13×147px的矩形和一个30×147px的矩形。用直接选择工具框选上面四个点，按住shifit键用鼠标拖动上面的点让矩形倾斜。然后按住alt+shifit键用鼠标复制两组，调整透明度为50%放置在玻璃上方。选中全部高光和玻璃，用形状生成器工具按住键盘alt键，看鼠标下面出现一个减号，减去高光多余的部分。
整体效果如图所示：
5.4绘制二层右边的窗户
拆解图
5.5绘制窗框：画一个237×147px的矩形，再在上面画一个227×126px的矩形。用路径查找器的减去顶层工具，留下黄色窗框部分。然后画一个229×3px的矩形，用直接选择工具选着左下角的点倾斜一定角度做出窗檐的部分。用一样的方法画出深蓝色的窗框和中间的矩形。注意图层的前后顺序。
5.6绘制玻璃和高光：新建一个215×112px的矩形做玻璃的部分。高光部分的绘制与之前相同。
整体效果如图所示：
5.7绘制一层窗台
分解图
5.8绘制窗框：窗框部分绘制与之前一样，窗台的厚度部分用直接选择工具将下面的两个点往里缩进。矩形3和矩形6的右上角和左上角注意要与棕色矩形的两个锚点对齐。
5.9绘制玻璃和高光：新建一个155×118px的矩形，高光绘制与之前相同
整体效果如图所示：
分解图
窗台的装饰以矩形为主，画出一个矩形然后复制，用快捷键Ctrl+D重复上一步操作就可以得到一排完全一样的矩形。最后确定好矩形的首尾用对齐工具水平居中分布。
分解图
7.1灯：画一个37×45px的圆角矩形，圆角半径为6，作为灯罩。然后画下面的底座，新建一个矩形，用直接选择工具，点选下面两个小圆点（按住shift可以加选）让下面变成圆角。再点选上面的锚点让两个点往里缩进。最后用矩形工具画灯罩上面的装饰。
7.2灯洞：新建一个89×79px的矩形，然后画两个矩形，用直接选择工具点选一个点，将直接拉倾斜，宽和高注意要与画的矩形对齐，并且参考透视线注意透视是否正确。
整体效果参考
将建筑部分的图层锁定，新建一个环境图层将环境图层放在建筑图层下方。点开草图的图层，根据透视线，将画的矩形的锚点拉到合适的位置，可以用钢笔工具在适当的转折部分添加锚点拉倒合适的位置，与建筑图层对齐。
分解图
绘制公路时注意透视的近大远小原则，离我们越近的线条高度越高，反之就越矮。
整体效果参考
分解图
新建一个图层命名为篱笆与公告栏，放置在建筑图层上方，篱笆的木桩，先画一个矩形，用钢笔工具在矩形的中点处添加一个锚点，再用直接选择工具点选该锚点，拉出一个小三角，复制画好的木桩，用快捷键Ctrl+D画出一排木桩。公告栏用矩形拼接完成，注意栏边与画板拼接的地方的透视。
10.1背景植物
分解图
用钢笔绘制出叶片，可以用旋转工具，将中心点移动到叶片一角，然后按住alt键点击中心点，直到鼠标变成一个十字光标下方有一个减号出现，再点击一下弹出旋转窗口。填写旋转35°，点复制。然后按Ctrl+D重复上一步操作。就可以得到一个树丛。用钢笔工具调整一下每个叶片的形状大小，让其更加自然。注意叶片的图层顺序由深到浅让树丛更有层次。
10.2前景植物
分解图
用钢笔工具画出叶片，然后可以鼠标右键变换—对称，垂直镜像出另一半，用钢笔或者选择工具调整大小和形状。
10.3盆栽
分解图
用钢笔工具和椭圆工具画出叶子和花的部分，再用矩形工具画出盆栽的部分。注意图层顺序以及植物与建筑直接的遮挡关系，根据实际情况进行调整
AI部分整体效果参考
11.1先在AI图层部分选择释放到图层（顺序），然后再导出为psd文件。注意要添加光影的部分都要是一个单独的图层，编组的需要解组。
11.2 确定光源的方向，然后用画笔工具添加噪点。在图层上新建一个图层，Ctrl+Alt+G剪切到图层蒙版。将画笔模式改为溶解，用吸管吸取图层颜色。
添加阴影：修改图层的混合模式为正片叠底，用画笔在阴影部分添加噪点。
添加高光：修改图层的混合模式为滤色，用画笔在高光部分添加噪点
（注意调整画笔的不透明度和流量，防止颜色过重，与画面不协调。）
11.3将画面中的图层用同样的方法添加上光影效果就完成啦！
来源：https://uiiiuiii.com/illustrator/1212259804.html
图文来源于网络，如有侵权请联系删除。