我現(xiàn)在在Zeta工作，是一名產(chǎn)品設(shè)計師。 雖然我從未學(xué)過設(shè)計淫茵，還是工程師出身，畢業(yè)于印度一所不是很好的學(xué)校。但與外界貼在工程師身上的標(biāo)簽“單調(diào)垢夹、無聊”恰恰相反，我的專業(yè)實際上具有很高的創(chuàng)造性维费。
雖然我擁有不錯的視覺審美（我的意思是果元，我知道什么樣的T恤應(yīng)該搭配什么樣的鞋），但我更多是一位交互設(shè)計師犀盟，日常工作是：頭腦風(fēng)暴而晒，確立產(chǎn)品特性，創(chuàng)建UI流程阅畴，分享用戶行為等等倡怎。
在必要的時候我會做一些圖，但是我還沒有到達(dá)可以自信地仰起脖子說自己是一位插畫師的等級。（我正在努力ing）
雖然监署，我掌握了大部分AI技巧颤专，可以熟練使用AI，并能從容地畫一些簡單的功能圖標(biāo)钠乏。
但是當(dāng)涉及到“設(shè)計一個場景”或者“畫一些美觀的東西”時栖秕，我發(fā)現(xiàn)自己還是有很大的缺失。對于我來講缓熟，很難辨別哪些元素是至關(guān)重要的累魔，哪些是不必要的，甚至是多余的够滑。
比如垦写，當(dāng)我畫一個房子，畫了很多版彰触！
“我應(yīng)該畫一個窗戶還是兩個窗戶梯投？”
“我應(yīng)該給門加分割元素嗎？看上去會不會很亂况毅？”
“我是不是應(yīng)該加個煙囪讓它看起來更像一棟房子分蓖？”
“我怎樣去設(shè)計才能讓這個房子看上去更像一家商店？”
這些答案不會主動地來找我尔许。
這種情況在我去畫更大么鹤、更細(xì)致的插圖時更加嚴(yán)重。在某種程度上味廊，我無法找到那種令人舒適的平衡感蒸甜。
一、發(fā)現(xiàn)
經(jīng)過一段時間的觀察余佛，我發(fā)現(xiàn)通過引入第三維度柠新，我可以把那些我理想中的那些細(xì)節(jié)加入到這些簡單的圖標(biāo)中，而且看起來一點都不復(fù)雜辉巡、凌亂恨憎。
在3D的插圖中多出兩個面，使它更接近現(xiàn)實中的物理對象的同時郊楣，還增加了視覺吸引力憔恳，效果相當(dāng)棒！
當(dāng)我們看現(xiàn)實中的物體時痢甘，大腦會基于不同距離和視角區(qū)感知它喇嘱、扭曲它。（在不同距離塞栅、不同視角中者铜，我們看到的物體呈現(xiàn)出來的形態(tài)是不同的腔丧。）我們模仿這種情況去做的圖，被稱為透視圖作烟。簡單來講愉粤，就是將物體遠(yuǎn)離視線的部分比照接近視線的部分按比例縮小。
2拿撩、等距插圖
有另一種方法可以簡化3D繪圖衣厘，這種方法是我在工程學(xué)院學(xué)到的——等距。
這種形式的插圖提供了一個獨特的視角压恒，適合技術(shù)圖紙影暴。它唯一缺少的就是透視感，即探赫，這個物體的每一個部分型宙，無論是離視線近，還是遠(yuǎn)伦吠，尺寸不變妆兑。這種方法更加容易，而實踐起來很實用毛仪。
三搁嗓、趨勢
最近，等距插圖在數(shù)字產(chǎn)品上越來越常見了箱靴，因為他們簡單腺逛、好看且真的很好用！當(dāng)我第一次看到它們的時候衡怀，我無法相信它們竟然是用Ai——一款2D繪圖軟件畫出來的屉来。但是現(xiàn)在我學(xué)會了繪制它們的技巧，現(xiàn)在再看它們就是小菜一碟狈癞。
我自己畫了了一些，它們不需要一雙福爾摩斯的眼睛去分辨哪一個角度看上去會更加可口茂契。
四蝶桶、技巧
這種技巧被稱為SSR，只有實現(xiàn)涅槃才能掌握的超級難的技巧掉冶。
哈哈真竖，開玩笑的。
SSR指的是——比例厌小、斜切恢共、旋轉(zhuǎn)（Scale, Shear and Rotate）。對璧亚，就是這么簡單讨韭。通過縮放、剪切、旋轉(zhuǎn)正射投影（即投影平面切于地球面上一點透硝，視點在無限遠(yuǎn)處狰闪，投影光線是互相平行的直線，并與投影平面相垂直濒生。）埋泵，我們可以模仿他們的等距對應(yīng)形態(tài)。
假設(shè)我們現(xiàn)在需要把一個正方形制作成等距模式罪治，我們需要這樣做丽声。
第一步：繪制正射投影
傳統(tǒng)上，我們會稱這些視圖為俯視圖觉义、正視圖雁社、側(cè)視圖。但是在這篇教程里谁撼，我會把它們稱為：俯視圖（top view）歧胁、左視圖（left view）和右視圖（right view），以避免出現(xiàn)描述上的混亂厉碟。
第二步：應(yīng)用SSR來修改這三個視圖
我們從俯視圖開始，把它從正射投影選出來：
1.（Scale）調(diào)整高度到86.602%（是的箍鼓，它需要精確到86.602%崭参，不能四舍五入到86%或者90%）。
2.（Shear）然后款咖，將圖形斜切+30°何暮。
3.（Rotate）最后，把斜切后的圖形旋轉(zhuǎn)-30°铐殃。
請保證你是嚴(yán)格按照以上比例數(shù)據(jù)來做圖的海洼，否則，最終做出來的圖可能會出現(xiàn)偏差富腊。
鐺鐺鐺~我們的俯視圖就做好啦~~
與俯視圖相似的步驟坏逢，接下來做左視圖和右視圖：
左視圖：
1.調(diào)整高度到86.602%（同樣要確保這個數(shù)字）；
2.斜切-30°赘被；
3.旋轉(zhuǎn)-30°是整。
右視圖：
1.調(diào)整高度到86.602%（同樣要確保這個數(shù)字）；
2.斜切+30°民假；
3.旋轉(zhuǎn)+30°浮入。
總結(jié)一下，下面是轉(zhuǎn)換數(shù)值的總表單羊异。
第三步：把它們組合在一起
現(xiàn)在只剩最后一步事秀，就是把所有的面組裝在一起彤断，完成！
現(xiàn)在你應(yīng)該知道了秽晚，我們要做的就是把等邊距圖形的各個部分細(xì)致地調(diào)整即可
專業(yè)技巧1：
在Ai里瓦糟，可以在Action中將“調(diào)整高度、斜切赴蝇、旋轉(zhuǎn)”綁定后一鍵設(shè)置。我可以寫如何實現(xiàn)這種操作的教程句伶，不過這就是另外一篇文章了劲蜻。
專業(yè)技巧2：
每一個等距圖形的視角要是相同的，因為這樣考余，才能將它們非常和諧地搭配組合在一起先嬉。舉個例子，我可以輕易地將這個等距漢堡放在等距的筆記本電腦的右邊楚堤，二者擺在等距桌子的上面疫蔓，并且，它們看起來是如此搭配身冬。
所以，你準(zhǔn)備好了去喚醒沉睡在你身體里的插圖天賦嗎酥筝？通過引入第三維度滚躯，你可以打開曾經(jīng)被束縛住的無限可能！
原文作者：Saptarshi Prakash
翻 ? ? ? 譯：藍(lán)湖
注：本文系藍(lán)湖原創(chuàng)翻譯嘿歌，轉(zhuǎn)載請聯(lián)系我們獲取授權(quán)
