ai怎么制作2.5D風(fēng)格的三角形建筑圖標(biāo)?

今天我們就來看看ai繪制2.5d效果的圖標(biāo),該怎么繪制呢?下面我們就來看看詳細(xì)的繪制方法。

Adobe Illustrator CS6 (AI cs6) 精簡綠色中文版(32位+64位)
- 類型:圖像處理
- 大?。?/span>200.38MB
- 語言:簡體中文
- 時(shí)間:2014-05-11
怎么樣,看上去簡簡單單一個(gè)圖形,但要是用形狀一塊塊去拼湊的話,費(fèi)時(shí)并且很難做得規(guī)范,像素妹在這里教大家簡單規(guī)范地三步完成!
一、做參考線
1.打開AI,ctrl+n新建一個(gè)800*600,顏色模式為 RGB的畫布,如下圖;
2.使用左側(cè)工具欄里的直線工具,畫一條長度超過畫布的直線,開始畫之后按住shift,可以畫出一條垂直的直線,按住alt鍵上下?lián)軇?dòng)滾輪,可以放大或縮小畫布,如下圖;
3.用左側(cè)工具欄里的小黑選擇工具選中畫好的這條線,按住alt往外拖,復(fù)制一個(gè),然后按ctrl+d,就會(huì)復(fù)制出跟剛才托德距離相同的直線,一直復(fù)制到占滿畫布(注意,直線的個(gè)數(shù)必須是奇數(shù)!),如下圖;
4.用小黑工具,框選畫好的所有直線,按住r+enter,會(huì)彈出下圖窗口,角度改為60度,然后點(diǎn)擊復(fù)制,然后再重復(fù)按住r+enter,參數(shù)跟剛才一樣,再復(fù)制一次,參考線就做好啦,效果如下圖;
參考線做好的樣子一定要跟上圖像素妹的一樣哦,如果不一樣,就檢查一下,旋轉(zhuǎn)復(fù)制之前,畫的直線的個(gè)數(shù)是不是奇數(shù),一定要是奇數(shù)才可以哦~
二、上色
1.選擇左側(cè)工具欄里的實(shí)時(shí)上色工具(如下圖),把工具欄最下側(cè)那里的填充打開,選一個(gè)顏色(像素妹選的顏色色值在下圖哦),描邊去掉,如下圖;
2.用實(shí)時(shí)上色工具點(diǎn)選參考線組成的小格子,把我們要畫的這個(gè)三角形矛盾空間的外形先勾勒出來。值得一提的是,如果在畫參考線的那一步,線的距離比較近,格子比較小則上色時(shí)需要多選幾格,如果格子做的比較大,就可以少選幾格,對(duì)比如下圖;
3.給畫好輪廓的矛盾空間加上明暗關(guān)系,讓它立體起來,呈現(xiàn)出2.5D的效果。還是選擇實(shí)時(shí)上色工具,同色系換個(gè)比剛才填充的再暗點(diǎn)的顏色(像素妹的色值在下圖),填充兩個(gè)面,如下圖;
4.選擇實(shí)時(shí)上色工具,仍然是同色系,換一個(gè)更暗的顏色(下圖有像素妹色值),再填充兩個(gè)最暗面,矛盾空間的感覺就出來啦,如下圖。
到這一步心急的小可愛是不是以為已經(jīng)畫完啦,那這整個(gè)畫布的參考線怎么辦呢?
三、去除參考線
1.用小黑選擇工具,框選全部參考線和形狀,執(zhí)行最上面工具欄中的對(duì)象—擴(kuò)展,把彈出的對(duì)話框三個(gè)選項(xiàng)都勾選,點(diǎn)擊確定,如下圖;
2.因?yàn)榘姹静煌?,像素妹?zhí)行完擴(kuò)展之后參考線就自動(dòng)消失啦,如果有的同學(xué)擴(kuò)展完之后,參考線還在,就再次用小黑選擇工具框選全部參考線和形狀,然后鼠標(biāo)右鍵—取消編組,接著再框選參考線,就可以直接把參考線拉走啦。
完成了最終效果圖
以上就是ai繪制立體三角形圖形的教程,希望大家喜歡,請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
AI怎么制作一個(gè)矛盾空間三角形標(biāo)志ICON?
相關(guān)文章
ai怎么繪制卡通2.5D風(fēng)格的立體蘋果手機(jī)?
ai怎么繪制卡通2.5D風(fēng)格的立體蘋果手機(jī)?ai中想要繪制一款立體卡通效果的蘋果手機(jī),該怎么繪制呢?需要使用ai中的3d效果來繪制,下面我們就來看看詳細(xì)的教程,需要的朋友可2018-01-17- AI怎么制作不同角度的2.5D立體卡片?ai設(shè)計(jì)2.5d效果的銀行卡卡片的時(shí)候,想要制作不同角度的效果,該怎么制作呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2018-01-17
- AI怎么繪制2.5D的樓梯模型?ai中想要畫一個(gè)2.5d效果的樓梯,該怎么畫呢?下面我們就來看看使用AI畫立體樓梯的教程,需要的朋友可以參考下2017-12-29
- AI怎么繪制一張2.5D效果的小床?ai中想要繪制一款2.5d立體的床鋪,該怎么繪制呢?下面我們就來看看ai繪制2.5d效果床鋪的教程,需要的朋友可以參考下2017-12-22
- AI怎么繪制立體的2.5D書架?ai中想要繪制一個(gè)立體的書架,該怎么繪制呢?下面我們就來看看ai繪制2.5d效果的書架的教程,需要的朋友可以參考下2017-12-22
- AI怎么設(shè)計(jì)一款2.5D效果的放大鏡?ai想要設(shè)計(jì)一款放大鏡,該怎么設(shè)置立體的放大鏡呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2017-12-22
AI怎么設(shè)計(jì)2.5D立體文字? ai立體字體的制作方法
AI怎么設(shè)計(jì)2.5D立體文字?ai中想要制作一個(gè)立方體表面出現(xiàn)立體文字的效果,該怎么設(shè)計(jì)這個(gè)圖形呢?下面我們就來來看看ai立體字體的制作方法,需要的朋友可以參考下2017-12-15- AI怎么繪制一套2.5D辦公桌椅?ai中想要制作一張辦公座椅的2.35d效果的圖紙,該怎么制作呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2017-12-15
- AI怎么繪制一個(gè)2.5D的立體衣柜?ai中想要設(shè)計(jì)2.5D風(fēng)格的衣柜,該怎么設(shè)計(jì)衣柜呢?下面我們就來看看ai設(shè)計(jì)2.5D風(fēng)格衣柜的教程,需要的朋友可以參考下2017-12-15
ai結(jié)合ps繪制2.5D風(fēng)格的手機(jī)插畫的教程
想要設(shè)計(jì)一個(gè)2.5D風(fēng)格的圖片,該怎么設(shè)計(jì)呢?我們需要使用ai和ps兩款軟件來繪制手機(jī)上面出現(xiàn)立體文字的教程,下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2017-12-11