20——AI畫(huà)城市景觀的插畫(huà)】

1、如果您需要使用本文檔，請(qǐng)點(diǎn)擊下載按鈕下載!第一步：打開(kāi)ai, 新建1200 x 600 的畫(huà)布（快捷鍵command n）第二步：圖層 分層我們新建畫(huà)布后，需要?jiǎng)?chuàng)建一堆圖層（10個(gè)左右），這將有助于我們更好地控制我們的構(gòu)建過(guò)程。請(qǐng)轉(zhuǎn)到“圖層”面板，并使用以下名稱進(jìn)行設(shè)置：1 / 37如果您需要使用本文檔，請(qǐng)點(diǎn)擊下載按鈕下載!第三步: 制作畫(huà)面遠(yuǎn)景建筑把圖層設(shè)置好以后，我們將開(kāi)始對(duì)每個(gè)圖層創(chuàng)建內(nèi)容，首先鎖定未使用的圖層，留下當(dāng)前操作的圖層。步驟一：畫(huà)遠(yuǎn)景建筑11.確保你在遠(yuǎn)景建筑的圖層，使用矩形工具（M）畫(huà)一個(gè)粉紅色（#FFEBEB）132 x 194px矩形，變換面板定位的坐標(biāo)數(shù)值：（X：15

2、6px；Y：459px）2.現(xiàn)在需要調(diào)整它的左上錨點(diǎn)，向下移動(dòng)24個(gè)像素。 可以這樣做，用直接選擇工具（A）選擇它的左上錨點(diǎn)，然后執(zhí)行對(duì)象變換移動(dòng)。出現(xiàn)一個(gè)彈出框，水平輸入0px，垂直輸入24px；2 / 37如果您需要使用本文檔，請(qǐng)點(diǎn)擊下載按鈕下載! 得出圖：3. 使用矩形工具（M），創(chuàng)建另一個(gè)90 x 92px的，將其定位（X：147px，Y：338px），然后使用移動(dòng)工具（A）使用相同的技巧，將其右上角錨點(diǎn)向下移38px。選中這2個(gè)對(duì)象，使用路徑查找器的聯(lián)集將它們組合成一個(gè)形狀。4.接下來(lái)，我們要畫(huà)頂部天線，通過(guò)創(chuàng)建一個(gè)4 x 48px的矩形，并使用這些坐標(biāo)定位：X：114px；Y：27

3、6px3 / 37如果您需要使用本文檔，請(qǐng)點(diǎn)擊下載按鈕下載!5.要完成我們的第一個(gè)遠(yuǎn)景建筑，需要添加一些窗口。 使用矩形工具（M）創(chuàng)建一個(gè)10 x 10px的正方形（#FCDEDE），并將其位置如下：X：108px ;Y：404px將這個(gè)窗口，復(fù)制四個(gè)選中它然后按住Alt同時(shí)向左拖動(dòng)四次，復(fù)制好后，選中這5個(gè)正方形，按住alt鍵點(diǎn)選最左邊的正方形（意思就是以最左邊的正方形為操作對(duì)象），再將分布間距欄寫(xiě)14px，再點(diǎn)擊水平分布間距（如圖）選擇這5個(gè)窗口，按command G組合它們，然后用相同的方法復(fù)制五個(gè)副本，彼此相距約10px（用上面相同的方法制作）。 步驟二：畫(huà)遠(yuǎn)景建筑21.畫(huà)第二個(gè)遠(yuǎn)景建

4、筑，要?jiǎng)?chuàng)建一個(gè)更暗的（#FCDEDE）100 x 366px矩形，底部對(duì)齊，距離第一個(gè)建筑物約67px。使用矩形工具（M）添加天線4 x 48px（#FCDEDE）的對(duì)象，使用這些坐標(biāo)定位它：（X：305px； Y：167px）4 / 37如果您需要使用本文檔，請(qǐng)點(diǎn)擊下載按鈕下載!步驟三：畫(huà)遠(yuǎn)景建筑31.畫(huà)第三個(gè)建筑物，創(chuàng)建一個(gè)較高的140 x 480px的矩形，并將其放置在距離第二個(gè)建筑物約78px處。其顏色為FFEBEB，然后在左上角添加一個(gè)相同顏色的16 x 8px矩形。步驟四：畫(huà)遠(yuǎn)景建筑45 / 37如果您需要使用本文檔，請(qǐng)點(diǎn)擊下載按鈕下載!1.矩形工具（M）繪制一個(gè)94350px的矩

5、形，顏色#FCDEDE，然后將其放置在距離第三個(gè)建筑物20px。2.添加幾個(gè)窗口，創(chuàng)建一個(gè)1010px，顏色F0D3D3的正方形，并定位到（X：650px；Y：229px）然后，復(fù)制它兩次，并將副本放置在第一個(gè)14px。編組三個(gè)窗口，并創(chuàng)建五個(gè)重復(fù)行距離第一行約10px（如圖）6 / 37如果您需要使用本文檔，請(qǐng)點(diǎn)擊下載按鈕下載!步驟五：畫(huà)遠(yuǎn)景建筑51.對(duì)于第五個(gè)建筑，創(chuàng)建一個(gè)94 x 422px的矩形，較淺的粉色（#FFEBEB），然后放置到距離第四個(gè)建筑10px的位置，確保底部對(duì)齊。再創(chuàng)建一個(gè)12 x 4px的矩形并將其定位如下：（X：812px；Y：132px）7 / 37如果您需要使用

6、本文檔，請(qǐng)點(diǎn)擊下載按鈕下載!步驟六：畫(huà)遠(yuǎn)景建筑61.畫(huà)一個(gè)140378px的矩形（FFEBEB），然后將它放置到距離第五個(gè)建筑物約77px的地方。2.畫(huà)16 x 8px的矩形放到左上部分，確保與建筑物相同的顏色。3.畫(huà)一個(gè)10 x 22px的矩形（當(dāng)作天線），再畫(huà)另一個(gè)4 x 60px的矩形放在它的上面，編組前面的兩個(gè)形狀（commandd）。 坐標(biāo)位置為（X：1029px；Y：137px）第四步：畫(huà)小木路這是整個(gè)插圖過(guò)程中最簡(jiǎn)單的一步。1.使用圓角矩形工具創(chuàng)建一個(gè)1100 x 20px的形狀，圓角半徑為10px，顏色918686，定位是（X：600px；Y：566px）第五步 創(chuàng)建紅房子8

7、/ 37如果您需要使用本文檔，請(qǐng)點(diǎn)擊下載按鈕下載!步驟一： 第一所房子1.確保在第一所房子圖層內(nèi)，選擇矩形工具（M），創(chuàng)建一個(gè)144 x 276px的矩形，顏色D46363。，使用以下坐標(biāo)定位：（X：286px；Y：418px）2.現(xiàn)在有了基本形狀，開(kāi)始添加一些細(xì)節(jié)，使它實(shí)際上看起來(lái)像一個(gè)房子，而不是一個(gè)盒子。首先，讓我們創(chuàng)建一個(gè)屋頂部分，通過(guò)繪制一個(gè)148 x 12px的矩形，顏色914444，并將其定位在我們剛剛創(chuàng)建的對(duì)象的正上方，確保兩個(gè)對(duì)齊。添加一些陰影創(chuàng)建一個(gè)138 x 6px矩形，我們將位于屋頂下面，另一個(gè)6 x 276px一個(gè)將在我們的房子的右側(cè)。 對(duì)兩者使用相同的B35353顏

8、色值，然后使用command G對(duì)它們進(jìn)行編組。3.接下來(lái)，我們需要添加窗口，用矩形工具（M）并創(chuàng)建一個(gè)32 x 44px的形狀（A55559），并使用以下坐標(biāo)對(duì)其進(jìn)行定位：（X：254px；Y：334px）現(xiàn)在，我們需要給窗戶添加一些細(xì)節(jié)。 用矩形工具（M）創(chuàng)建另一個(gè)20 x 38px矩形，B2C7E6顏色，然后底部中心對(duì)齊窗口。9 / 37如果您需要使用本文檔，請(qǐng)點(diǎn)擊下載按鈕下載!再創(chuàng)建一個(gè)20 x 4px的矩形（A55559），以及垂直和水平對(duì)齊，為玻璃添加一個(gè)中間分隔線。通過(guò)繪制一個(gè)40 x 8px（EB6D6D）矩形，將其定位在窗口的下方。 添加一個(gè)40 x 3px（F67981）矩

9、形和前面的矩形垂直頂部對(duì)齊。要完成我們的小窗口，只需在窗臺(tái)下面添加一個(gè)小陰影，通過(guò)繪制一個(gè)32 x 4px的對(duì)象，并使用9E4A4B著色。10 / 37如果您需要使用本文檔，請(qǐng)點(diǎn)擊下載按鈕下載!將所有窗口的元素（command G）組合，然后選中并按住Alt同時(shí)向右拖動(dòng)來(lái)創(chuàng)建副本。選中這兩個(gè)窗口，按住alt點(diǎn)擊第一個(gè)（把第一個(gè)設(shè)置為關(guān)鍵對(duì)象），在分布間距框填寫(xiě)16px，再點(diǎn)擊水平分布間距；再次將兩個(gè)窗口編組（commandg），然后按住alt復(fù)制出一個(gè)副本，距離第一行24px。對(duì)于最后一行窗口，我們需要從第二行只復(fù)制一個(gè)，并以相同的24px距離向下位置。11 / 37如果您需要使用本文檔，請(qǐng)點(diǎn)

10、擊下載按鈕下載!4.現(xiàn)在有了所有的窗戶，我們需要添加門(mén)，讓人們看到這個(gè)，能認(rèn)出它是一個(gè)房子。通過(guò)繪制一個(gè)44 x 72px的矩形（A84F4F），并使用以下值定位：（X：256px；Y：508px）通過(guò)創(chuàng)建一個(gè)32 x 66px矩形（7A3939），放入大門(mén)的內(nèi)部，底部垂直對(duì)齊到大門(mén)。接下來(lái)，使用橢圓工具（L）創(chuàng)建一個(gè)6 x 6px的圓（F9BD82），將作為我們的門(mén)把手，然后使用這些坐標(biāo)定位它：（X：266px；Y：521px）要完成門(mén)還需創(chuàng)建一個(gè)52 x 12px的矩形（EB6D6D），然后放置到門(mén)的最下方。 然后創(chuàng)建另一個(gè)的52 x 4px的矩形（9E4A4B），并垂直和水平對(duì)齊到剛才做

11、的以的形狀。12 / 37如果您需要使用本文檔，請(qǐng)點(diǎn)擊下載按鈕下載!5.我們的第一所房子馬上完成了，就差為我們的小房子添加些小的彩色磚，使它更加有趣。使用矩形工具（M）創(chuàng)建一組具有各種寬度的小矩形，但恒定的高度為8px，并將它們放到自己想放的位置（發(fā)揮自己的想像力喲）。步驟二： 第二所房子1.完成了第一個(gè)房子，打開(kāi)圖層面板，選中第二個(gè)房子的圖層，并創(chuàng)建一個(gè)202 x 296px矩形，顏色E96D6E。 底部對(duì)齊第一個(gè)房子，如圖13 / 37如果您需要使用本文檔，請(qǐng)點(diǎn)擊下載按鈕下載!接下來(lái)，需要在我們的小房子上添加一個(gè)屋頂。 使用圓角矩形工具創(chuàng)建一個(gè)218 x 18px，顏色914444，角半徑

12、為4px，并將其放置在房子頂部。2.畫(huà)好小屋頂，我們要對(duì)它的頂部做一些小的調(diào)整，因?yàn)樾枰瞧降?，沒(méi)有圓角。為此，請(qǐng)抓取直接選擇工具（A）并選中兩個(gè)頂部中心定位點(diǎn)，并使用Del刪除它們。你已經(jīng)刪除了2個(gè)錨點(diǎn)，按command J組合剩余的錨點(diǎn)，并使它形成形狀。在屋頂下面添加一個(gè)小陰影，創(chuàng)建一個(gè)202 x 8px的對(duì)象，并使用C95E5F著色。14 / 37如果您需要使用本文檔，請(qǐng)點(diǎn)擊下載按鈕下載!3.現(xiàn)在，需要在頂部的上方添加二個(gè)矩形，第一個(gè)是202 x 6px（C95E5F），另一個(gè)226 x 14px的矩形（A55559）。4.距離屋頂完成，我們還需要添加小水箱。 首先讓我們創(chuàng)建兩個(gè)6 x

13、 9px矩形（#CCBEBF），將它們彼此相距36px（根據(jù)上文我們講到的步驟做哦）。 將它們組合（command J），然后使用以下坐標(biāo)對(duì)它們進(jìn)行定位：X：395pxY：221px15 / 37如果您需要使用本文檔，請(qǐng)點(diǎn)擊下載按鈕下載!添加一些輕微的陰影，通過(guò)創(chuàng)建兩個(gè)6 x 4px矩形(#a49a9a)，并將每個(gè)定位到水箱腿部的頂部。5.對(duì)于水箱，創(chuàng)建一個(gè)48 x 54px的對(duì)象，使用#EADADB顏色，然后垂直對(duì)齊它的腳，定位的形狀正上方。畫(huà)一個(gè)22 x 9px的圓角矩形（#CCBEBF），圓角半徑為2px，用直接選擇工具（A）選中底部中心的錨點(diǎn)delete刪除（按command J組合剩

14、余的錨點(diǎn)，并使它形成形狀），并且垂直對(duì)齊它的水箱。要完成水箱制作，只需添加三條水平線（48 x 2px），顏色使用#CCBEBF和位置距離水箱腿部分別為6px，34px和40px, 方法，同時(shí)選中水平線和水箱腿部，按住alt點(diǎn)選水箱腿部，同時(shí)調(diào)出對(duì)齊面板，在分布間距那填寫(xiě)6px，再點(diǎn)擊最左側(cè)的垂直分布間距，以下同理；我們完成了第二個(gè)房子的頂部，開(kāi)始添加窗口， 窗口將與第一個(gè)房子的窗口幾乎相同，因此我們將簡(jiǎn)單地復(fù)制一個(gè)窗口并粘貼到第二個(gè)房子圖層上，確保將其放置的坐標(biāo)：X：406pxY：300px16 / 37如果您需要使用本文檔，請(qǐng)點(diǎn)擊下載按鈕下載!調(diào)整顏色如下所示：添加一個(gè)垂直4 x 38px

15、的矩形，以創(chuàng)建窗戶的內(nèi)部，確保將水平方向更向上放置一點(diǎn)。接下來(lái)，對(duì)第一個(gè)窗口進(jìn)行了編組（command g），創(chuàng)建兩個(gè)副本并將它們向右對(duì)齊，彼此之間的距離為16px。 再次將它們編組，并將它們復(fù)制兩次，兩者之間保持24px的距離，刪除第三行的左側(cè)窗口，為門(mén)留出空間，確保將所有窗口組合在一起（全選command G ）。17 / 37如果您需要使用本文檔，請(qǐng)點(diǎn)擊下載按鈕下載!6.現(xiàn)在開(kāi)始制作大門(mén)。 和以前一樣，我們不會(huì)從零開(kāi)始創(chuàng)建這個(gè)門(mén)，而是簡(jiǎn)單地復(fù)制我們已經(jīng)在第一個(gè)房子里的門(mén)，并使用以下坐標(biāo)將它放置在當(dāng)前圖層（第二個(gè)房子）上：X：400pxY：514px接下來(lái)，調(diào)整顏色：18 / 37如果您需

16、要使用本文檔，請(qǐng)點(diǎn)擊下載按鈕下載!7.移動(dòng)到自行車(chē)支架，抓住圓角矩形工具，創(chuàng)建一個(gè)92 x 28p圓角2px（FCC8D1），用Shift X翻轉(zhuǎn)它的填充到描邊，然后將它的描邊改為4px。 使用以下值定位:X：490pxY：540px要完成支架，只需創(chuàng)建8個(gè)4 x 24px的矩形（FCC8D1），相距6px，將它們 編組（Ctrl G），然后垂直和水平對(duì)齊到框架。 在它下面添加一個(gè)92 x 4px的形狀（9E4A4B）,并將它們組合到一起（Ctrl G）。你完成了自行車(chē)架后，添加一堆磚塊到建筑，使用不同長(zhǎng)度，但具有相同的高度（8px）和顏色（C95E5F）的簡(jiǎn)單矩形。8.要完成我們的第二個(gè)房子

17、，我們需要?jiǎng)?chuàng)建正確的招牌，將超過(guò)第三和即將到來(lái)的房子。抓取圓角矩形工具，繪制一個(gè)22 x 100px的形狀，角半徑為11px。 使用淺色（#EADADB）對(duì)其著色，然后將其放置在以下坐標(biāo)之后：X：578pxY：325p19 / 37如果您需要使用本文檔，請(qǐng)點(diǎn)擊下載按鈕下載!x創(chuàng)建另一個(gè)較小的圓角矩形（10 x 88px，角半徑為5px），使用較暗的色調(diào)（C7BABA）, 然后垂直對(duì)齊之前創(chuàng)建的。在標(biāo)志和建筑物之間添加兩個(gè)7 x 6px的腳，使用相同的C7BABA對(duì)它們進(jìn)行著色，然后它們彼此間隔60px。步驟三： 第三所房子1.完成了第二個(gè)房子后，打開(kāi)圖層面板，選中第三個(gè)房子的圖層，創(chuàng)建一個(gè)14

18、4 x 160px的矩形（D46363），并將其放在我們之前創(chuàng)建的房子的右側(cè)，確保底部對(duì)齊。將三個(gè)陰影段添加到頂部，左側(cè)和右側(cè)，保持6px的寬度。2.移動(dòng)到屋頂部分，創(chuàng)建一個(gè)144 x 56像素的矩形，我們將使用更暗的陰影（914444）。 通過(guò)向內(nèi)部移動(dòng)24px來(lái)調(diào)整頂部錨點(diǎn)選中右(左)上角的錨點(diǎn)對(duì)象變換移動(dòng)，并在“水平”字段中輸入值24（24），將垂直值保留為零;20 / 37如果您需要使用本文檔，請(qǐng)點(diǎn)擊下載按鈕下載!3.通過(guò)創(chuàng)建七個(gè)144 x 4px較深的矩形（7A3939）它們每個(gè)相距4px，將它們（command g）編組，然后將它們垂直水平對(duì)齊到屋頂，從而為屋頂添加一些復(fù)雜性。正如

19、你已經(jīng)注意到的，線條實(shí)際上是在我們的小屋頂外面，這是我們不希望的。解決這個(gè)問(wèn)題，只需復(fù)制（Ctrl C）并粘貼（Ctrl F）頂部，然后選擇剛復(fù)制的和一組線條，右鍵單擊創(chuàng)建剪貼蒙版。21 / 37如果您需要使用本文檔，請(qǐng)點(diǎn)擊下載按鈕下載!效果圖4.接下來(lái)，讓我們?cè)谌齻€(gè)不同大小的矩形的幫助下建立我們的小煙囪：第一個(gè)矩形：w：18px / h：8px / color：C7BABA第二個(gè)矩形：w：18px / h：4px / color：B3A6A6第三個(gè)矩形：w：22px / h：6px / color：#EADADB將它們定位如下圖所示22 / 37如果您需要使用本文檔，請(qǐng)點(diǎn)擊下載按鈕下載!5.

20、在頂部添加幾個(gè)不同大小的圓（F0F0F0）以創(chuàng)建煙霧?？焖偬崾荆喝缒闼?jiàn)，我的一個(gè)圈子的底部錨點(diǎn)被刪除，你也可以通過(guò)使用直接選擇工具（A）選擇錨點(diǎn)并按下Del鍵，使用command g將其余部分編組在一起。6.為了創(chuàng)建我們的小窗口，我們實(shí)際上從第一個(gè)房子層復(fù)制一個(gè)副本，因?yàn)樗形覀冃枰拇_切的大小和顏色，然后使用這些坐標(biāo)：X：597pxY：438px添加一些細(xì)節(jié)，使其脫穎而出創(chuàng)建更輕的（D6E5FC）20 x 24px部分的玻璃和六個(gè)20 x 2px矩形（F0F6FF）位于2px彼此，在窗戶內(nèi)部水平劇中對(duì)齊； 也復(fù)制窗框并移動(dòng)到頂部，入圖23 / 37如果您需要使用本文檔，請(qǐng)點(diǎn)擊下載按鈕下載!

21、新窗戶就制作完成了，將其所有元素（command g）編組，然后通過(guò)選中該窗戶再按住Alt的同時(shí)向右拖動(dòng)來(lái)創(chuàng)建副本。 將副本距離原始位置30px。 使用相同的過(guò)程創(chuàng)建另一個(gè)副本，但這次將它放在原來(lái)的26px,入圖7.現(xiàn)在我們需要移動(dòng)到屋頂上，創(chuàng)建中間窗口。 首先復(fù)制我們已經(jīng)有的一個(gè)，并使用以下坐標(biāo)定位它：X：632pxY：360px通過(guò)刪除頂部較寬的部分，添加一個(gè)保持相同寬度但不同高度的三角形，以及下面的32 x 3px陰影來(lái)調(diào)整其外觀。修改下面看到的顏色值，24 / 37如果您需要使用本文檔，請(qǐng)點(diǎn)擊下載按鈕下載!8.最后，還有門(mén)要?jiǎng)?chuàng)建，首先復(fù)制第一個(gè)房子的門(mén)，去掉門(mén)檻，并且調(diào)整兩個(gè)矩形的寬度

22、和高度，使門(mén)與窗戶同寬，與下面的窗戶同高；步驟四： 第四所房子1.移動(dòng)到第四個(gè)房子的圖層，創(chuàng)建一個(gè)100 x 180px（E96D6E）矩形，將其完全放置在之前創(chuàng)建的房子的右側(cè)。2.添加一個(gè)108 x 6px的部分（A55559），然后是一個(gè)100 x 50px（D46363）高，一個(gè)輔助108 x 6px，然后創(chuàng)建一個(gè)三角形，如roof（7A3939）寬度為100px 和高度22px。在屋頂?shù)捻敳肯旅鎰?chuàng)建一個(gè)微妙的陰影，通過(guò)繪制一個(gè)1004px的矩形，并使用BD5859著色。25 / 37如果您需要使用本文檔，請(qǐng)點(diǎn)擊下載按鈕下載!3.接下來(lái)，我們需要?jiǎng)?chuàng)建窗口。 抓住橢圓工具（L），創(chuàng)建一個(gè)3

23、0 x 30像素稍深的有色框（A55559），將其垂直和水平對(duì)齊到其下方的矩形。在中間添加一個(gè)藍(lán)色的18 x 18px的圓形(#cce1ff)，在其頂部對(duì)齊兩個(gè)4 x 28px的矩形,入圖：要完成這棟房子的頂部，添加一些更暗的有色磚（C25B5B），寬度為16px，高度為8px。26 / 37如果您需要使用本文檔，請(qǐng)點(diǎn)擊下載按鈕下載!4.聚焦在建筑物的下部，我們需要?jiǎng)?chuàng)建堆疊的水平線。 要做到這一點(diǎn)，創(chuàng)建兩個(gè)100 x 2px形狀，使用較淺的陰影EF787E顏色，并將其位置如下：第一行：X：754pxY：380px第二行：X：754pxY：553px一旦你把它們鎖在位，我們需要?jiǎng)?chuàng)建一個(gè)混合28步

24、之間的兩個(gè)。首先選擇兩行，轉(zhuǎn)到對(duì)象混合混合選項(xiàng)，并更改間距到指定的步驟，在值字段中輸入28 ,然后去對(duì)象混合使實(shí)際創(chuàng)建混合。27 / 37如果您需要使用本文檔，請(qǐng)點(diǎn)擊下載按鈕下載!現(xiàn)在讓我們創(chuàng)建中間窗口。 抓取矩形工具（M）并繪制一個(gè)50 x 44px的深色形狀（A55559），我們將使用這些坐標(biāo)定位：X：754pxY：420px5.接下來(lái)使用以下值創(chuàng)建三個(gè)（CCE1FF）矩形：左側(cè)頂部矩形 寬：5px / 高：28px左側(cè)底部矩形 寬：5px /高：6px右邊矩形 寬：10px /高：38px我們將對(duì)齊每個(gè)段彼此的距離為4px，左邊矩形創(chuàng)建好，我們將拖動(dòng)重復(fù)相同的一個(gè)放在的右邊。最后，復(fù)制和

25、粘貼第二個(gè)房子窗臺(tái)的底部較寬的部分，并加寬直到每一邊在窗框外面約4px,。28 / 37如果您需要使用本文檔，請(qǐng)點(diǎn)擊下載按鈕下載!6.對(duì)于門(mén)的制作，只需復(fù)制第三個(gè)房子的，并調(diào)整其寬度，直到框架具有38px和內(nèi)部較暗部分26px。 然后使用以下坐標(biāo)定位：X：754pxY：506px7.一旦有了門(mén)，我們需要?jiǎng)?chuàng)建樓梯和欄桿。從基礎(chǔ)開(kāi)始，創(chuàng)建三個(gè)矩形（fcc8d1），其值如下堆疊：第一個(gè)矩形 寬：56px / 高：6px第二個(gè)矩形 寬：50px / 高：6px第三個(gè)矩形 寬：44px /高： 6px然后，我們需要?jiǎng)?chuàng)建四個(gè)4 x 14px的矩形（fcc8d1），我們將彼此相距6px，然后對(duì)它們進(jìn)行分組（

26、Ctrl G），將它們對(duì)齊到樓梯底部。軌道的最后一塊將是一個(gè)更寬的34 x 4px矩形（fcc8d1），放置到位于先前創(chuàng)建的對(duì)象的頂部。 顏色FCC8D1中的所有元素編組，以便他們不會(huì)丟失。29 / 37如果您需要使用本文檔，請(qǐng)點(diǎn)擊下載按鈕下載!編好組后左對(duì)齊到門(mén)放置好；步驟五： 第五所房子1.移動(dòng)到第五個(gè)房子的圖層上進(jìn)行制作，我們將開(kāi)始創(chuàng)建一個(gè)216 x 160px的矩形（D46363），并將其放在第四個(gè)建筑的右側(cè)。然后添加兩個(gè)陰影（C25B5B），一個(gè)在左邊，一個(gè)在頂部，保持6px的恒定寬度。在矩形的頂部添加一個(gè)較暗的220 x 8px形狀（914444），然后再畫(huà)另一個(gè)較高的二樓194

27、x 100px（D46363），將它們垂直對(duì)齊。我們的二樓需要添加一個(gè)陰影，以及通過(guò)繪制一個(gè)194 x 6px的矩形（C25B5B）當(dāng)作陰影和一個(gè)屋頂部分 202 x 8px形狀（914444）入圖：30 / 37如果您需要使用本文檔，請(qǐng)點(diǎn)擊下載按鈕下載!2.接下來(lái)，我們將從第二個(gè)房子中復(fù)制水箱，并將其放置在我們的屋頂?shù)挠覀?cè)，調(diào)整水箱的寬度，以便它更寬 。3.我們還要?jiǎng)?chuàng)造屋頂?shù)姆鍪帧?我們將創(chuàng)建一個(gè)42 x 30px較暗的對(duì)象（C7BABA），畫(huà)一組四個(gè)6 x 24px的矩形，彼此距離為6px。 要完成扶手，只需在先前創(chuàng)建的形狀的頂部添加一個(gè)48 x 6px的矩形。組合扶手的所有組成元素，并將

28、它們朝向屋頂?shù)淖髠?cè)。31 / 37如果您需要使用本文檔，請(qǐng)點(diǎn)擊下載按鈕下載!4.我們的下一步是創(chuàng)建窗口。 為了使事情更容易，我們將從第三個(gè)房子中復(fù)制，并使用以下坐標(biāo)定位：X：852pxY：338px我們調(diào)整的小窗口，通過(guò)刪除水平線和第二個(gè)藍(lán)色矩形，然后我們將內(nèi)框架部分向下移動(dòng)幾個(gè)像素，并將我們的藍(lán)色的色調(diào)更改為D6E5FC?，F(xiàn)在我們需要做的是創(chuàng)建兩個(gè)副本在右側(cè)，彼此相距20px的距離，確保組合這三個(gè)（Ctrl G）。32 / 37如果您需要使用本文檔，請(qǐng)點(diǎn)擊下載按鈕下載!我們有第一行窗口，只需拖動(dòng)并創(chuàng)建兩個(gè)副本朝向我們的房子的底部，保持彼此之間的距離20px，確保刪除第二行的中間一個(gè)。5.在頂行窗口中添加一個(gè)電視天線，創(chuàng)建一個(gè)20 x 20px的圓形，使用#EADADB對(duì)其進(jìn)行著色，然后添加一些細(xì)節(jié)，如下圖所示。33 / 37如果您需要使用本文檔，請(qǐng)點(diǎn)擊下載按鈕下載!效果圖：6.最后，我們需要添加門(mén)來(lái)完成我們的小房子。 因?yàn)樗c第三個(gè)房子有著一樣的尺寸和顏色，我們將復(fù)制（command C）和放置（co