AI技術(shù)理論教程-拼圖和等角

這篇是等角系列教程之一。等角屬于制圖一類(lèi)的，它可以使你在不使用透視的情況下，快速、精確地繪制一個(gè)對(duì)象。我會(huì)在這篇教程中詳細(xì)講述關(guān)于等角的概念。一般，我會(huì)先從等角隸屬的制圖科目開(kāi)始說(shuō)起。

拼圖
拼圖是描述一個(gè)對(duì)象是由幾個(gè)不同的圖形組成的方法。拼圖也叫工程制圖或者叫俯視圖。使用一組拼圖，illustrator就可以很容易地畫(huà)出任一角度的、透視的、等角的或者很多其它制圖的三維空間對(duì)象。3d模型經(jīng)常使用等角來(lái)精確繪制3d對(duì)象。（圖01）

圖01

拼圖是在二維空間里表達(dá)三維空間對(duì)象的一種方法。比較典型的一種拼圖是繪制的具有一定比例的對(duì)象的上方、側(cè)面和前面的視圖。

拼圖可能有大于3面的，如果對(duì)象有一面比較特別的話(huà)，那么只用3個(gè)視圖是無(wú)法清晰地表達(dá)一個(gè)對(duì)象的。（圖02）

圖02

當(dāng)你有了一組清晰的拼圖后，你就可以用各種各樣不同的方法來(lái)繪制某個(gè)對(duì)象了，并且在你的設(shè)計(jì)中都會(huì)用到這些視圖。如果你要繪制實(shí)物拼圖的話(huà)，那你就要先測(cè)量實(shí)物尺寸了。使用尺子或者一套測(cè)量?jī)x來(lái)測(cè)量對(duì)象的每一面，然后記錄下來(lái)，畫(huà)一個(gè)草圖。當(dāng)你完成數(shù)據(jù)標(biāo)示后，你就可以按照你標(biāo)示的數(shù)據(jù)在illustrator中繪制一組拼圖了。拼圖又給我們帶來(lái)了很多關(guān)于等角的問(wèn)題。

等角是軸測(cè)投影科目里的一種。等角使用的都是希臘的平均測(cè)量法則。這是因?yàn)榈冉遣荒苁褂脺琰c(diǎn)法，只能是用30度角的縱橫交錯(cuò)的網(wǎng)格線。（圖03）

圖03

一般等角的直觀感受是它脫離了現(xiàn)實(shí)。當(dāng)?shù)冉橇⒎襟w在透視立方體的旁邊時(shí)（圖示），這一點(diǎn)就很明顯了。如果你想用等角的方式繪制的話(huà)，那就一定會(huì)有一些地方的扭曲（這里的扭曲指的是不符合事實(shí)上的透視圖）。這就是為什么等角會(huì)有很特殊的視覺(jué)外觀的原因之一。特別是使用illustrator，然后用等角的方式繪制上方（對(duì)象的上方面）的時(shí)候。所以，在你繪制對(duì)象的時(shí)候，每一個(gè)對(duì)象放在三維圖的哪一個(gè)面上都是一樣的。

譯者注：這里要解釋整理一下思路：

1、先得到一組拼圖，拼圖包括三維圖的上方、側(cè)面、前面；

2、每一面的重復(fù)對(duì)象在畫(huà)拼圖的時(shí)候，不需要重復(fù)繪畫(huà)，例如：立方體，每一面都是正方形，在畫(huà)拼圖初稿的時(shí)候，只要畫(huà)一個(gè)正方形就可以了，不需要畫(huà)3個(gè)正方形。

在沒(méi)有滅點(diǎn)和視平線的情況下，一個(gè)對(duì)象不管放在頁(yè)面上的哪個(gè)位置都是一樣的。這一點(diǎn)很重要，因?yàn)槟阒灰��?huà)一個(gè)對(duì)象就可以了。例如：你可能要繪制一個(gè)有一百多個(gè)螺絲釘?shù)难b配工具，但你只要畫(huà)一個(gè)螺絲釘就可以了，其它的可以復(fù)制。這樣你的工作效率就提高了。

還有很多很多其它的科目也不使用滅點(diǎn)或者是視平線，那些對(duì)你的幫助是類(lèi)似的。但只有等角是這些科目當(dāng)中唯一一個(gè)跳出illustrator工具箱，并且對(duì)于圖形設(shè)計(jì)師有著很大幫助的技術(shù)。早期的電子游戲上的等角的使用，早已影響了很多等角像素設(shè)計(jì)師。然后當(dāng)資料圖片在雜志和報(bào)紙上越來(lái)越多的使用時(shí)，你會(huì)發(fā)現(xiàn)設(shè)計(jì)師開(kāi)始越來(lái)越多的使用等角了。

畫(huà)等角
ok，現(xiàn)在我們來(lái)說(shuō)說(shuō)如何繪制等角。繪制等角最好的方法是在adobe illustrator中先做一個(gè)等角網(wǎng)格。

先打開(kāi)首選項(xiàng)（ctrl+k），然后設(shè)置鍵盤(pán)增量為1in。（圖04）

圖04

使用直線工具，在頁(yè)面的任一位置上點(diǎn)一下，彈出對(duì)話(huà)框，輸入長(zhǎng)度：30in，角度：30度。（圖05）

圖05

現(xiàn)在按住alt鍵+點(diǎn)一下向右箭頭鍵，使直線移到頁(yè)面的右邊。因?yàn)槲以O(shè)置的鍵盤(pán)增量是1in，所以復(fù)制的直線是向右移1in。重復(fù)這一操作，直到滿(mǎn)頁(yè)。（圖06、07）

圖06

圖07

從右向左移使用150度的直線，復(fù)制第3步的操作。你也可以選擇所有的直線，然后在鏡像工具上雙擊，然后水平鏡像，點(diǎn)“復(fù)制”按鈕。（圖08）

圖08

現(xiàn)在你有了一個(gè)等角網(wǎng)格。選擇菜單>全部（ctrl+a），然后按ctrl+5或者視圖菜單>參考線>建立參考線，以使網(wǎng)格線轉(zhuǎn)換成參考線。保存文件為“iso網(wǎng)格模板”，這樣你以后再用到等角繪圖的時(shí)候就可以隨時(shí)調(diào)用了。（圖09）

圖09

現(xiàn)在我們可以在等角網(wǎng)格上繪制對(duì)象了。使用鋼筆工具，繪制四邊形。（圖10）

圖10

使用直接選擇工具（白箭頭），使四個(gè)角和網(wǎng)格上的正方形的網(wǎng)格點(diǎn)對(duì)齊。（圖11）

圖11

使用鋼筆工具，用上述同樣的方法，繪制立方體的左面和右面。先快速地畫(huà)一個(gè)大概的四邊形形狀，然后使用直接選擇工具把四個(gè)角分別移到正方形網(wǎng)格的網(wǎng)格點(diǎn)上。在等角網(wǎng)格上繪制形狀的時(shí)候，先想一想要畫(huà)的對(duì)象：上方、左面、右面。這更有利于表現(xiàn)復(fù)雜的圖形。（圖12、13）

圖12

圖13

選擇這3個(gè)面，然后編組（ctrl+g），現(xiàn)在你有了一個(gè)等角立方體，你可以再繪制幾個(gè)立方體的副本，然后繪制更大的形狀，你可以放大立方體，也可以縮小立方體，然后就做出了下圖的形狀。（圖14）

圖14

結(jié)合拼圖
現(xiàn)在你知道了在等角網(wǎng)格上繪制立方體的原理了，那我們就再來(lái)說(shuō)說(shuō)拼圖吧。

在網(wǎng)格上先畫(huà)一些簡(jiǎn)單的，具有一定比例的拼圖。（圖15）

圖15

先畫(huà)左側(cè)面。使用鋼筆工具，算一下網(wǎng)格格子，然后畫(huà)一下大致的圖形。然后使用直接選擇工具，使錨點(diǎn)對(duì)齊網(wǎng)格點(diǎn)。（圖16、17）

圖16

圖17

再畫(huà)形狀的前面。計(jì)算網(wǎng)格格子，使用鋼筆工具繪制大概的形狀，然后使用直接選擇工具，使錨點(diǎn)對(duì)齊網(wǎng)格點(diǎn)。（圖18、19）

圖18

圖19

再完成形狀的上方。完成后，我相信你已經(jīng)對(duì)形狀的各個(gè)要素有了一定的了解，不只是停留在各個(gè)面上，所以說(shuō)閱讀等角并且解釋等角的概念在實(shí)際的用處中是非常有必要的。要不然，一組拼圖，用3個(gè)不同的面拼出來(lái)的可能只是變了形的三維圖。（圖20）

圖20

尾聲
使用相同的拼圖可以繪制很多不同角度，不同方向的對(duì)象。而在拼圖網(wǎng)格上建立基本的形狀是非常容易的，這對(duì)于繪制更復(fù)雜的對(duì)象來(lái)說(shuō)，非常有用。（圖21）

圖21