萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Adobe Illustrator教程 >> Illustrator技術理論教程:等角和拼圖

Illustrator技術理論教程:等角和拼圖

  等角屬於制圖一類的,它可以使你在不使用透視的情況下,快速、精確地繪制一個對象。我會在這篇教程中詳細講述關於等角的概念。一般,我會先從等角隸屬的制圖科目開始說起。

  拼圖

  拼圖是描述一個對象是由幾個不同的圖形組成的方法。拼圖也叫工程制圖或者叫俯視圖。使用一組拼圖,Illustrator就可以很容易地畫出任一角度的、透視的、等角的或者很多其它制圖的三維空間對象。3D模型經常使用等角來精確繪制3D對象。

Illustrator技術理論教程:等角和拼圖 三聯

  拼圖是在二維空間裡表達三維空間對象的一種方法。比較典型的一種拼圖是繪制的具有一定比例的對象的上方、側面和前面的視圖。

  拼圖可能有大於3面的,如果對象有一面比較特別的話,那麼只用3個視圖是無法清晰地表達一個對象的。

Illustrator技術理論教程:拼圖和等角

  當你有了一組清晰的拼圖後,你就可以用各種各樣不同的方法來繪制某個對象了,並且在你的設計中都會用到這些視圖。如果你要繪制實物拼圖的話,那你就要先測量實物尺寸了。使用尺子或者一套測量儀來測量對象的每一面,然後記錄下來,畫一個草圖。當你完成數據標示後,你就可以按照你標示的數據在 Illustrator中繪制一組拼圖了。拼圖又給我們帶來了很多關於等角的問題。

  等角是軸測投影科目裡的一種。等角使用的都是希臘的平均測量法則。這是因為等角不能使用滅點法,只能是用30度角的縱橫交錯的網格線。

Illustrator技術理論教程:拼圖和等角_天極設計在線整理

  一般等角的直觀感受是它脫離了現實。當等角立方體在透視立方體的旁邊時(圖示),這一點就很明顯了。如果你想用等角的方式繪制的話,那就一定會有一些地方的扭曲(這裡的扭曲指的是不符合事實上的透視圖)。這就是為什麼等角會有很特殊的視覺外觀的原因之一。特別是使用illustrator,然後用等角的方式繪制上方(對象的上方面)的時候。所以,在你繪制對象的時候,每一個對象放在三維圖的哪一個面上都是一樣的。

  譯者注:這裡要解釋整理一下思路:

  1. 先得到一組拼圖,拼圖包括三維圖的上方、側面、前面;

  2. 每一面的重復對象在畫拼圖的時候,不需要重復繪畫,例如:立方體,每一面都是正方形,在畫拼圖初稿的時候,只要畫一個正方形就可以了,不需要畫3個正方形。

  在沒有滅點和視平線的情況下,一個對象不管放在頁面上的哪個位置都是一樣的。這一點很重要,因為你只要畫一個對象就可以了。例如:你可能要繪制一個有一百多個螺絲釘的裝配工具,但你只要畫一個螺絲釘就可以了,其它的可以復制。這樣你的工作效率就提高了。

  還有很多很多其它的科目也不使用滅點或者是視平線,那些對你的幫助是類似的。但只有等角是這些科目當中唯一一個跳出illustrator工具箱,並且對於圖形設計師有著很大幫助的技術。早期的電子游戲上的等角的使用,早已影響了很多等角像素設計師。然後當資料圖片在雜志和報紙上越來越多的使用時,你會發現設計師開始越來越多的使用等角了。

  畫等角

  OK,現在我們來說說如何繪制等角。繪制等角最好的方法是在Adobe Illustrator中先做一個等角網格。

  Step 1

  先打開首選項(Ctrl+K),然後設置鍵盤增量為1in。

Illustrator技術理論教程:拼圖和等角_天極設計在線整

  Step 2

  使用直線工具,在頁面的任一位置上點一下,彈出對話框,輸入長度:30in,角度:30度。

Illustrator技術理論教程:拼圖和等角_天極設計在線整

  Step 3

  現在按住Alt鍵+點一下向右箭頭鍵,使直線移到頁面的右邊。因為我設置的鍵盤增量是1in,所以復制的直線是向右移1in。重復這一操作,直到滿頁。

Illustrator技術理論教程:拼圖和等角_天極設計在線整理
Illustrator技術理論教程:拼圖和等角_天極設計在線整理

  Step 4

  從右向左移使用150度的直線,復制第3步的操作。你也可以選擇所有的直線,然後在鏡像工具上雙擊,然後水平鏡像,點“復制”按鈕。

 

Illustrator技術理論教程:拼圖和等角_天極設計在線整理

  Step 5

  現在你有了一個等角網格。選擇菜單>全部(Ctrl+A),然後按Ctrl+5或者視圖菜單>參考線>建立參考線,以使網格線轉換成參考線。保存文件為“iso網格模板”,這樣你以後再用到等角繪圖的時候就可以隨時調用了。

Illustrator技術理論教程:拼圖和等角_天極設計在線整理

  Step 6

  現在我們可以在等角網格上繪制對象了。使用鋼筆工具,繪制四邊形。

Illustrator技術理論教程:拼圖和等角_天極設計在線整理

  Step 7

  使用直接選擇工具(白箭頭),使四個角和網格上的正方形的網格點對齊。

Illustrator技術理論教程:拼圖和等角_天極設計在線整理

  Step 8

  使用鋼筆工具,用上述同樣的方法,繪制立方體的左面和右面。先快速地畫一個大概的四邊形形狀,然後使用直接選擇工具把四個角分別移到正方形網格的網格點上。在等角網格上繪制形狀的時候,先想一想要畫的對象:上方、左面、右面。這更有利於表現復雜的圖形。

Illustrator技術理論教程:拼圖和等角_天極設計在線整理

 

Illustrator技術理論教程:拼圖和等角_天極設計在線整理

  Step 9

  選擇這3個面,然後編組(Ctrl+G),現在你有了一個等角立方體,你可以再繪制幾個立方體的副本,然後繪制更大的形狀,你可以放大立方體,也可以縮小立方體,然後就做出了下圖的形狀。

Illustrator技術理論教程:拼圖和等角_天極設計在線整理

  結合拼圖

  現在你知道了在等角網格上繪制立方體的原理了,那我們就再來說說拼圖吧。

  Step 1

  在網格上先畫一些簡單的,具有一定比例的拼圖。

 

Illustrator技術理論教程:拼圖和等角_天極設計在線整理

  Step 2

  先畫左側面。使用鋼筆工具,算一下網格格子,然後畫一下大致的圖形。然後使用直接選擇工具,使錨點對齊網格點。

Illustrator技術理論教程:拼圖和等角_天極設計在線整理

 

  Step 3

  再畫形狀的前面。計算網格格子,使用鋼筆工具繪制大概的形狀,然後使用直接選擇工具,使錨點對齊網格點。

Illustrator技術理論教程:拼圖和等角_天極設計在線整理

 

Illustrator技術理論教程:拼圖和等角_天極設計在線整理
copyright © 萬盛學電腦網 all rights reserved