作者網(wǎng)址：Nitish Khagwal
原文地址：Creating?Isometric?Illustrations—Made Simple with the Geometric Technique
譯者：mantfly
簡(jiǎn)介：isometric 等距風(fēng)格，也稱2.5D風(fēng)格。本文用一系列圖例教初學(xué)者如何畫出等距插圖。AI可以用3d效果畫出2.5d風(fēng)格，但是線的粗細(xì)會(huì)在空間受影響。下面這種方法適用于ps、ai（sketch單軸縮放沒(méi)有百分比）。
插畫師都用傳統(tǒng)的網(wǎng)格線，先畫等距參考線再徒手畫物體。
本文適合給有一定ps基礎(chǔ)的新手插畫師/設(shè)計(jì)師。如果你想知道讀了這十分鐘的文章之后能夠獲得什么畫圖技能，可以看看這個(gè)合集→?Isometric Space?。
幾何技巧
平面是二維的延伸面。
等距風(fēng)格插畫由3個(gè)幾何平面構(gòu)成。
XY面——物體位于X和Y平面。物體的形狀在XY平面變化，而深度、高度和距離在z平面變化。
YZ平面——物體位于YZ平面。物體形狀在YZ平面變化，而深度、高度和距離在X平面變化。
ZX平面——物體位于ZX平面。物體形狀在Z和X平面變化，而深度、高度和距離在Y平面變化。
在XY表面畫等距物體的步驟
打開(kāi)PS創(chuàng)建新文檔。
用矩形工具（U）畫一個(gè)邊長(zhǎng)約為400px 的正方形。
用指針（V）選中正方形，高度設(shè)置為90%。
用指針選擇正方形，將水平傾斜角度設(shè)置為-30度。
旋轉(zhuǎn)30度，圖形就放置于XY平面上了。
再看下連在一起的效果。
現(xiàn)在，通過(guò)用“Alt”+“向下箭頭”鍵復(fù)制相同的形狀幾次（≈75+），可以在Z平面中擠出正方形的深度。結(jié)果將如下所示 -
現(xiàn)在可以使用剪切遮罩再添加不同顏色到場(chǎng)景中，最終的輸出如下-
現(xiàn)在在XZ平面畫等距物體。創(chuàng)建一個(gè)新的ps文檔，畫一個(gè)邊長(zhǎng)400px的正方形。
將正方形旋轉(zhuǎn)-45度。
高度設(shè)置為56%。
旋轉(zhuǎn)60度。
用“Alt”+“向上箭頭”和“Alt”+“向右箭頭”鍵復(fù)制相同的正方形（≈75+），可以在Y平面中擠出正方形的深度。結(jié)果將如下所示 -。
匯集這些步驟。
你現(xiàn)在可以用遮罩工具架不同顏色到場(chǎng)景中，現(xiàn)在可以輸出如下的圖。
YZ平面，同上。
旋轉(zhuǎn)45度。
高度改為56%。
旋轉(zhuǎn)角度-60度。
復(fù)制。
匯集這些步驟。
上色。
