如果您喜歡『PS學習網』,請推薦給您身邊的朋友!本站永久域名:www.109310.tw

Illustrator繪制立體城市建筑場景圖片

當前位置 : PS學習網 > 矢量繪圖 > 正文來源:網絡作者:網絡時間:2019-08-23人氣:

等距視角(Isometric)風格也成為等軸測圖,為了增加立體感而采用45度視角,擁有出色的視覺表現,尤其適用于地圖、城市的圖形展現,同時使用3D制作工具設計的效果也會更加吸引眼球。除此之外很多精美游戲的場景設計也會用到這種視角,讓人欲罷不能,當然簡單的等軸測圖可以運用PS、AI等平面繪圖工具制作。

先看看效果圖

Illustrator繪制立體城市建筑場景圖片

步驟 01

新建一個1600×1200px的畫布,顏色模式為RGB。

Illustrator繪制立體城市建筑場景圖片

接著在畫布上建立參考線,用鋼筆工具畫出一條豎直的直線,按住 alt 向右平行復制一條直線,選中復制出來的直線,然后按 ctrl+d 重復之前的步驟,得到若干條平行直線,線的數量必須為奇數,然后全部選中編組。得到下圖 1 后,按 ctrl+f 復制出相同的兩組直線,分別將角度改成 105.4 和 -105.4 ,并將原本豎直的那組直線刪去,留下圖2。

Illustrator繪制立體城市建筑場景圖片

Illustrator繪制立體城市建筑場景圖片

Illustrator繪制立體城市建筑場景圖片

選中兩組直線,簡體版ai選擇視圖-參考線-建立參考線,將圖層命名為參考線,并鎖定圖層。

Illustrator繪制立體城市建筑場景圖片

步驟 02

沿繪制好的參考線畫一條直線,按住shift可以畫豎直的直線。?

Illustrator繪制立體城市建筑場景圖片

通過參考線的交點畫出一個面。

Illustrator繪制立體城市建筑場景圖片

?根據繪制出的一個面繪制出一整個長方體。

Illustrator繪制立體城市建筑場景圖片

?按住shift用直接選擇工具選中相應的錨點,可以改變形狀。

Illustrator繪制立體城市建筑場景圖片

以上就是繪制2.5d建筑的基本操作。

步驟 03

Illustrator繪制立體城市建筑場景圖片

Illustrator繪制立體城市建筑場景圖片

?用由步驟二得到的長方體,按住shift選中如圖錨點,向下拖動的過程再次按住shift,形狀就可以固定豎直向下拖動,由此得到圖二。??????

Illustrator繪制立體城市建筑場景圖片

Illustrator繪制立體城市建筑場景圖片

Illustrator繪制立體城市建筑場景圖片

 

選中建筑亮面最右邊的兩個錨點沿參考線角度平行拖動得到圖二,暗部面也是同樣的方法拖動暗部面最左側錨點向左拖動。

Illustrator繪制立體城市建筑場景圖片

Illustrator繪制立體城市建筑場景圖片

Illustrator繪制立體城市建筑場景圖片

Illustrator繪制立體城市建筑場景圖片

Illustrator繪制立體城市建筑場景圖片

?????選中頂部面如圖兩個錨點沿暗部面角度向左拖動,拖至和圖二暗部面左上角的點重合,另外一部分也是同樣,這個建筑的基本幾何外觀就做出來了。??????

Illustrator繪制立體城市建筑場景圖片

Illustrator繪制立體城市建筑場景圖片

Illustrator繪制立體城市建筑場景圖片

畫屋頂的時候如果遇上這種尖頂,不能確定中心點在哪的時候,可以先在上一步已經做好的形狀的頂部用鋼筆工具找中心點,在中心點豎直向上繪制一條直線,這樣繪制的亮面和暗面的屋頂就可以很容易找到中心點。????????

Illustrator繪制立體城市建筑場景圖片

Illustrator繪制立體城市建筑場景圖片

Illustrator繪制立體城市建筑場景圖片

Illustrator繪制立體城市建筑場景圖片

Illustrator繪制立體城市建筑場景圖片

Illustrator繪制立體城市建筑場景圖片

 

畫一個橢圓,最好跟原圖屋頂紫色部分的形狀弧度比對著畫,接著繪制一個矩形擋住橢圓的下半部分,置于頂層,路徑查找器-形狀模式-減去頂層,得到圖三的半個橢圓,拉一條橫向的輔助線至一半稍下一點的位置,分別豎直向下調整左側錨點和右側錨點至輔助線的位置。

Illustrator繪制立體城市建筑場景圖片

Illustrator繪制立體城市建筑場景圖片

Illustrator繪制立體城市建筑場景圖片

?????在半圓左右側分別加一條豎直輔助線,畫一個橢圓,寬度與半圓平齊。將兩個形狀的左右頂端分別合并,選中通過路徑查找器聯集。????????

Illustrator繪制立體城市建筑場景圖片

Illustrator繪制立體城市建筑場景圖片

Illustrator繪制立體城市建筑場景圖片

Illustrator繪制立體城市建筑場景圖片

陰影部分先將形狀復制一層,等比例放大(上圖修改顏色是為了方便看清上下層級關系)并放至圖中位置,置于頂層,將下面一層復制一層,選中復制后的形狀和頂層形狀,通過路徑查找器-形狀模式-減去頂層,再將得到的形狀修改顏色即可。?

Illustrator繪制立體城市建筑場景圖片

這些形狀和上一步一樣,通過路徑查找器-形狀模式-減去頂層得到。

Illustrator繪制立體城市建筑場景圖片

Illustrator繪制立體城市建筑場景圖片

Illustrator繪制立體城市建筑場景圖片

回頂部
河南体彩泳坛夺金玩法介绍