AI簡單繪製立體風格的銀行等距圖標教程

最終圖像效果圖：

第1步

打開Adobe Illustrator創建一個新文檔( 命令/按Ctrl + N/Com+N) 畫板800*800 RGB模式

第2步

等距型是描述一個物體的三維圖像在平面上的三軸相等的大小等距是常用的工程製圖和設計,例如在電腦遊戲.讓我們創建一個等距的網格,它的引導是傾斜的,在一個角度爲30度的水平.該網格將進一步幫助我們設計的等距面.取多邊形工具,創建一個沒有填充和任何顏色和寬度的一個六邊形.

直線工具(),創建連接三個頂點的直線段.

將創建的對象成組(Com/Ctrl + G).

第3步

移組到一邊,按住Opt/Alt鍵和Shift鍵,直到副本與原來的形狀側面的交叉點.

使用Com/Ctrl+ D快捷鍵連續重複最後一個動作幾次.複製的數量取決於你想要得到的網格的寬度.

全部選中,按住Alt鍵向下拖拽到相應的位置A.

第4步

全選並編組,然後將新的組按住Opt/Alt鍵和Shift鍵,直到複製的組與原始組的交叉點處B.

使用Com/Ctrl+D快捷鍵幾次的最後一個動作連續重複. 副本的數目取決於你想要的網格什麼高度.

選擇並組成整個網格.現在使用Com/Ctrl+ 5快捷鍵從選定的路徑創建指南.

第5步

創建2個傾斜的導向,也將有助於我們在進一步的設計.使用直線工具繪製一個水平線段().現在去對象>變換>旋轉...並在對話框中設置一個30度角.

保持選擇的路徑,去對象>變換>對稱.選擇垂直軸,然後單擊複製對話框.

選擇斜段,然後使用Com/Ctrl+ 5創建快捷方式嚮導.

你可以很容易地移動的傾斜指南,以這種方式創建的工作區域的大型視圖.雖然本機指南將自動鎖定在這種情況下.

第6步

在圖層面板中創建一個新圖層.我們將在新的層中繪圖.

我想提醒你,你可以隨時更改首選項對話框(Cmd/Ctrl+K)的指南和網格部分未被選中的參考線的顏色.

色彩的選擇色彩總是友好的指南對應的層在層面板.在我看來它是非常重要的一個智能導遊選擇對比色.這可以做智能指南部分的設置對話框.

不要忘了打開智能參考線功能(Cmd/Ctrl+U).這個籌備工作完成.花了這麼多時間,這個過程,作爲等距設計是耗時和舒適的設置將節省您大量的時間.爲了不經過所有的初步步驟,下一次,你可以將當前文檔保存爲模板(文件>存儲爲模板…).在這種情況下,創建等距一個新的文件,點擊文件->新模板的…

第7步

鎖定在較低層的網格，用鋼筆工具(P)和創建形狀的基礎上的房子,根據網格線.

現在着手創建樓梯.使用矩形工具(M)繪製一個沒有填充的正方形.

選擇使用直接選擇工具(A),其左上頂點,然後按Delete鍵將其刪除.

第8步

在等距圖標矢量教程的下一步,複製生成的路徑(Opt / Alt)和在A點到交叉移動.

重複上一個動作(Cmd/Ctrl+D).

現在刪除左下段.

連接路徑的交叉的地方用命令Cmd/Ctrl + J鍵.

第9步

選擇所得到的路徑,去對象>變換>傾斜…設置30度的角度並在對話框中選擇垂直軸.正如你所看到的，臺階的斜率與網格指南的斜率完全對應.

移動的路徑的交叉點與在點A的基礎.

複製的路徑和移動副本的交叉點處B.

第10步

基於鋸齒形路徑的點,創建的五個表面的階段,使用鋼筆工具(P).

現在離開的曲折路徑可以被刪除.建立的基礎,我們需要一個傾斜和垂直引導正確的表面,應拉出垂直標尺(Cmd/Ctrl+R).放置在下面的圖片所示的指導.

根據所使用的鋼筆工具的位置,將剩下的鋸齒形路徑延伸到該位置上.

第11步

我們着手於牆壁的創建.選擇基礎的頂面,然後去對象>路徑>偏移路徑…並設置適當的值(-30px在我的情況下).

使用這種形狀,和兩個傾斜的導向,創造兩壁用鋼筆工具的幫助.沒有必要創建後壁,因爲它們不會在後面我們的等距圖標載體可見.

第12步

定義列的位置.選擇基礎的頂面,然後去對象>路徑>偏移路徑...並設置適當的值(-10px 在我的情況)

把這個形狀變成線(Cmd/Ctrl+5).

爲了快速建立等軸測投影的矩形形狀,我們可以使用一個等距網格,這是我們在合適的地方放置.現在創建列的方形底座.

第13步

重複的列和轉變一下.

根據這兩個創建列的側牆基礎.

第14步

現在我們的任務是創建塔的六邊形橫截面的透視圖.通過繪製多邊形工具六邊形.

創建一個從將觸動六邊形的頂點的六角形的中心圓.

在等角投影的圓的比例是已知的,所以我們將變形的兩個形狀在一起.選擇圓和六邊形,然後設置新值在變換面板的高度和寬度.在等角投影的圓的高度等於0.71D,圓的寬度等於1.22D,其中D是一直徑的圓的.

現在,刪除生成的橢圓,我們只是作爲一個支撐因素.

第15步

創建的列的兩側,根據一個六邊形.塔的上部可以是水平的,因爲它會在我們在未來等距圖標載體中包括的屋頂.

組向上的列的所有元素.重複列,並把副本的引導下角.

第16步

選擇這兩個欄,然後去到對象>混合>建立.在此之後,到對象>混合>混合選項...並設置步驟所需的數量.

現在去對象>混合>擴展,取出中間一欄.

利用上述技術,創建一個行右邊的列.

第17步

繼續創建等距圖標矢量的屋頂.複製上面的基礎和兩份,如下圖所示.

基於這些形狀創建屋頂的側表面.

第18步

選擇屋頂的左側,然後去對象>路徑>添加錨點.現在放置在A點的垂直導向.

因此,我們位於屋頂的脊的位置.現在我們可以很容易地創建一個側表面的斜率等距圖標向量的屋頂,山牆

第19步

重複的山牆和地點複製到B點.

最後兩個形狀的基礎上創建兩個表面的斜率屋頂.

第20步

創建一個山牆的深化.創建一個斜指南通過左邊坡屋頂和垂直引導穿過屋頂的波峯,如下所示.

斜指南轉向所謂的山牆的深化.

第21步

創建一個對應於指導正確的斜坡的坡度.

移動這個指南的交點前兩個導遊.因此,我們已經找到深化的右邊緣的位置.

現在我們只需要限制深化底部在第四的幫助指南.

複製底部指南,並將副本一點.現在我們可以建立較低的可見部分的深化.

第22步

創建一個圓形深化創建一個橢圓,使用比例14步中指定.

在-60度,使圓正確地放置在左等軸測平面旋轉(對象>變換>旋轉 …).

複製的橢圓形,並沿着等距引導右移複製一點點.

選擇兩個橢圓,使用形狀生成工具並點擊下面圖片中的箭頭所示位置.

現在只要移除上層橢圓.所以我們有一個底面圓的深化.

第23步

簡單的元素,如門上的等距圖標,矢量標誌的創作不應該是一個大問題.所以,我只是告訴他們粗的形狀形成導向.

最後,創建一個使用文字工具(T)題詞銀行,然後去到對象>變換>剪...設定的30度的角度,並選擇垂直軸在對話框中.

恭喜你,堅持到最後,大功告成啦~~