ai怎么制作2.5D風(fēng)格的三角形建筑圖標(biāo)?
今天我們就來看看ai繪制2.5d效果的圖標(biāo),該怎么繪制呢?下面我們就來看看詳細(xì)的繪制方法。

怎么樣,看上去簡簡單單一個圖形,但要是用形狀一塊塊去拼湊的話,費時并且很難做得規(guī)范,像素妹在這里教大家簡單規(guī)范地三步完成!
一、做參考線
1.打開AI,ctrl+n新建一個800*600,顏色模式為 RGB的畫布,如下圖;

2.使用左側(cè)工具欄里的直線工具,畫一條長度超過畫布的直線,開始畫之后按住shift,可以畫出一條垂直的直線,按住alt鍵上下?lián)軇訚L輪,可以放大或縮小畫布,如下圖;

3.用左側(cè)工具欄里的小黑選擇工具選中畫好的這條線,按住alt往外拖,復(fù)制一個,然后按ctrl+d,就會復(fù)制出跟剛才托德距離相同的直線,一直復(fù)制到占滿畫布(注意,直線的個數(shù)必須是奇數(shù)!),如下圖;

4.用小黑工具,框選畫好的所有直線,按住r+enter,會彈出下圖窗口,角度改為60度,然后點擊復(fù)制,然后再重復(fù)按住r+enter,參數(shù)跟剛才一樣,再復(fù)制一次,參考線就做好啦,效果如下圖;

參考線做好的樣子一定要跟上圖像素妹的一樣哦,如果不一樣,就檢查一下,旋轉(zhuǎn)復(fù)制之前,畫的直線的個數(shù)是不是奇數(shù),一定要是奇數(shù)才可以哦~
二、上色
1.選擇左側(cè)工具欄里的實時上色工具(如下圖),把工具欄最下側(cè)那里的填充打開,選一個顏色(像素妹選的顏色色值在下圖哦),描邊去掉,如下圖;

2.用實時上色工具點選參考線組成的小格子,把我們要畫的這個三角形矛盾空間的外形先勾勒出來。值得一提的是,如果在畫參考線的那一步,線的距離比較近,格子比較小則上色時需要多選幾格,如果格子做的比較大,就可以少選幾格,對比如下圖;

3.給畫好輪廓的矛盾空間加上明暗關(guān)系,讓它立體起來,呈現(xiàn)出2.5D的效果。還是選擇實時上色工具,同色系換個比剛才填充的再暗點的顏色(像素妹的色值在下圖),填充兩個面,如下圖;

4.選擇實時上色工具,仍然是同色系,換一個更暗的顏色(下圖有像素妹色值),再填充兩個最暗面,矛盾空間的感覺就出來啦,如下圖。

到這一步心急的小可愛是不是以為已經(jīng)畫完啦,那這整個畫布的參考線怎么辦呢?
三、去除參考線
1.用小黑選擇工具,框選全部參考線和形狀,執(zhí)行最上面工具欄中的對象—擴展,把彈出的對話框三個選項都勾選,點擊確定,如下圖;

2.因為版本不同,像素妹執(zhí)行完擴展之后參考線就自動消失啦,如果有的同學(xué)擴展完之后,參考線還在,就再次用小黑選擇工具框選全部參考線和形狀,然后鼠標(biāo)右鍵—取消編組,接著再框選參考線,就可以直接把參考線拉走啦。
完成了最終效果圖

以上就是ai繪制立體三角形圖形的教程,希望大家喜歡,請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
相關(guān)文章
ai怎么繪制卡通2.5D風(fēng)格的立體蘋果手機?ai中想要繪制一款立體卡通效果的蘋果手機,該怎么繪制呢?需要使用ai中的3d效果來繪制,下面我們就來看看詳細(xì)的教程,需要的朋友可2018-01-17
AI怎么制作不同角度的2.5D立體卡片?ai設(shè)計2.5d效果的銀行卡卡片的時候,想要制作不同角度的效果,該怎么制作呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2018-01-17
AI怎么繪制2.5D的樓梯模型?ai中想要畫一個2.5d效果的樓梯,該怎么畫呢?下面我們就來看看使用AI畫立體樓梯的教程,需要的朋友可以參考下2017-12-29
AI怎么繪制一張2.5D效果的小床?ai中想要繪制一款2.5d立體的床鋪,該怎么繪制呢?下面我們就來看看ai繪制2.5d效果床鋪的教程,需要的朋友可以參考下2017-12-22
AI怎么繪制立體的2.5D書架?ai中想要繪制一個立體的書架,該怎么繪制呢?下面我們就來看看ai繪制2.5d效果的書架的教程,需要的朋友可以參考下2017-12-22
AI怎么設(shè)計一款2.5D效果的放大鏡?ai想要設(shè)計一款放大鏡,該怎么設(shè)置立體的放大鏡呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2017-12-22
AI怎么設(shè)計2.5D立體文字? ai立體字體的制作方法
AI怎么設(shè)計2.5D立體文字?ai中想要制作一個立方體表面出現(xiàn)立體文字的效果,該怎么設(shè)計這個圖形呢?下面我們就來來看看ai立體字體的制作方法,需要的朋友可以參考下2017-12-15
AI怎么繪制一套2.5D辦公桌椅?ai中想要制作一張辦公座椅的2.35d效果的圖紙,該怎么制作呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2017-12-15
AI怎么繪制一個2.5D的立體衣柜?ai中想要設(shè)計2.5D風(fēng)格的衣柜,該怎么設(shè)計衣柜呢?下面我們就來看看ai設(shè)計2.5D風(fēng)格衣柜的教程,需要的朋友可以參考下2017-12-15
ai結(jié)合ps繪制2.5D風(fēng)格的手機插畫的教程
想要設(shè)計一個2.5D風(fēng)格的圖片,該怎么設(shè)計呢?我們需要使用ai和ps兩款軟件來繪制手機上面出現(xiàn)立體文字的教程,下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2017-12-11












