步驟三： 第三所房子

1.完成了第二個(gè)房子后，打開圖層面板，選中第三個(gè)房子的圖層，創(chuàng)建一個(gè)144 x 160px的矩形（＃D46363），并將其放在我們之前創(chuàng)建的房子的右側(cè)，確保底部對(duì)齊。 將三個(gè)陰影段添加到頂部，左側(cè)和右側(cè)，保持6px的寬度。

2.移動(dòng)到屋頂部分，創(chuàng)建一個(gè)144 x 56像素的矩形，我們將使用更暗的陰影（＃914444）。 通過向內(nèi)部移動(dòng)24px來調(diào)整頂部錨點(diǎn)［選中右(左)上角的錨點(diǎn)>對(duì)象>變換>移動(dòng)，并在"水平"字段中輸入值24（－24），將垂直值保留為零;］

3.通過創(chuàng)建七個(gè)144 x 4px較深的矩形（＃7A3939）它們每個(gè)相距4px，將它們（command g）編組，然后將它們垂直水平對(duì)齊到屋頂，從而為屋頂添加一些復(fù)雜性。

正如你已經(jīng)注意到的，線條實(shí)際上是在我們的小屋頂外面，這是我們不希望的。解決這個(gè)問題，只需復(fù)制（Ctrl C）并粘貼（Ctrl F）頂部，然后選擇剛復(fù)制的和一組線條，右鍵單擊>創(chuàng)建剪貼蒙版

效果圖

4.接下來，讓我們?cè)谌齻€(gè)不同大小的矩形的幫助下建立我們的小煙囪：第一個(gè)矩形：w：18px / h：8px / color：＃C7BABA 第二個(gè)矩形：w：18px / h：4px / color：＃B3A6A6 第三個(gè)矩形：w：22px / h：6px / color：#EADADB

將它們定位如下圖所示

5.在頂部添加幾個(gè)不同大小的圓（＃F0F0F0）以創(chuàng)建煙霧。

快速提示：如你所見，我的一個(gè)圈子的底部錨點(diǎn)被刪除，你也可以通過使用直接選擇工具（A）選擇錨點(diǎn)并按下Del鍵，使用command g將其余部分編組在一起。

6.為了創(chuàng)建我們的小窗口，我們實(shí)際上從第一個(gè)房子層復(fù)制一個(gè)副本，因?yàn)樗形覀冃枰拇_切的大小和顏色，然后使用這些坐標(biāo)：

X：597px Y：438px

添加一些細(xì)節(jié)，使其脫穎而出創(chuàng)建更輕的（＃D6E5FC）20 x 24px部分的玻璃和六個(gè)20 x 2px矩形（＃F0F6FF）位于2px彼此，在窗戶內(nèi)部水平劇中對(duì)齊； 也復(fù)制窗框并移動(dòng)到頂部，入圖

新窗戶就制作完成了，將其所有元素（command g）編組，然后通過選中該窗戶再按住Alt的同時(shí)向右拖動(dòng)來創(chuàng)建副本。 將副本距離原始位置30px。 使用相同的過程創(chuàng)建另一個(gè)副本，但這次將它放在原來的26px,入圖

7.現(xiàn)在我們需要移動(dòng)到屋頂上，創(chuàng)建中間窗口。 首先復(fù)制我們已經(jīng)有的一個(gè)，并使用以下坐標(biāo)定位它：

X：632px Y：360px 通過刪除頂部較寬的部分，添加一個(gè)保持相同寬度但不同高度的三角形，以及下面的32 x 3px陰影來調(diào)整其外觀。修改下面看到的顏色值，

8.最后，還有門要?jiǎng)?chuàng)建，首先復(fù)制第一個(gè)房子的門，去掉門檻，并且調(diào)整兩個(gè)矩形的寬度和高度，使門與窗戶同寬，與下面的窗戶同高；

最新評(píng)論