AI簡單繪制立體風(fēng)格的銀行等距圖標(biāo)教程

最終圖像效果圖:
第1步
打開Adobe Illustrator創(chuàng)建一個新文檔( 命令/按Ctrl + N/Com+N) 畫板800*800 RGB模式
第2步
等距型是描述一個物體的三維圖像在平面上的三軸相等的大小等距是常用的工程制圖和設(shè)計,例如在電腦游戲.讓我們創(chuàng)建一個等距的網(wǎng)格,它的引導(dǎo)是傾斜的,在一個角度為30度的水平.該網(wǎng)格將進一步幫助我們設(shè)計的等距面.取多邊形工具,創(chuàng)建一個沒有填充和任何顏色和寬度的一個六邊形.
直線工具(\),創(chuàng)建連接三個頂點的直線段.
將創(chuàng)建的對象成組(Com/Ctrl + G).
第3步
移組到一邊,按住Opt/Alt鍵和Shift鍵,直到副本與原來的形狀側(cè)面的交叉點.
使用Com/Ctrl+ D快捷鍵連續(xù)重復(fù)最后一個動作幾次.復(fù)制的數(shù)量取決于你想要得到的網(wǎng)格的寬度.
全部選中,按住Alt鍵向下拖拽到相應(yīng)的位置A.
第4步
全選并編組,然后將新的組按住Opt/Alt鍵和Shift鍵,直到復(fù)制的組與原始組的交叉點處B.
使用Com/Ctrl+D快捷鍵幾次的最后一個動作連續(xù)重復(fù). 副本的數(shù)目取決于你想要的網(wǎng)格什么高度.
選擇并組成整個網(wǎng)格.現(xiàn)在使用Com/Ctrl+ 5快捷鍵從選定的路徑創(chuàng)建指南.
第5步
創(chuàng)建2個傾斜的導(dǎo)向,也將有助于我們在進一步的設(shè)計.使用直線工具繪制一個水平線段(\).現(xiàn)在去對象>變換>旋轉(zhuǎn)...并在對話框中設(shè)置一個30度角.
保持選擇的路徑,去對象>變換>對稱.選擇垂直軸,然后單擊復(fù)制對話框.
選擇斜段,然后使用Com/Ctrl+ 5創(chuàng)建快捷方式向?qū)?
你可以很容易地移動的傾斜指南,以這種方式創(chuàng)建的工作區(qū)域的大型視圖.雖然本機指南將自動鎖定在這種情況下.
第6步
在圖層面板中創(chuàng)建一個新圖層.我們將在新的層中繪圖.
我想提醒你,你可以隨時更改首選項對話框(Cmd/Ctrl+K)的指南和網(wǎng)格部分未被選中的參考線的顏色.
色彩的選擇色彩總是友好的指南對應(yīng)的層在層面板.在我看來它是非常重要的一個智能導(dǎo)游選擇對比色.這可以做智能指南部分的設(shè)置對話框.
不要忘了打開智能參考線功能(Cmd/Ctrl+U).這個籌備工作完成.花了這么多時間,這個過程,作為等距設(shè)計是耗時和舒適的設(shè)置將節(jié)省您大量的時間.為了不經(jīng)過所有的初步步驟,下一次,你可以將當(dāng)前文檔保存為模板(文件>存儲為模板…).在這種情況下,創(chuàng)建等距一個新的文件,點擊文件->新模板的…
第7步
鎖定在較低層的網(wǎng)格,用鋼筆工具(P)和創(chuàng)建形狀的基礎(chǔ)上的房子,根據(jù)網(wǎng)格線.
現(xiàn)在著手創(chuàng)建樓梯.使用矩形工具(M)繪制一個沒有填充的正方形.
選擇使用直接選擇工具(A),其左上頂點,然后按Delete鍵將其刪除.
第8步
在等距圖標(biāo)矢量教程的下一步,復(fù)制生成的路徑(Opt / Alt)和在A點到交叉移動.
重復(fù)上一個動作(Cmd/Ctrl+D).
現(xiàn)在刪除左下段.
連接路徑的交叉的地方用命令Cmd/Ctrl + J鍵.
第9步
選擇所得到的路徑,去對象>變換>傾斜…設(shè)置30度的角度并在對話框中選擇垂直軸.正如你所看到的,臺階的斜率與網(wǎng)格指南的斜率完全對應(yīng).
移動的路徑的交叉點與在點A的基礎(chǔ).
復(fù)制的路徑和移動副本的交叉點處B.
第10步
基于鋸齒形路徑的點,創(chuàng)建的五個表面的階段,使用鋼筆工具(P).
現(xiàn)在離開的曲折路徑可以被刪除.建立的基礎(chǔ),我們需要一個傾斜和垂直引導(dǎo)正確的表面,應(yīng)拉出垂直標(biāo)尺(Cmd/Ctrl+R).放置在下面的圖片所示的指導(dǎo).
根據(jù)所使用的鋼筆工具的位置,將剩下的鋸齒形路徑延伸到該位置上.
第11步
我們著手于墻壁的創(chuàng)建.選擇基礎(chǔ)的頂面,然后去對象>路徑>偏移路徑…并設(shè)置適當(dāng)?shù)闹?-30px在我的情況下).
使用這種形狀,和兩個傾斜的導(dǎo)向,創(chuàng)造兩壁用鋼筆工具的幫助.沒有必要創(chuàng)建后壁,因為它們不會在后面我們的等距圖標(biāo)載體可見.
第12步
定義列的位置.選擇基礎(chǔ)的頂面,然后去對象>路徑>偏移路徑...并設(shè)置適當(dāng)?shù)闹?-10px 在我的情況)
把這個形狀變成線(Cmd/Ctrl+5).
為了快速建立等軸測投影的矩形形狀,我們可以使用一個等距網(wǎng)格,這是我們在合適的地方放置.現(xiàn)在創(chuàng)建列的方形底座.
第13步
重復(fù)的列和轉(zhuǎn)變一下.
根據(jù)這兩個創(chuàng)建列的側(cè)墻基礎(chǔ).
第14步
現(xiàn)在我們的任務(wù)是創(chuàng)建塔的六邊形橫截面的透視圖.通過繪制多邊形工具六邊形.
創(chuàng)建一個從將觸動六邊形的頂點的六角形的中心圓.
在等角投影的圓的比例是已知的,所以我們將變形的兩個形狀在一起.選擇圓和六邊形,然后設(shè)置新值在變換面板的高度和寬度.在等角投影的圓的高度等于0.71D,圓的寬度等于1.22D,其中D是一直徑的圓的.
現(xiàn)在,刪除生成的橢圓,我們只是作為一個支撐因素.
第15步
創(chuàng)建的列的兩側(cè),根據(jù)一個六邊形.塔的上部可以是水平的,因為它會在我們在未來等距圖標(biāo)載體中包括的屋頂.
組向上的列的所有元素.重復(fù)列,并把副本的引導(dǎo)下角.
第16步
選擇這兩個欄,然后去到對象>混合>建立.在此之后,到對象>混合>混合選項...并設(shè)置步驟所需的數(shù)量.
現(xiàn)在去對象>混合>擴展,取出中間一欄.
利用上述技術(shù),創(chuàng)建一個行右邊的列.
第17步
繼續(xù)創(chuàng)建等距圖標(biāo)矢量的屋頂.復(fù)制上面的基礎(chǔ)和兩份,如下圖所示.
基于這些形狀創(chuàng)建屋頂?shù)膫?cè)表面.
第18步
選擇屋頂?shù)淖髠?cè),然后去對象>路徑>添加錨點.現(xiàn)在放置在A點的垂直導(dǎo)向.
因此,我們位于屋頂?shù)募沟奈恢?現(xiàn)在我們可以很容易地創(chuàng)建一個側(cè)表面的斜率等距圖標(biāo)向量的屋頂,山墻
第19步
重復(fù)的山墻和地點復(fù)制到B點.
最后兩個形狀的基礎(chǔ)上創(chuàng)建兩個表面的斜率屋頂.
第20步
創(chuàng)建一個山墻的深化.創(chuàng)建一個斜指南通過左邊坡屋頂和垂直引導(dǎo)穿過屋頂?shù)牟ǚ?如下所示.
斜指南轉(zhuǎn)向所謂的山墻的深化.
第21步
創(chuàng)建一個對應(yīng)于指導(dǎo)正確的斜坡的坡度.
移動這個指南的交點前兩個導(dǎo)游.因此,我們已經(jīng)找到深化的右邊緣的位置.
現(xiàn)在我們只需要限制深化底部在第四的幫助指南.
復(fù)制底部指南,并將副本一點.現(xiàn)在我們可以建立較低的可見部分的深化.
第22步
創(chuàng)建一個圓形深化創(chuàng)建一個橢圓,使用比例14步中指定.
在-60度,使圓正確地放置在左等軸測平面旋轉(zhuǎn)(對象>變換>旋轉(zhuǎn) …).
復(fù)制的橢圓形,并沿著等距引導(dǎo)右移復(fù)制一點點.
選擇兩個橢圓,使用形狀生成工具并點擊下面圖片中的箭頭所示位置.
現(xiàn)在只要移除上層橢圓.所以我們有一個底面圓的深化.
第23步
簡單的元素,如門上的等距圖標(biāo),矢量標(biāo)志的創(chuàng)作不應(yīng)該是一個大問題.所以,我只是告訴他們粗的形狀形成導(dǎo)向.
最后,創(chuàng)建一個使用文字工具(T)題詞銀行,然后去到對象>變換>剪...設(shè)定的30度的角度,并選擇垂直軸在對話框中.
恭喜你,堅持到最后,大功告成啦~~
相關(guān)文章
用AI結(jié)合PS設(shè)計3D立體風(fēng)格的超炫酷游戲LOGO教程
游戲LOGO設(shè)計首先要滿足一點,就是酷炫,有卡通范兒。經(jīng)常在網(wǎng)上看到一些炫酷到爆的游戲logo設(shè)計教程,大體上一看都是非常困難不容易上手,但是只要我們詳細(xì)的將他們拆分開2021-04-02- 本教程包含了簡單的光影理解、體塊構(gòu)成,教你看似復(fù)雜,實則簡單的2.5D插畫創(chuàng)作。教程主要模擬守望先鋒游戲里的場景圖,推薦給朋友學(xué)習(xí),希望大家可以喜歡2021-03-30
Photoshop結(jié)合AI繪制立體風(fēng)格的UI控件開關(guān)效果
這篇教程是向腳本之家的朋友分享Photoshop結(jié)合AI繪制立體風(fēng)格的UI控件開關(guān)效果,教程真的很不錯,值得大家學(xué)習(xí),推薦到腳本之家,一起來學(xué)習(xí)吧2016-11-15