百木园教程作者：软件基础营46期-A105-蚂蚁
教程指导：包大有趣
交作业：#优设每日作业#
首先我们来分析这张建筑插画，插画的主题是红色、紫色和黄色的城市建筑，以及月亮、星光等装饰物，所以绘制时，我们将按照5个步骤进行，分别是1.新建文档>2.创建背景>3.绘制建筑物>4.添加背景装饰>5.调整和导出，现在来一步步详细说明：
打开Adobe IIIustrator软件，点击文件-新建（快捷键Ctrl+N），创建一个新文件，参数设置如下：
绘制一个宽800px X 高600px的矩形，与画板对齐，填充渐变颜色为#f02659< #150242，角度为90度。
3.1.1 我们首先按照从左到右的顺序把前面的建筑绘制出来。用矩形工具绘制一个宽31px X高173px的矩形，填充渐变颜色为#f7de99<#f26957，角度为-90度。
3.1.2 把刚绘制的矩形复制一个，宽度改为9px，高度不变，填充渐变颜色为#fae7ac < #decf83，角度为-90度。
3.1.3 然后绘制出建筑上的窗户亮光，分别为宽20px X高4px、宽10px X高4px、宽16px X高4p，填充颜色为#f2a838；再绘制或复制改宽6px X高4px、宽11px X高4px、宽16px X高4px的矩形，填充颜色为#e36f3d，把他们放在合适的位置上，然后把这些矩形全部选中，给它编组（快捷键Ctrl+G）。
3.2.1 按照上面的方法我们继续绘制下一个建筑物。用矩形工具画一个宽29px X高170px的矩形，填充渐变颜色为#fae7ac<#decf83，角度为-90度。
3.2.2 复制一个矩形，宽23px X高170px，在点击直接选择工具（快捷键A）选中矩形左上角的锚点，同时按住Shift键向上拉到合适的位置，填充渐变色为#f7de99<#f26957，角度为-90度。
3.2.3 把刚刚绘制的两个图形放在一起，再根据他们合起来的形状用钢笔工具把上面的顶绘制出来，填充渐变颜色为#edcfb2<#db3e2a，角度为45度；再用钢笔工具在最上面绘制形状，放在顶上面。
3.2.4 绘制一个宽29px X高1px的矩形，同时按住Shift和Alt键重置复制出来一个，再Ctrl+D键重复上次动作，放在亮光面的矩形上。
3.2.5 把刚刚绘制的矩形复制出一部分（快捷键Alt），选中往右拉长放在最顶上的三角形上，然后放到合适位置，选中所有矩形和三角形，点击形状生成器工具（Shift+M键），按住Alt键把外面不需要的清除掉。
3.2.6 现在给建筑分别加上窗户亮光和楼层高的感觉，绘制两个宽4px X高7px的矩形，选中两个矩形垂直复制（Shift+Alt）两组出来；再绘制一个宽23px X高3px的矩形，按住Alt键复制出来，调整好位置，选中所有图形进行编组（Ctrl+G）。
3.3.1 接着我们来绘制第三个建筑物。用矩形工具绘制一个宽123px X高183px的矩形，填充渐变颜色为#edcc72<#f26957，角度为-90度。
3.3.2 再绘制一个宽138px X高3px的矩形，渐变颜色填充为#f0597f<#331c6b，按Shift+Alt往下垂直复制出来一个，Ctrl+D重复上次动作，按照这方法连续重复十九次，然后选中这些小矩形放到大矩形上面，增加建筑层次感。
3.3.3 绘制一个宽44px X高16px的矩形，渐变颜色填充为#edcc72<#f26957，角度为-90度；按Shift+Alt键复制一个，宽度改为10px，渐变颜色填充为#fae7ac<#decf83。最后效果如下：
3.4.1 现在我们来绘制第四个建筑。分别绘制一个宽68px X高65px和宽48px X高100px的矩形，在到窗口里面找到路径查找器，选择联集，它们就合并在一起啦，我们再给它填充一个渐变颜色，#e32d5b<#1a0747，角度为-90度。
3.4.2 接着我们绘制出建筑的亮面。宽68px X高10px的矩形，渐变颜色为#edcfb2<#db3e2a。
3.4.3 现在给建筑增加一些细节。绘制一个宽68px X高10px的矩形，再绘制一个宽8px X高8p的矩形，按Shift+Alt键复制一个，再按Ctrl+D连续复制两个出来，把他们放到长矩形上，再用路径查找器里面的减去顶层形状模式减去，效果如下：
3.4.4 绘制宽4px X高32px的矩形作为顶层建筑的亮面，渐变颜色填充为#edcfb2<#db3e2a；再绘制宽33px X高32px的矩形作为暗面，用直接选择工具选中左上角的锚点，按住Shift键向上拉直合适的高度，渐变颜色也是#edcfb2<#db3e2a，我们选中渐变工具，适当调整一下渐变的位置，使其亮面比暗面稍微亮一些，然后把他们放在一起。
3.4.5 我们继续给建筑物添加一些细节。绘制一个宽高为5px的正方形，按照之前的方法，按Shift+Alt键复制出一个，再按Ctrl+D重复上次动作，当我们复制出10个正方形，我们再选中一排矩形按Shift+Alt键和Ctrl+D键复制6排出来。
3.4.6 再绘制三个长短不同的矩形，宽2px X高81px、宽2px X高59px和宽2px X高36px，颜色为#f2c179。同样的我们还是整个给它编组（Ctrl+G），这样我们又绘制好一个建筑啦！
3.5.1 现在我们来绘制第五个建筑物，还是之前的方法，画一个宽45px X高253px的矩形，用直接选择工具选中右上角的锚点，按住Shift键向上拉直合适的高度。
3.5.2 用钢笔工具画出亮面，颜色填充#f0e1b4<#faeeaa。
3.5.3 画一个宽45px X高9px的矩形，颜色填充#f2c179；再选择自由变换工具，把鼠标放在矩形右边的线上，根据建筑物的形状，向上移动到合适的位置，再复制出三个，给他们放好位置。
3.6.1 我们继续来绘制下一个建筑。分别画一个宽100px X高304px的矩形作为暗面、宽13px X高304px的矩形作为亮面，渐变颜色分别填充为#c72850<#15043b、#edcfb2<#db3e2a。
3.6.2 接着绘制一个宽10px X高10px的正方形，这里的绘制方法跟之前的一样，这里就省过了哈，颜色填充#deb16f。
3.7.1 现在我们已经绘制到中心的建筑物了，我们一起加油哈！绘制宽90px X高312px和宽45px X高312px的矩形，渐变颜色分别为#e32d5b<#1a0747、#edcfb2<#db3e2a，角度为-90度。
3.7.2 接着画出顶部，画出六个不同的矩形，增加建筑的细节。宽47px X高10px、宽67px X高11px、宽80px X高15px和宽15px X高10px、宽24px X高11px、宽35px X高15px；选择渐变工具适当的调整渐变位置。
3.7.3 绘制一个宽6px X高59px的矩形，横向Shift+Alt复制3个，再选中这排矩形，向下复制两排，填充颜色#f2c179。
3.7.4 再用直线工具绘制宽为45px的直线，填充改为描边为0.5px；再选择效果里面的扭曲和变化，选择变化设置参数：垂直为8px，副本为36。复制六条直线，旋转90，高度为312px。
3.7.5 现在我们来绘制建筑顶上像指针一样的形状。绘制宽9px X高12px、宽7px X高4px；再宽2px X高54px的矩形，选择直接选择工具选中上面两个锚点，按住Shift键加选，将直接弧度向下拉直最大；渐变颜色为#edcfb2<#db3e2a。
3.7.6 这样这个建筑也就完成啦！
3.8.1 下面我们继续绘制。新绘制一个宽29px X高245px和宽96px X高245px的矩形，分别填充渐变颜色为#d12853<#150638、#e33662<#1a0747，角度为-90度。
3.8.2 现在我们来给它加上窗户的亮光。绘制一个宽9px X高8px的矩形，按住Shift+Alt键横向复制出一个，再按Ctrl+D键重复上次动作，复制6个，再选中这一排矩形，按住Shift+Alt键纵向复制出一个，再按Ctrl+D键重复上次动作，复制21个，然后把他们放到合适的位置，按Ctrl+G键编组，这样就又完成一个啦！
3.9.1 我们继续绘制下一个建筑物。宽70px X高286px的矩形，在矩形三分之一左右用钢笔工具勾出一个弧度的形状，选中这两个找到路径查找器，点击分割，然后右键选择取消编组，把外面的删除掉，这样这两个形状就被分割出来了。渐变颜色填充为#edcfb2<#db3e2a，选择渐变工具适当的调整渐变位置。
3.9.2 绘制一个宽14px X高286px的暗面，渐变颜色#e32d5b<#1a0747。
3.9.3 再继续绘制它的顶部，填充关掉，描边设置为5px，点击描边，选择使描边内侧对齐，矩形大小为宽69px X高19px；再接着给它绘制顶的细节，画一个宽6px X高14px的矩形，连续复制4个，然后编组，选中所有竖的小矩形和大的矩形，再点击大的矩形，使其居中对齐。
3.9.4 我们给这个建筑物继续增加一些细节。绘制五个长短不同的矩形，颜色填充#f2c179；再绘制一个宽9px X高9px的正方形，填充颜色#f2c179，然后按照之前做过很多遍的方法，把多余的正方形删掉就可以了，效果如下：
3.10.1 终于绘制到前景建筑的最后一个啦！绘制一个宽12px X高203px的矩形亮面，渐变填充#edcfb2<#db3e2a；再绘制一个宽90px X高203px的矩形暗面，渐变颜色#e32d5b<#1a0747。
3.10.2 现在给建筑增加楼层层次感，绘制一个宽90px X高2px的矩形，按Shift+Alt键和Ctrl+D键复制20个。
3.10.3 接着绘制一条描边为1px的直线，选择效果→扭曲和变换→波纹效果，然后上面同样方法进行复制（也可在效果变换里设置垂直和副本参数）。
3.10.4 最后我们绘制两个不同的矩形来搭建这个建筑的顶部构造，这样我们整个建筑大部分就算完成啦！
3.10.5 下面我们给它绘制地面，宽800px X高5px和宽800px X高10px的矩形。
3.10.6 我们现在继续绘制，给建筑做出前后的层次感。颜色深一些，画出结构就可以了。渐变颜色有一样的，记得选择渐变工具移动渐变的位置哈，使其有亮面暗面之分。
3.10.7 这样我们建筑的前后效果出来了。
4.1 近实远虚。我们在背景上添加一排建筑，丰富整个画面的层次感。
4.2 找一张星光的图片素材，用矩形工具选取自己想要的部分，同时选中素材和矩形，然后右击，选择建立剪切蒙版，放在背景上，同时框选住，找到窗口里面的透明度，然后混合模式改为变亮就可以了。
4.3 接下来绘制漂亮的月亮。用椭圆工具绘制宽高77px的正圆，选中圆Ctrl+C复制，再Ctrl+B贴在后面，选中后面的圆找到效果→模糊→高斯模糊，设置10px，不透明度改为66%；同样方法再复制一个，模糊值设置17px，不透明度改为34%；再用钢笔工具几个不同的小形状，增加月亮的细节。记得对齐哦！
4.4 最后我们来做倒影的效果。把建筑部分复制出来（Shift+Alt键），再右击选择变换里的对称：水平，角度为0度，不透明度改为60%。
根据画面把该调整的调整好，然后选择文件→导出→导出为，保存JPG格式记得勾选画板，选择范围。这样我们整个的建筑插画就大功告成啦！
来源：https://uiiiuiii.com/illustrator/1212248094.html
图文来源于网络，如有侵权请联系删除。