A.在2.5D插畫中，我們可以使用全系列的圖形解決方案進(jìn)行說明，使其在視覺上獨(dú)一無二。這對于為特定品牌的需求而創(chuàng)建的圖形非常重要。

     B.您在單個(gè)場景中傳達(dá)復(fù)雜或者比較細(xì)膩的信息時(shí)，2.5D插畫比平面插畫更有信息性。

C.由于2.5d屬于單一透視。所以這對于繪畫基礎(chǔ)相對比較薄弱的設(shè)計(jì)師，會(huì)相對更容易一些。

 不過在初次嘗試2.5D的時(shí)候也會(huì)相對比較困難。

因?yàn)榫W(wǎng)上關(guān)于這個(gè)話題的教程比較少，理論性的文章偏多。

所以這兩年來，我們一直在教人們矢量圖形，等距和商業(yè)插畫。在本文中，我想與您分享使用等距插圖的最有效工具，并分析如何使插圖更好。那么，讓我們開始吧！

一. 2.5D設(shè)計(jì)方法

首先要做的是永遠(yuǎn)忘記SSR方法。

要在Adobe Illustrator中使用等距，我們使用引導(dǎo)線和內(nèi)置3D功能，例如Extrude和Bevel，Rotate和Revolve。我們分別檢查了每個(gè)工具。

首先從線段開始，我們最初以30度（或330度）的角度放置。我只有在三種情況下使用等距測量法：

1）當(dāng)物體具有簡單矩形的形狀時(shí)，眼前物體的尺寸和比例;

2）當(dāng)需要完成體積圖的“平面”時(shí)；

3）對齊沿直線延申的相同長度的物體；

當(dāng)您需要將復(fù)雜形狀轉(zhuǎn)換為等軸測視圖時(shí)，旋轉(zhuǎn)是最理想的。

我需要在前面提到的旋轉(zhuǎn)功能的幫助下增加我們轉(zhuǎn)向等軸測視圖的形狀厚度時(shí)使用擠壓和斜角功能。

當(dāng)您需要繪制使用以前的工具很難創(chuàng)建的旋轉(zhuǎn)形狀時(shí)，旋轉(zhuǎn)功能是不可或缺的方式。使用旋轉(zhuǎn)工具時(shí)，我們按輪廓繪制對象的一半，然后旋轉(zhuǎn)它。

使用這些工具，您可以在等軸測投影中構(gòu)建復(fù)雜的形狀，這些形狀在SSR的幫助下無法構(gòu)建。

二.光學(xué)補(bǔ)償

等距是一種角度，其中形狀的三個(gè)邊是可見的，所有直線彼此平行并且沒有透視縮短。缺乏透視力迫使我們在使用等距時(shí)使用一些技巧。我們來看看例子：

A.中心元素

左邊的圖片顯示，由于縮短，中心暗矩形（A）左側(cè)的距離大于右側(cè)（B）的距離。同時(shí)，它在幾何和視覺上都處于中心位置。

但是，在等軸測圖中，內(nèi)部對象必須向右移動(dòng)，以便在視覺上看中心。

問題是我們的愿景不允許我們在等軸測視圖中看到事物。

這就是為什么幾何中心并不總是在視覺（或光學(xué)）的位置

主頁按鈕和手機(jī)的攝像頭向右移動(dòng)，以便在視覺上看中心

為了彌補(bǔ)透視的不足，我們必須將內(nèi)部物體略微向右移動(dòng)。我們無法確定究竟有多遠(yuǎn)，因?yàn)樗Q于它的大小。你只能通過眼睛告訴它。

B.物體的大小

等長線中缺少縮短也會(huì)導(dǎo)致相同尺寸的物體彼此距離相當(dāng)遠(yuǎn)的物體出現(xiàn)一些問題。在透視圖中，我們可以很容易地確定哪個(gè)物體更近，哪個(gè)更遠(yuǎn)。但是，這不適用于等軸測圖。

這可以在汽車的車輪中最清楚地看到。如果我們繪制相同尺寸的近輪和遠(yuǎn)輪，則視覺上看起來像后輪更大

這就是為什么為了在視覺上創(chuàng)造相同的輪子，我們應(yīng)該將后輪稍微縮小（例如B）。如果我們使它們的尺寸更加明顯（例如C），那將會(huì)更好。

C.視覺靜態(tài)

左 – 看起來不自然；右 – 看起來更逼真

由于在等軸測圖中所有線條彼此平行，因此插圖看起來不自然。

通過添加以不同角度放置的對象可以很容易地解決該問題。       

筆記本電腦的例子清楚地證明了這一點(diǎn)。直線是2.5D比較不常用，可以稍微有些角度（與那些推廣SSR方法的人一樣）。

III.做有風(fēng)格的樣式化設(shè)計(jì)

左邊 – 比較死板，不夠自然，右邊 – Good job

在等軸測視圖中，我們看到一個(gè)物體的三個(gè)邊。如果我們不使用等距測量方法，我們就不會(huì)得到漂亮的2D插圖，3D效果也顯得不倫不類。

請務(wù)必在插圖中使用如下流行的方法：負(fù)空間，形狀線條，紋理和對比陰影。如果可以的話，盡量避免各種色調(diào)的原色。

使用這些技術(shù)不僅可以顯著增加您的工作效率，還可以使您的插圖更專業(yè)。看看成果：           

原文地址：https://medium.muz.li/how-to-make-great-isometric-illustrations-by-the-simplest-way-b3dab0cdf47b