Illustrator绘制卡通风格的城市建筑插画(3)

UI / UI设计教程 / UI图标教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

步骤二: 第二所房子

1.完成了第一个房子,打开图层面板,选中第二个房子的图层,并创建一个202 x 296px矩形,颜色#E96D6E。 底部对齐第一个房子,如图

Illustrator绘制卡通风格的城市建筑插画,PS教程,思缘教程网

接下来,需要在我们的小房子上添加一个屋顶。 使用圆角矩形工具创建一个218 x 18px,颜色#914444,角半径为4px,并将其放置在房子顶部。

Illustrator绘制卡通风格的城市建筑插画,PS教程,思缘教程网

2.画好小屋顶,我们要对它的顶部做一些小的调整,因为需要它是平的,没有圆角。 为此,请抓取直接选择工具(A)并选中两个顶部中心定位点,并使用Del删除它们。

Illustrator绘制卡通风格的城市建筑插画,PS教程,思缘教程网

你已经删除了2个锚点,按command J组合剩余的锚点,并使它形成形状。

在屋顶下面添加一个小阴影,创建一个202 x 8px的对象,并使用#C95E5F着色。

Illustrator绘制卡通风格的城市建筑插画,PS教程,思缘教程网

3.现在,需要在顶部的上方添加二个矩形,第一个是202 x 6px(#C95E5F),另一个226 x 14px的矩形(#A55559)。

Illustrator绘制卡通风格的城市建筑插画,PS教程,思缘教程网

4.距离屋顶完成,我们还需要添加小水箱。 首先让我们创建两个6 x 9px矩形(#CCBEBF),将它们彼此相距36px(根据上文我们讲到的步骤做哦)。 将它们组合(command J),然后使用以下坐标对它们进行定位:

X:395px Y:221px

Illustrator绘制卡通风格的城市建筑插画,PS教程,思缘教程网

添加一些轻微的阴影,通过创建两个6 x 4px矩形(#a49a9a),并将每个定位到水箱腿部的顶部。

Illustrator绘制卡通风格的城市建筑插画,PS教程,思缘教程网

5.对于水箱,创建一个48 x 54px的对象,使用#EADADB颜色,然后垂直对齐它的脚,定位的形状正上方。

画一个22 x 9px的圆角矩形(#CCBEBF),圆角半径为2px,用直接选择工具(A)选中底部中心的锚点delete删除(按command J组合剩余的锚点,并使它形成形状),并且垂直对齐它的水箱。

Illustrator绘制卡通风格的城市建筑插画,PS教程,思缘教程网

要完成水箱制作,只需添加三条水平线(48 x 2px),颜色使用#CCBEBF和位置距离水箱腿部分别为6px,34px和40px, 方法,同时选中水平线和水箱腿部,按住alt点选水箱腿部,同时调出对齐面板,在分布间距那填写6px,再点击最左侧的垂直分布间距,以下同理;

Illustrator绘制卡通风格的城市建筑插画,PS教程,思缘教程网

我们完成了第二个房子的顶部,开始添加窗口, 窗口将与第一个房子的窗口几乎相同,因此我们将简单地复制一个窗口并粘贴到第二个房子图层上,确保将其放置的坐标:

X:406px Y:300px

Illustrator绘制卡通风格的城市建筑插画,PS教程,思缘教程网

调整颜色如下所示:

Illustrator绘制卡通风格的城市建筑插画,PS教程,思缘教程网

添加一个垂直4 x 38px的矩形,以创建窗户的内部,确保将水平方向更向上放置一点。

Illustrator绘制卡通风格的城市建筑插画,PS教程,思缘教程网

接下来,对第一个窗口进行了编组(command g),创建两个副本并将它们向右对齐,彼此之间的距离为16px。 再次将它们编组,并将它们复制两次,两者之间保持24px的距离,删除第三行的左侧窗口,为门留出空间,确保将所有窗口组合在一起(全选>command G )。

Illustrator绘制卡通风格的城市建筑插画,PS教程,思缘教程网

6.现在开始制作大门。 和以前一样,我们不会从零开始创建这个门,而是简单地复制我们已经在第一个房子里的门,并使用以下坐标将它放置在当前图层(第二个房子)上:

X:400px Y:514px

Illustrator绘制卡通风格的城市建筑插画,PS教程,思缘教程网

接下来,调整颜色:

Illustrator绘制卡通风格的城市建筑插画,PS教程,思缘教程网

7.移动到自行车支架,抓住圆角矩形工具,创建一个92 x 28p圆角2px(#FCC8D1),用Shift X翻转它的填充到描边,然后将它的描边改为4px。 使用以下值定位: X:490px Y:540px

Illustrator绘制卡通风格的城市建筑插画,PS教程,思缘教程网

要完成支架,只需创建8个4 x 24px的矩形(#FCC8D1),相距6px,将它们 编组(Ctrl G),然后垂直和水平对齐到框架。 在它下面添加一个92 x 4px的形状(#9E4A4B),并将它们组合到一起(Ctrl G)。

Illustrator绘制卡通风格的城市建筑插画,PS教程,思缘教程网

你完成了自行车架后,添加一堆砖块到建筑,使用不同长度,但具有相同的高度(8px)和颜色(#C95E5F)的简单矩形。

 收藏