AI来绘制卡通风格的城市建筑插画

  发布时间:2017-03-23 10:35:50   作者:甜甜圈儿   我要评论
这篇教程是向脚本之家的朋友分享AI来绘制卡通风格的城市建筑插画方法,教程绘制出来的插画非常漂亮,而且难度一般,适合新手来学习,推荐到脚本之家,喜欢的朋友可以参考本文,来看看吧

步骤四: 第四所房子

1.移动到第四个房子的图层,创建一个100 x 180px(#E96D6E)矩形,将其完全放置在之前创建的房子的右侧。

77 

2.添加一个108 x 6px的部分(#A55559),然后是一个100 x 50px(#D46363)高,一个辅助108 x 6px,然后创建一个三角形,如roof(#7A3939)宽度为100px 和高度22px。

在屋顶的顶部下面创建一个微妙的阴影,通过绘制一个100×4px的矩形,并使用#BD5859着色。

3.接下来,我们需要创建窗口。 抓住椭圆工具(L),创建一个30 x 30像素稍深的有色框(#A55559),将其垂直和水平对齐到其下方的矩形。

在中间添加一个蓝色的18 x 18px的圆形(#cce1ff),在其顶部对齐两个4 x 28px的矩形,入图:

要完成这栋房子的顶部,添加一些更暗的有色砖(#C25B5B),宽度为16px,高度为8px。

4.聚焦在建筑物的下部,我们需要创建堆叠的水平线。 要做到这一点,创建两个100 x 2px形状,使用较浅的阴影#EF787E颜色,并将其位置如下:

第一行:

X:754px Y:380px 第二行:

X:754px Y:553px 一旦你把它们锁在位,我们需要创建一个混合28步之间的两个。

首先选择两行,转到对象>混合>混合选项,并更改间距到指定的步骤,在值字段中输入28 ,然后去对象>混合>使实际创建混合。

现在让我们创建中间窗口。 抓取矩形工具(M)并绘制一个50 x 44px的深色形状(#A55559),我们将使用这些坐标定位:

X:754px Y:420px

5.接下来使用以下值创建三个(#CCE1FF)矩形:

左侧顶部矩形 宽:5px / 高:28px 左侧底部矩形 宽:5px /高:6px 右边矩形 宽:10px /高:38px 我们将对齐每个段彼此的距离为4px,左边矩形创建好,我们将拖动重复相同的一个放在的右边。

最后,复制和粘贴第二个房子窗台的底部较宽的部分,并加宽直到每一边在窗框外面约4px,。

6.对于门的制作,只需复制第三个房子的,并调整其宽度,直到框架具有38px和内部较暗部分26px。 然后使用以下坐标定位:

X:754px Y:506px

7.一旦有了门,我们需要创建楼梯和栏杆。

从基础开始,创建三个矩形(#fcc8d1),其值如下堆叠:

第一个矩形 宽:56px / 高:6px 第二个矩形 宽:50px / 高:6px 第三个矩形 宽:44px /高: 6px 然后,我们需要创建四个4 x 14px的矩形(#fcc8d1),我们将彼此相距6px,然后对它们进行分组(Ctrl G),将它们对齐到楼梯底部。

轨道的最后一块将是一个更宽的34 x 4px矩形(#fcc8d1),放置到位于先前创建的对象的顶部。 颜色#FCC8D1中的所有元素编组,以便他们不会丢失。

编好组后左对齐到门放置好;

步骤五: 第五所房子

1.移动到第五个房子的图层上进行制作,我们将开始创建一个216 x 160px的矩形(#D46363),并将其放在第四个建筑的右侧。然后添加两个阴影(#C25B5B),一个在左边,一个在顶部,保持6px的恒定宽度。

在矩形的顶部添加一个较暗的220 x 8px形状(#914444),然后再画另一个较高的二楼194 x 100px(#D46363),将它们垂直对齐。

我们的二楼需要添加一个阴影,以及通过绘制一个194 x 6px的矩形(#C25B5B)当作阴影和一个屋顶部分 202 x 8px形状(#914444)入图:

2.接下来,我们将从第二个房子中复制水箱,并将其放置在我们的屋顶的右侧,调整水箱的宽度,以便它更宽 。

3.我们还要创造屋顶的扶手。 我们将创建一个42 x 30px较暗的对象(#C7BABA),画一组四个6 x 24px的矩形,彼此距离为6px。 要完成扶手,只需在先前创建的形状的顶部添加一个48 x 6px的矩形。

组合扶手的所有组成元素,并将它们朝向屋顶的左侧。

4.我们的下一步是创建窗口。 为了使事情更容易,我们将从第三个房子中复制,并使用以下坐标定位:

X:852px Y:338px

我们调整的小窗口,通过删除水平线和第二个蓝色矩形,然后我们将内框架部分向下移动几个像素,并将我们的蓝色的色调更改为#D6E5FC。

现在我们需要做的是创建两个副本在右侧,彼此相距20px的距离,确保组合这三个(Ctrl G)。

我们有第一行窗口,只需拖动并创建两个副本朝向我们的房子的底部,保持彼此之间的距离20px,确保删除第二行的中间一个。

5.在顶行窗口中添加一个电视天线,创建一个20 x 20px的圆形,使用#EADADB对其进行着色,然后添加一些细节,如下图所示。

效果图:

6.最后,我们需要添加门来完成我们的小房子。 因为它与第三个房子有着一样的尺寸和颜色,我们将复制(command C)和放置(command F)它在我们最后一个建筑,确保垂直中心。

现在我们完成了所有的房子(好棒呀),将添加一些细节来完成我们的插图。

相关文章

最新评论