AI教程/绘制城市景观

大家好，今天给各位分享AI教程/绘制城市景观的一些知识，其中也会对进行解释，文章篇幅可能偏长，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在就马上开始吧！

第一步：

打开ai并创建一个1200 x 600的新画布（快捷键命令n）

注：命令为Ctrl，以下均为。

第2 步：分层- 分层

创建新画布后，我们需要创建一堆图层（大约10 个），这将帮助我们更好地控制构建过程。

请转到图层面板并使用以下名称进行设置：

第三步：创建建筑物远景

设置好图层后，我们将开始为每个图层创建内容。首先，锁定未使用的图层并保留当前正在操作的图层。

步骤一：画远处的建筑物1

1.确保你在远处建筑物的图层上，使用矩形工具（M）绘制一个粉红色（#FFEBEB）132 x 194px的矩形，并更改定位面板的坐标值：X：156px； Y：459 像素

2. 现在需要调整其左上角锚点并将其向下移动24 像素。您可以通过使用直接选择工具(A) 选择其左上角锚点，然后执行对象变换移动来完成此操作。会出现弹出框，水平输入0px，垂直输入24px；

获取图片：

选择两个对象并使用探路者的并集将它们组合成一个形状。

4. 接下来，我们将通过创建4 x 48px 矩形并使用以下坐标定位它来绘制顶部天线：

X：114像素； Y：276 像素

5. 为了完成我们的第一个Vista 建筑，我们需要添加一些窗户。使用矩形工具(M) 创建一个10 x 10 像素的正方形(#FCDEDE) 并将其定位如下：X: 108px; Y: 404 像素

第2步：绘制远处的建筑物2

1. 要绘制第二个远处的建筑物，请创建一个较暗的(#FCDEDE) 100 x 366px 矩形，底部对齐，距第一个建筑物约67px。

使用矩形工具(M) 添加天线4 x 48px (#FCDEDE) 对象，使用以下坐标定位它：(X: 305px; Y: 167px)

第3步：绘制远处的建筑物3

1. 要绘制第三座建筑物，请创建一个较高的140 x 480 像素矩形，并将其放置在距第二座建筑物约78 像素的位置。将其着色为#FFEBEB，然后在左上角添加一个相同颜色的16 x 8px 矩形。

第4步：绘制远处的建筑物4

1. 使用矩形工具（M）绘制一个94350px 的矩形，颜色#FCDEDE，并将其放置在距第三个建筑物20px 处。

第5步：绘制远处的建筑物5

1. 对于第五栋建筑，创建一个94 x 422 像素的浅粉色矩形(#FFEBEB)，并将其放置在距离第四栋建筑10 像素的位置，确保底部对齐。

创建另一个12 x 4px 矩形并将其放置如下：（X：812px；Y：132px）

第6步：绘制远处的建筑物6

1. 绘制一个140378px 的矩形（#FFEBEB）并将其放置在距第五栋建筑约77px 的位置。

2. 绘制一个16 x 8px 的矩形并将其放置在左上角，确保它与建筑物的颜色相同。

3. 绘制一个10 x 22 像素的矩形（用作天线），然后在其顶部绘制另一个4 x 60 像素的矩形，将前两个形状分组（command+d）。坐标位置为（X：1029px；Y：137px）

第四步：画一条小木路

这是整个插图过程中最简单的步骤。

1.使用圆角矩形工具创建一个1100 x 20px的形状，圆角半径为10px，颜色#918686，定位（X：600px；Y：566px）

第五步——创建红房子

第一步：第一栋房子

1. 确保您位于第一个房屋图层内，选择矩形工具(M) 并创建一个144 x 276 像素的矩形，颜色为#D46363。使用以下坐标定位：（X：286px；Y：418px）

2. 现在您已经有了基本形状，开始添加一些细节，使其看起来像房子而不是盒子。

首先，让我们通过绘制一个148 x 12 像素的矩形来创建屋顶部分，颜色为#914444，并将其直接放置在我们刚刚创建的对象上方，确保两者对齐。

添加一些阴影，创建一个138 x 6 像素的矩形，我们将其放置在屋顶下方，另一个6 x 276 像素的矩形将位于我们房子的右侧。

对两者使用相同的#B35353 颜色值，然后使用命令G 将它们分组。

3. 接下来我们需要添加窗口，使用矩形工具(M) 创建一个32 x 44px 形状(#A55559) 并使用以下坐标定位它：(X: 254px; Y: 334px)

现在我们需要向窗口添加一些细节。使用矩形工具(M) 创建另一个20 x 38px 矩形，颜色#B2C7E6，然后底部居中对齐窗口。

创建另一个20 x 4px 矩形(#A55559) 并将其垂直和水平对齐，为玻璃添加中间分隔线。

通过绘制40 x 8 像素(#EB6D6D) 矩形将其放置在窗口下方。添加一个40 x 3px (#F67981) 矩形并将其垂直与矩形的前面对齐。

要完成我们的小窗户，只需在窗台下方添加一个小阴影，绘制一个32 x 4px 对象并使用#9E4A4B 为其着色。

将所有窗口元素分组（命令G），然后选择并按住Alt 键向右拖动以创建副本。

选中这两个窗口，按住alt点击第一个（设置第一个为关键对象），在分布间距框中填入16px，然后点击水平分布间距；

4. 现在我们有了所有的窗户，我们需要添加门，以便人们看到它可以认出它是一座房子。首先绘制一个44 x 72 像素的矩形(#A84F4F) 并使用以下值对其进行定位：（X：256 像素；Y：508 像素）。

通过创建一个32 x 66 像素的矩形(#7A3939) 放置门的内部，底部与门垂直对齐。接下来，使用椭圆工具(L) 创建一个6 x 6 像素的圆圈(#F9BD82) 作为我们的门把手，然后使用以下坐标定位它：（X：266 像素；Y：521 像素）为了完成门，我们仍然需要在门的底部创建一个52 x 12px 的矩形(#EB6D6D)。

然后创建另一个52 x 4px 矩形(#9E4A4B) 并将其垂直和水平对齐到您刚刚创建的形状。

5. 我们的第一个房子快完成了，只需在我们的小房子里添加一些彩色的小砖块，让它变得更有趣。使用矩形工具(M) 创建一组宽度不同但高度恒定为8px 的小矩形，并将它们放置在您想要的任何位置（在这里发挥您的想象力）。

第二步：第二宫

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

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

2.画完小屋顶后，我们需要对其顶部进行一些小调整，因为它需要平坦，没有圆角。为此，请使用直接选择工具(A) 并选择顶部中心的两个锚点，然后使用Del 删除它们。

您已经删除了2 个锚点，按命令J 将剩余的锚点组合起来并使其形成形状。

在屋顶下方添加一个小阴影，创建一个202 x 8 像素的对象并使用#C95E5F 为其着色。

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

4.从屋顶完成后，我们还需要添加一个小水箱。首先，我们创建两个6 x 9 像素的矩形(#CCBEBF)，并将它们彼此间隔36 像素（按照我们上面提到的步骤操作）。将它们分组（命令J）并使用以下坐标定位它们：X：395px； Y：221 像素。

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

5. 对于水箱，使用#EADADB 颜色创建一个48 x 54 像素的对象，然后垂直对齐其脚，将其放置在形状的正上方。

绘制一个22 x 9 像素圆角矩形(#CCBEBF)，角半径为2 像素。使用直接选择工具(A) 选择底部中心锚点并将其删除（按命令J 将剩余的锚点分组并对其进行整形），然后垂直对齐其水箱。

要完成水箱，只需添加三条水平线（48 x 2 像素），使用#CCBEBF 为它们着色，并将它们放置在距离水箱腿6 像素、34 像素和40 像素的位置。选择水箱的水平线和腿，然后按住Alt 键并单击水箱。对于腿，同时调出对齐面板，在分布间距中填入6px，然后点击最左边的垂直分布间距。这同样适用于以下；

添加一个垂直的4 x 38px 矩形来创建窗口的内部，确保将水平矩形定位得更靠上一点。

接下来，调整颜色：

7. 移至自行车架，抓住圆角矩形工具，创建一个92 x 28p 圆角2px (#FCC8D1)，使用Shift X 将其填充翻转为描边，然后将其描边更改为4px。位置：X：490px； Y：540px，使用以下值。

要完成支架，只需创建八个间隔6 像素的4 x 24 像素矩形(#FCC8D1)，将它们分组(Ctrl G) 并将它们垂直和水平对齐到框架。

在其下方添加一个92 x 4px 形状(#9E4A4B) 并将它们分组在一起(Ctrl G)。

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

8. 为了完成我们的第二个房子，我们需要创建正确的标志，以遮盖第三个和即将到来的房子。

使用圆角矩形工具绘制一个22 x 100 像素的形状，圆角半径为11 像素。使用浅色(#EADADB) 对其进行着色，并将其放置在以下坐标之后：X: 578px; Y：325 像素。

使用较深的色调(#C7BABA) 创建另一个较小的圆角矩形（10 x 88px，角半径5px），然后垂直对齐之前创建的圆角矩形。

在徽标和建筑物之间添加两个7 x 6 像素英尺，使用相同的#C7BABA 为它们着色，然后将它们彼此间隔60 像素。

第三步：第三宫

1.完成第二个房子后，打开图层面板，选择第三个房子图层，创建一个144 x 160px的矩形（#D46363），并将其放置在我们之前创建的房子的右侧。确保底部对齐。在顶部、左侧和右侧添加三个阴影段，保持6px 的宽度。

2. 移动到屋顶部分并创建一个144 x 56 像素的矩形，我们将使用较暗的阴影(#914444)。通过向内移动24 像素来调整顶部锚点[选择右上（左）锚点对象变换移动并在水平字段中输入值24 (-24)，将垂直值保留为零]。

3. 通过创建七个144 x 4 像素的深色矩形(#7A3939)，每个相距4 像素，将它们分组（命令g），然后将它们垂直和水平与屋顶对齐，为屋顶添加一些复杂性。

正如您所注意到的，这些线路实际上位于我们的小屋顶的外部，这是我们不想要的。

渲染：

4. 接下来，让我们借助三个不同大小的矩形来构建我们的小烟囱：

第一个矩形：宽：18px/高：8px/颜色：#C7BABA

第二个矩形：宽：18px/高：4px/颜色：#B3A6A6

第三个矩形：宽：22px/高：6px/颜色：#EADADB

将它们放置如下图所示：

5. 在顶部添加几个不同大小的圆圈(#F0F0F0) 以产生烟雾。

快速提示：如您所见，我的一个圆圈已删除底部锚点，您还可以使用命令g 将其余部分组合在一起，方法是使用直接选择工具(A) 选择锚点并按Del 键。

现在新窗口已完成，将其所有元素分组（命令g）并通过选择窗口并按住Alt 键向右拖动来创建副本。将副本放置在距原始位置30 像素的位置。

使用相同的过程创建另一个副本，但这次将其放置在距原始26px 的位置。如图所示：

通过移除顶部较宽的部分、添加一个保持相同宽度但不同高度的三角形以及下面的32 x 3px 阴影来调整其外观。修改如下所示的颜色值。

第四步：第四宫

1. 移动到第四个房屋图层并创建一个100 x 180px (#E96D6E) 矩形，将其恰好放置在之前创建的房屋的右侧。

2. 添加一个108 x 6 像素部分(#A55559)，然后添加一个100 x 50 像素高(#D46363)，第二个108 x 6 像素，然后创建一个宽度为100 像素、高度为22 像素的三角形屋顶(#7A3939) 。

通过绘制一个1004px 矩形并使用#BD5859 为其着色，在屋顶顶部下方创建一个微妙的阴影。

3. 接下来，我们需要创建窗口。使用椭圆工具(L) 并创建一个30 x 30 px 颜色稍深的框(#A55559)，将其垂直和水平与其下方的矩形对齐。

在中间添加一个蓝色18 x 18px 圆圈(#cce1ff)，在其顶部对齐两个4 x 28px 矩形。如图所示：

要完成房子的顶部，添加一些宽度为16 像素、高度为8 像素的深色砖块(#C25B5B)。

4.重点关注建筑物的下部，我们需要创建堆叠的水平线。为此，创建两个100 x 2px 形状，使用较浅的阴影#EF787E 颜色并将它们放置如下：

第一行：X：754px； Y：380 像素。

第二行：X：754px； Y：553 像素。

将它们锁定到位后，我们需要在两者之间创建28 个步骤的混合。首先选择两行，转到“对象混合混合选项”并将间距更改为“指定步长”，在“值”字段中输入28，然后转到“对象混合”以启用混合的实际创建。

现在让我们创建中间窗口。使用矩形工具(M) 并绘制一个50 x 44 像素的深色形状(#A55559)，我们将使用以下坐标对其进行定位：X: 754px; Y：420 像素。

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

左上角矩形宽度：5px /高度：28px

左下矩形宽度：5px /高度：6px

右矩形宽度：10px /高度：38px

我们将每个段对齐，彼此之间的距离为4 像素。在左侧创建矩形后，我们将拖动相同矩形的副本并将其放置在右侧。

7. 有了门后，我们需要创建楼梯和栏杆。

从底部开始，创建三个矩形（#fcc8d1），其值堆叠如下：

第一个矩形宽度：56px /高度：6px

第二个矩形宽度：50px /高度：6px

第三个矩形宽度：44px /高度：6px

然后，我们需要创建四个4 x 14 像素的矩形(#fcc8d1)，将其放置在彼此相距6 像素的位置，然后将它们分组(Ctrl G)，将它们与楼梯底部对齐。

轨道的最后一块将是一个更宽的34 x 4px 矩形(#fcc8d1)，放置在先前创建的对象顶部。将所有元素分组为颜色#FCC8D1，以免丢失。

第五步：第五宫

1. 转到第五栋房子的图层，我们将首先创建一个216 x 160px 矩形（#D46363）并将其放置在第四栋建筑的右侧。然后添加两个阴影(#C25B5B)，一个在左侧，一个在顶部，保持6px 的恒定宽度。

在矩形顶部添加一个较暗的220 x 8 像素形状(#914444)，然后绘制另一个更高的194 x 100 像素二楼形状(#D46363)，将它们垂直对齐。

我们的二楼需要添加阴影，以及屋顶部分，通过绘制一个194 x 6px 矩形（#C25B5B）作为阴影和一个202 x 8px 形状（#914444），如下所示：

3. 我们还需要为屋顶创建扶手。我们将创建一个42 x 30 像素的较暗对象(#C7BABA)，并绘制一组四个6 x 24 像素的矩形，彼此间隔6 像素。要完成扶手，只需在之前创建的形状顶部添加一个48 x 6 像素的矩形即可。

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

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

现在我们需要做的是在右侧创建两个副本，彼此相距20px，确保将这三个副本分组（Ctrl G）。

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

5. 将电视天线添加到窗口的顶行，创建一个20 x 20px 的圆圈，使用#EADADB 为其着色，然后添加一些细节，如下图所示。

渲染：

现在我们已经完成了所有的房子（哎呀），我们将添加一些细节来完成我们的插图。

第6 步添加最终细节

第一步：路灯

1. 跳转到路灯图层并使用圆角矩形工具使用粉红色(#FCC8D1) 创建8 x 25px 形状，并将其放置在第二个房子的前面。使用直接选择工具(A) 通过选择和删除底部锚点（命令J）来组合剩余的锚点。

添加一个4 x 122 像素的矩形(#EDBCC5)，然后将先前创建的形状居中底部对齐。选择所有组件并通过在顶部添加12 x 12px 圆圈(#FCC8D1) 将它们组合在一起（命令G）。

创建路灯的副本并将其放置在第四栋建筑前面。

第二步：树木

1. 首先使用42 x 8px 矩形(#BFB2B3) 构建底座。然后创建一个6 x 15px 圆角半径为3px 的圆角矩形，并使用直接选择工具(A) 的技巧删除其底部锚点。从中创建三个新的副本，并将它们彼此间隔4 px。将它们分组并将它们垂直居中于底座。

接下来，创建另一个26 x 4px (#BFB2B3)，它将位于先前创建的元素的中间。

绘制一个10 x 100 像素的矩形(#93616) 作为树的主体，确保将其放置在较宽的矩形顶部的小栅栏下方。

然后使用钢笔工具（P）创建一个与我相似的形状并将其着色为绿色（#91DBA6）。在树的绿色部分下添加一个微妙的阴影（#704A4A），就完成了。

将树和栅栏的所有元素组合在一起，然后创建一个副本并将其放置在房子前面的最右边和最左边。

第三步：云

1. 我们插图的最后一个细节是云。使用圆角矩形工具创建一个带有6px 圆角的32 x 10px 形状(#DEEBFF)，然后添加一个较小的8 x 8px 圆圈，最后添加一个较大的14 x 14px 圆圈，并将它们放置在创建的形状的顶部，确保圆的下半部分在基本形状内，然后选择3个形状，调出路径搜索，然后单击并集；

将云的所有组成元素组合起来，然后到处撒上一些副本。