步驟四： 第四所房子

1.移動到第四個房子的圖層，創(chuàng)建一個100 x 180px（＃E96D6E）矩形，將其完全放置在之前創(chuàng)建的房子的右側(cè)。

2.添加一個108 x 6px的部分（＃A55559），然后是一個100 x 50px（＃D46363）高，一個輔助108 x 6px，然后創(chuàng)建一個三角形，如roof（＃7A3939）寬度為100px 和高度22px。

在屋頂?shù)捻敳肯旅鎰?chuàng)建一個微妙的陰影，通過繪制一個100×4px的矩形，并使用＃BD5859著色。

3.接下來，我們需要創(chuàng)建窗口。 抓住橢圓工具（L），創(chuàng)建一個30 x 30像素稍深的有色框（＃A55559），將其垂直和水平對齊到其下方的矩形。

在中間添加一個藍(lán)色的18 x 18px的圓形(#cce1ff)，在其頂部對齊兩個4 x 28px的矩形,入圖：

要完成這棟房子的頂部，添加一些更暗的有色磚（＃C25B5B），寬度為16px，高度為8px。

4.聚焦在建筑物的下部，我們需要創(chuàng)建堆疊的水平線。 要做到這一點，創(chuàng)建兩個100 x 2px形狀，使用較淺的陰影＃EF787E顏色，并將其位置如下：

第一行：

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

X：754px Y：553px 一旦你把它們鎖在位，我們需要創(chuàng)建一個混合28步之間的兩個。

首先選擇兩行，轉(zhuǎn)到對象>混合>混合選項，并更改間距到指定的步驟，在值字段中輸入28 ,然后去對象>混合>使實際創(chuàng)建混合。

現(xiàn)在讓我們創(chuàng)建中間窗口。 抓取矩形工具（M）并繪制一個50 x 44px的深色形狀（＃A55559），我們將使用這些坐標(biāo)定位：

X：754px Y：420px

5.接下來使用以下值創(chuàng)建三個（＃CCE1FF）矩形：

左側(cè)頂部矩形 寬：5px / 高：28px 左側(cè)底部矩形 寬：5px /高：6px 右邊矩形 寬：10px /高：38px 我們將對齊每個段彼此的距離為4px，左邊矩形創(chuàng)建好，我們將拖動重復(fù)相同的一個放在的右邊。

最后，復(fù)制和粘貼第二個房子窗臺的底部較寬的部分，并加寬直到每一邊在窗框外面約4px,。

6.對于門的制作，只需復(fù)制第三個房子的，并調(diào)整其寬度，直到框架具有38px和內(nèi)部較暗部分26px。 然后使用以下坐標(biāo)定位：

X：754px Y：506px

7.一旦有了門，我們需要創(chuàng)建樓梯和欄桿。

從基礎(chǔ)開始，創(chuàng)建三個矩形（＃fcc8d1），其值如下堆疊：

第一個矩形 寬：56px / 高：6px 第二個矩形 寬：50px / 高：6px 第三個矩形 寬：44px /高： 6px 然后，我們需要創(chuàng)建四個4 x 14px的矩形（＃fcc8d1），我們將彼此相距6px，然后對它們進(jìn)行分組（Ctrl G），將它們對齊到樓梯底部。

軌道的最后一塊將是一個更寬的34 x 4px矩形（＃fcc8d1），放置到位于先前創(chuàng)建的對象的頂部。 顏色＃FCC8D1中的所有元素編組，以便他們不會丟失。

編好組后左對齊到門放置好；

步驟五： 第五所房子

1.移動到第五個房子的圖層上進(jìn)行制作，我們將開始創(chuàng)建一個216 x 160px的矩形（＃D46363），并將其放在第四個建筑的右側(cè)。然后添加兩個陰影（＃C25B5B），一個在左邊，一個在頂部，保持6px的恒定寬度。

在矩形的頂部添加一個較暗的220 x 8px形狀（＃914444），然后再畫另一個較高的二樓194 x 100px（＃D46363），將它們垂直對齊。

我們的二樓需要添加一個陰影，以及通過繪制一個194 x 6px的矩形（＃C25B5B）當(dāng)作陰影和一個屋頂部分 202 x 8px形狀（＃914444）入圖：

2.接下來，我們將從第二個房子中復(fù)制水箱，并將其放置在我們的屋頂?shù)挠覀?cè)，調(diào)整水箱的寬度，以便它更寬 。

3.我們還要創(chuàng)造屋頂?shù)姆鍪帧?我們將創(chuàng)建一個42 x 30px較暗的對象（＃C7BABA），畫一組四個6 x 24px的矩形，彼此距離為6px。 要完成扶手，只需在先前創(chuàng)建的形狀的頂部添加一個48 x 6px的矩形。

組合扶手的所有組成元素，并將它們朝向屋頂?shù)淖髠?cè)。

4.我們的下一步是創(chuàng)建窗口。 為了使事情更容易，我們將從第三個房子中復(fù)制，并使用以下坐標(biāo)定位：

X：852px Y：338px

我們調(diào)整的小窗口，通過刪除水平線和第二個藍(lán)色矩形，然后我們將內(nèi)框架部分向下移動幾個像素，并將我們的藍(lán)色的色調(diào)更改為＃D6E5FC。

現(xiàn)在我們需要做的是創(chuàng)建兩個副本在右側(cè)，彼此相距20px的距離，確保組合這三個（Ctrl G）。

我們有第一行窗口，只需拖動并創(chuàng)建兩個副本朝向我們的房子的底部，保持彼此之間的距離20px，確保刪除第二行的中間一個。

5.在頂行窗口中添加一個電視天線，創(chuàng)建一個20 x 20px的圓形，使用#EADADB對其進(jìn)行著色，然后添加一些細(xì)節(jié)，如下圖所示。

效果圖：

6.最后，我們需要添加門來完成我們的小房子。 因為它與第三個房子有著一樣的尺寸和顏色，我們將復(fù)制（command C）和放置（command F）它在我們最后一個建筑，確保垂直中心。

現(xiàn)在我們完成了所有的房子（好棒呀），將添加一些細(xì)節(jié)來完成我們的插圖。

最新評論