當(dāng)前位置: 首頁 > 攻略教程 > 軟件教程 > ai設(shè)計(jì)2.5D風(fēng)格三角形建筑圖標(biāo)的詳細(xì)操作流程

ai設(shè)計(jì)2.5D風(fēng)格三角形建筑圖標(biāo)的詳細(xì)操作流程

時(shí)間:2024-06-28 09:15:45 編輯:易網(wǎng)VIP游戲門戶 閱讀:0

今天小編講解了在ai設(shè)計(jì)2.5D風(fēng)格三角形建筑圖標(biāo)步驟,下文就是關(guān)于在ai設(shè)計(jì)2.5D風(fēng)格三角形建筑圖標(biāo)的教程,一起來學(xué)習(xí)吧。

ai設(shè)計(jì)2.5D風(fēng)格三角形建筑圖標(biāo)的詳細(xì)操作流程

ai設(shè)計(jì)2.5D風(fēng)格三角形建筑圖標(biāo)的詳細(xì)操作流程

做參考線

打開AI,ctrl+n新建一個(gè)800*600,顏色模式為 RGB的畫布,如下圖;

ai設(shè)計(jì)2.5D風(fēng)格三角形建筑圖標(biāo)的詳細(xì)操作流程截圖

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

ai設(shè)計(jì)2.5D風(fēng)格三角形建筑圖標(biāo)的詳細(xì)操作流程截圖

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

ai設(shè)計(jì)2.5D風(fēng)格三角形建筑圖標(biāo)的詳細(xì)操作流程截圖

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

ai設(shè)計(jì)2.5D風(fēng)格三角形建筑圖標(biāo)的詳細(xì)操作流程截圖

參考線做好的樣子一定要跟上圖像素妹的一樣哦,如果不一樣,就檢查一下,旋轉(zhuǎn)復(fù)制之前,畫的直線的個(gè)數(shù)是不是奇數(shù),一定要是奇數(shù)才可以哦~

上色

選擇左側(cè)工具欄里的實(shí)時(shí)上色工具(如下圖),把工具欄最下側(cè)那里的填充打開,選一個(gè)顏色(像素妹選的顏色色值在下圖哦),描邊去掉,如下圖;

ai設(shè)計(jì)2.5D風(fēng)格三角形建筑圖標(biāo)的詳細(xì)操作流程截圖

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

ai設(shè)計(jì)2.5D風(fēng)格三角形建筑圖標(biāo)的詳細(xì)操作流程截圖

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

ai設(shè)計(jì)2.5D風(fēng)格三角形建筑圖標(biāo)的詳細(xì)操作流程截圖

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

ai設(shè)計(jì)2.5D風(fēng)格三角形建筑圖標(biāo)的詳細(xì)操作流程截圖

到這一步心急的朋友是不是以為已經(jīng)畫完啦,那這整個(gè)畫布的參考線怎么辦呢?

去除參考線

用小黑選擇工具,框選全部參考線和形狀,執(zhí)行最上面工具欄中的對(duì)象—擴(kuò)展,把彈出的對(duì)話框三個(gè)選項(xiàng)都勾選,點(diǎn)擊確定,如下圖;

ai設(shè)計(jì)2.5D風(fēng)格三角形建筑圖標(biāo)的詳細(xì)操作流程截圖

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

完成最終效果圖

ai設(shè)計(jì)2.5D風(fēng)格三角形建筑圖標(biāo)的詳細(xì)操作流程截圖

以上這里為各位分享了ai設(shè)計(jì)2.5D風(fēng)格三角形建筑圖標(biāo)的詳細(xì)操作流程。有需要的朋友趕快來看看本篇文章吧。