Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Drawing
Design

如何壹步步來畫壹座房子

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called Home Sweet Home.
How to Create an Abstract Vietnamese Woman Portrait in Adobe Photoshop
How to Create a Hand-Lettered Housewarming Poster in Adobe Photoshop

Chinese (Traditional) (中文(繁體)) translation by Clare Liu (you can also view the original English article)

Final product image
What You'll Be Creating

單憑想象自由畫畫想起來就感覺就很棒,但是不是所有的事物都可以通過手來自由,直觀的畫出。人造物對象,比如交通工具,建築,都是遵循壹定的規則創建的,這些規則就約束了我們的自由畫法。  妳不能通過猜想線條來畫壹座建築—妳必須要遵循這些規則,這些規則是由透視來定義的。 

在本次教程,我將教會妳如何利用兩點透視的方法壹步壹步來畫壹座房子。

妳需要什麽素材

妳可以使用任何房子的照片,比如說妳居住的房子。我們不是對參考對象進行復制,而是需要某種基礎來知道我們要嘗試畫什麽。因此它的透視不需要整好符合某種透視要求—我們來創建自己的視角!

妳可以使用任何工具作畫,但是最好還是使用壹些繪畫軟件—透視不需要很好的手繪基礎,因此使用鼠標就可以了。  如果妳還是比較喜歡傳統的畫法,壹定確保壹張比原尺寸更大的紙。不要忘了準備壹把長尺子。

1. 如何使用透視的方法開始繪畫

步驟1

先畫壹條地平線。當上面有東西時,妳會擡起頭看看。下面有東西時候,妳低頭看看。

horizon line
如果您想避免極度的變形,地平線應遠遠超過妳原本預期的繪畫大概位置。

步驟2

我們想讓建築的兩邊都可見:右側和前面。它們共有壹個維度:高度。  在兩點透視裏,高度壹般都是保持絕對的垂直。因此我們不需要為它畫出消失點。 

house edge

然而,我們把高度放在哪裏很關鍵。地平線的中間也是整個視角的中間。  如果妳把那條邊線放在那裏,兩邊都同樣可見。如何妳把它放在稍微朝左邊,前視圖將更加明顯可見,側邊就可見部分就少了。這就是我們想要的效果!

preparataion for perspective drawing
horizon line and length
相對於水平線的高度越短,越真實。

步驟3

透視將平行線變成匯聚線。匯聚線在哪呢?那麽,取決於妳。如果看到更多側面圖,消失點就越遠。

how to make perspective less distorted

步驟4

在兩條線之間畫出正視圖的另壹條邊緣線。想象壹下如果沒有透視正視線會有多長,然後根據左邊緣和地平線的夾角讓它變短壹點—90度的話,是整長,角度越小,長度越短。

house front edges
perspective front view
how to shortne in perspective
多虧了遠置的消失點,還有前視圖相對的相對高度,我們的角度足夠寬,能夠達到幾乎全長。

步驟5

現在可以將兩邊進行連接,得到整個前墻面。記住現實中是平行的!和它們平行的任何平行線都會朝向消失點。

perspective parallel lines
perspective front
perspective parallel vann

步驟6

現在來畫另壹側。規則很簡單:壹邊可見越多,另壹邊就越少。因此我們需要將消失點放近壹點。

how to place vanishing points

步驟7

再次,想象下整個側面的全長,根據角度對它進行縮短。

perspective converging lines
perspective 2d views
perspective two walls
角度很準確,因此我們需要對側邊進行縮短。

步驟8

再畫兩條線將這側邊墻進行閉合。再次,這些線條是平行的,所有和它們平行的線都會朝向同壹個方向。

perspective house side
perspective flat views
perspective simple building

步驟9

現在妳知道了如何使用消失點,我接下來將向妳展示繪圖,讓細節更加明顯。

 透視會扭曲比例,因此我們需要小心地畫參考線。最好使用特殊的通用算法將壹個區域劃分成相等的部分。  我們來把正面分成兩半,三份—柱子大概是整個長度的三分之壹,這會對我們很有幫助。

house front divided into thirds
常規的長度使得繪圖更容易,所以讓我們簡化比例。

首先將正視圖的邊角連接起來。

how to divide rectangle in half
how to draw halves in perspective

步驟10

矩形的對角線即使在透視當中也能找到中間位置。這就是我們為什麽把它分成兩半。保持這條線垂直。

rectangle two parts algorithm
how to divide into halves in perspective
註意其中壹半比另外壹半長—這就是在透視當中的體現,也是不能用尺子這樣做的原因所在。

步驟11

紮到中間線後,我們可以用它創建三等分線。

how to cut in three
perspective three thirds
cut in three
how to divide in thirds in perspective

保證這些參考線都是可見的,供後面使用,但是不要將它們和真正的線稿混合了。

perspective guide lines

步驟12

側面墻大概有五個窗戶那麽長,那麽把它分成五份。這裏也有壹個算法:

house side wall
perspective cut in half
perspective side wall
cut in cross
prspective cross
diagonals
perspective diagonals
draw diagonals
perspective four diagonals
how to divide in five parts
how to divide in fifths in perspective

再次,讓這些參考線陰影可見。

perspective building guide lines

2. 如何在透視中添加門窗

步驟1

我們還需要更多參考線確定墻上的對象。因為這是壹座建築,這些組成部分要遵循某種比例。壹旦我們發現後,把它應用到畫裏面。 

看看窗上方的輪廓高度,窗戶高度,還有墻下部的高度。在邊沿處進行標記

house divide horizontally
divide horizontally
perspective divide horizontally

步驟2

穿過這些點畫平行線。妳記得這些的平行線指的什麽嗎?

parallel lines
how to draw parallel lines in perspective

步驟3

將壹個區域分成兩部分,三部分非常簡單了,現在我們假設窗戶還有它的輪廓線是整個正視墻面長度的九分之壹。將每個三分壹部分再分成三份,來創建參考線。

divide into ninths
how to draw regular guide lines in perspective

步驟4

門沒有這麽明顯的比例,因此我們需要自己繪制。將兩個明顯的點連接...。

how to discover proportions in drawing
how to make drawing proportionate in perspective

...參考線交叉處畫壹個垂直的線。

crossing of the guide lines
perspective mark

步驟5

現在有足夠多的參考線來畫出門窗的輪廓了。

windows and doors
windows and draws front view
windows and doors in perspective

步驟6

實際的窗戶在輪廓內稍微更深壹些。我們怎麽猜到它的寬度呢?好的,我們來創建!對稱的“X”很容易畫...

symmetrical division
symmetrical division in perspective

...它們整齊地穿過上面的參考線。

house windows
house in front view
how to place windows regularly in perspective

3. 如何在透視中畫屋頂

步驟1

我參考的圖片屋頂不容易畫,但是不要氣餒!每個屋頂都遵循同樣的規律,只是有壹些需要跟多耗費更多工作。

確定屋頂的最高點。要以三維的想法—不能就把墻壁進行拉長,在那確定壹個點。這壹點必須同時屬於兩面墻!

house roof height
house height front view
how to define roof height in perspective
屋頂的高度是任意的,但是壹定確保讓它和整張圖比例合適。

步驟2

我畫的屋頂頂部有個“梁”。它的寬度可以是個不錯的參考點,但是我們首先需要進行限定。再次,在透視中給繪圖添加長度,我們必須要參考已經畫出的線條。  比如,在窗戶的側邊畫兩條對角線(我們能確定它們是對稱的)...

house roof proportions
hidden proportions front view
hidden proportions perspective

...畫壹條線穿過最底下的水平參考線交叉的點。

house front view roof
這些線條的長度是任意的
house roof width perspective

步驟3

為了畫出這些線條的高度,我們需要把它們和中間線放在同壹水平上。通過慘考線引出壹些線條找到正確的點。

how to use guide lines in perspective

步驟4

我們知道這個棱在哪開始的,但是還不知道在哪結束。還需要更多慘考線找到那個點。記住壹定要保持整體的比例。

how to make proportions constant front view
how to make proportions constant perspective
perspective roof distortion

步驟5

妳現在可以很容易的畫出棱的輪廓線。

house top ridge
complicated roof perspective
沒有必要畫出有正面墻擋住的線條,但是妳要知道他們在哪。

步驟6

在畫出屋頂剩余部分,我們需要了解我們要畫什麽。從側面看,屋頂像個三角形,我們已經有了這個三角形的頂部,那麽需要跟著這個規律。

house roof triangle

如果我們將墻頂部朝著那條線延長,我們會找到屋頂的長度(測量從墻到邊緣的距離)。

house roof length

現在我們的任務就是創建壹些很容易復制的參考線。它們在哪不重要,只要能夠用來幫助我們創建比例就行。

house perspective proportions

將這些參考線應用到透視繪圖中。

special guide lines for roof

步驟7

為了找到屋頂的實際長度,我們需要把它延伸到地面上。 

how to find roof length in perspective

步驟8

我們有了長度,但是還需要拐角的正確位置。現在就很容易找到了!

perspective roof corners

步驟9

只要在地上的這些點已經沒有什麽用了,但是不難把它們延伸到正確的水平上。

house roof height
perspective how to place the roof correctly

步驟10

最後,將這些點連接在壹起!

roof front view
how to draw a roof in perspective

4. 在透視當中如何畫壹個復雜的屋頂

房子現在有墻面和屋頂了,就算完成了。但是很無趣,和參考圖片壹點都不像!現在我們準備讓它看起來更有趣,記住這可能會增加難度水平。  我也同樣認為妳已經掌握了我們之前使用的方法,那麽我可能就不會全部壹步步來進行解釋了。

步驟1

屋頂上的組成元素不是任意畫出的,我們需要自己去找到它。先來畫壹些重復的參考線:將中間大塊分成八個部分。 

eight parts division
divide into eights in perspective

步驟2

門廊上的屋頂從水平中間開始的,但不正好是屋頂的中央。找到妳想用來做參考線的準確點,然後把它們進行延伸。

house roof center
house porch height
porch height in perspective
始終註意墻內元素的位置。

步驟3

門廊上的屋頂看起來和屋頂余下部分平行。我們可以在側視圖很容易標記出來,但是我們怎麽在透視中找到它呢?

roof curvature
roof angle front view

壹如以往,我們需要創建可復制的參考線,幫助我們達到想要的結果...

replicable guide lines

...將它們向畫內延伸。

guide lines projection in perspective

步驟4

我們知道在側邊屋頂的長度,但是我們還需要找到它的寬度(這個,就像參考圖顯示的,稍微比前面墻之間三分之壹長)。這些參考線就能幫助到妳。

porch roof width
house porch width
porch roof in perspective

步驟5

現在我們需要從兩個尺寸上,對參考線進行交叉找到屋頂的拐角。下面的圖可能看起來很讓人迷惑,因為我們和水平線很近,以至於參考線幾乎成了水平線。 

horizontal guide lines

步驟6

現在可以畫出小屋頂的輪廓線了!

porch roof outline front view
porhc roof outline in perspective

步驟7

屋頂上凸出的窗戶很難畫,如果妳覺得很難的畫,就直接跳過吧。

首先,我們在屋頂上添加壹些參考線,更好的看到表面。不需要消失點,只是遵循它們的規律。

roof curvature lines
roof guide lines

步驟8

在屋頂的內部,我們還需要更多的慘考線。把它分成四份。

inner roof guide lines
inner roof guide lines perspective

步驟9

我們應該可以確定窗戶形狀的位置了。

roof window guide lines
roof window guides

步驟10

這個窗戶有個三角形頂部,那麽我們需要把它標記出來。只要是還在同壹水平深度上,就非常容易了,不是嗎?

roof window height
roof window height in perspective

步驟11

現在我們需要將窗戶的輪廓線延伸到屋頂上。我之前就告訴過妳,接下來會很難哦!

additional roof guide lines
additional roof guide lines in perspective
how to draw roof in perspective
how to draw roof window in perspective
how to measure roof in perspective
how to draw triangular weindow in perspective

步驟12

窗戶的頂部是凸起來的,因此我們也要對它延伸。我們將要使用正面墻作為參考,這樣更容易。

house roof window
small window roof proportions
triangular window roof outline

將整個窗戶輪廓線伸出,為了讓測量更簡單。

triangular window proportions

步驟13

頂處有壹定的厚度和角度,那麽就不容易進行延伸。使用壹個技巧:找到自動創建該屋頂處輪廓的參考線。不需要準確找到,接近就可以了。

triangular window roof width
triangular window width in perspective
triangular window roof on roof
triangular window roof on roof in perspective

步驟14

使用同樣的步驟創建另壹個窗戶,或者通過已經畫出的窗戶來畫參考線。

how to draw windows on the roof in perspective

步驟15

我們已經準確知道屋頂從哪開始,因此我們現在就能輕松的畫出它們的頂部。

how to make roof mroe interesting

步驟16

這些窗戶的側邊都是朝著屋頂內部的,但是也被它覆蓋在下面。頂蓋的彎曲可以被測量到的,但我們沒必要達到很精確—只要記得向下的每條線都必須稍微轉向正視圖(因為它的後面漸漸被屋頂蓋給遮住了)。

complciated roof in perspective
roof curvature in perspective

5. 如何在透視中壹步步來畫壹個Porch 

步驟1

這個門廊有對稱的兩邊,但我們只需要在壹側有個參考線。我們來在左側創建壹個類似的。

house symmetrical porch
symmetrical porch in perspective

步驟2

使用這些參考線創建短墻的輪廓線。

house porch walls
porhc walls front view
porch wall outline

步驟3

這些墻會和上方的屋頂壹樣長,但寬度不壹樣。借助壹條另外的參考線將屋頂的部分和門廊區域寬度區分開來。

roof over porch
roof over porch proportions

步驟4

現在可以畫出這些墻面的側邊了。

little walls of porch
porch walls in perspective

步驟5

將墻面內邊側分成三份—足夠能畫出四層臺階。

house porch divide into thirds
house porch wall divide into thirds

步驟6

第壹層臺階很平坦,添加其他臺階前把它標記為第壹層。高度可以是任意的。

house flat step
house first step front view
house first step in perspective

步驟7

將後面兩個三等分在分成16個部分—每個臺階四個高和四個長。

how to prepare guide lines for steps
how to prepare guide lines for steps in perspective

步驟8

根據參考線,畫出臺階的輪廓線。

steps outline
steps outline front view
steps outline in perspective

步驟9

現在有足夠的參考線畫出臺階。

steps front view
how to draw house steps
how to draw steps in perspective
還有壹個方法就是在側邊畫出臺階的輪廓線,然後把它們進行連接

步驟10

門廊墻面有壹個比周圍地區高的部分,因此我們也要把它畫出來。根據現有的圖形,很容易把它畫出來。

house elevated porch wall
house elevated porch wall front view
elevated porch wall perspective
interesting porch walls in perspective

步驟11

從墻下面部分伸出的柱子支撐屋頂。我準備使用簡單的方法,讓它們和墻,壹個臺階壹樣寬。

house porch pillar
house pillars front view
house pillars in perspective

步驟12

當所有的參考線完成了,妳就能完成妳的繪畫。如果妳使用的是數位板,只需要將參考線移除,跟著其他元素的規律添加細節部分。  如果妳使用的是傳統的方法,最好在草圖上再放壹張新紙,在上面畫出清晰的線條。

how to draw a house step by step

做的不錯!

這是壹個很長的教程,但是希望我把其中關於透視,獨立畫出建築的壹些事情給大家講清楚了。不要忘了把妳完成的作品結果放在下面的評論區哦! 

how to draw a house in perspective
关注我们的公众号
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.