2.5D插畫在商業(yè)設(shè)計(jì)風(fēng)格中一直名列前茅,并且受到客戶和設(shè)計(jì)師的廣泛歡迎。為什么呢?這有三個(gè)原因:

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

ai制作精美的2.5D插畫

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

ai制作精美的2.5D插畫

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

ai制作精美的2.5D插畫

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

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

 

 

ai制作精美的2.5D插畫    

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

 

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

ai制作精美的2.5D插畫

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

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

ai制作精美的2.5D插畫

首先從線段開始,我們最初以30度(或330度)的角度放置。我只有在三種情況下使用等距測(cè)量法:

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

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

3)對(duì)齊沿直線延申的相同長度的物體;

ai制作精美的2.5D插畫

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

ai制作精美的2.5D插畫

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

ai制作精美的2.5D插畫

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

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

 

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

ai制作精美的2.5D插畫

等距是一種角度,其中形狀的三個(gè)邊是可見的,所有直線彼此平行并且沒有透視縮短。缺乏透視力迫使我們?cè)谑褂玫染鄷r(shí)使用一些技巧。我們來看看例子:

 

A.中心元素

ai制作精美的2.5D插畫

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

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

問題是我們的愿景不允許我們?cè)诘容S測(cè)視圖中看到事物。

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

ai制作精美的2.5D插畫

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

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

 

B.物體的大小

ai制作精美的2.5D插畫

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

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

ai制作精美的2.5D插畫

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

 

C.視覺靜態(tài)

ai制作精美的2.5D插畫

左 - 看起來不自然;右 - 看起來更逼真

 

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

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

ai制作精美的2.5D插畫

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

 

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

ai制作精美的2.5D插畫

左邊 - 比較死板,不夠自然,右邊 - Good job

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

ai制作精美的2.5D插畫

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

使用這些技術(shù)不僅可以顯著增加您的工作效率,還可以使您的插圖更專業(yè)??纯闯晒?nbsp;          

ai制作精美的2.5D插畫

 

ai制作精美的2.5D插畫

ai制作精美的2.5D插畫

ai制作精美的2.5D插畫

ai制作精美的2.5D插畫

ai制作精美的2.5D插畫

ai制作精美的2.5D插畫

ai制作精美的2.5D插畫

ai制作精美的2.5D插畫

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

標(biāo)簽:2.5D插畫

相關(guān)文章

隨機(jī)推薦