當前位置: 首頁 > 攻略教程 > 軟件教程 > ai設計2.5D風格三角形建筑圖標的詳細操作流程

ai設計2.5D風格三角形建筑圖標的詳細操作流程

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

今天小編講解了在ai設計2.5D風格三角形建筑圖標步驟,下文就是關于在ai設計2.5D風格三角形建筑圖標的教程,一起來學習吧。

ai設計2.5D風格三角形建筑圖標的詳細操作流程

ai設計2.5D風格三角形建筑圖標的詳細操作流程

做參考線

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

ai設計2.5D風格三角形建筑圖標的詳細操作流程截圖

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

ai設計2.5D風格三角形建筑圖標的詳細操作流程截圖

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

ai設計2.5D風格三角形建筑圖標的詳細操作流程截圖

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

ai設計2.5D風格三角形建筑圖標的詳細操作流程截圖

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

上色

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

ai設計2.5D風格三角形建筑圖標的詳細操作流程截圖

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

ai設計2.5D風格三角形建筑圖標的詳細操作流程截圖

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

ai設計2.5D風格三角形建筑圖標的詳細操作流程截圖

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

ai設計2.5D風格三角形建筑圖標的詳細操作流程截圖

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

去除參考線

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

ai設計2.5D風格三角形建筑圖標的詳細操作流程截圖

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

完成最終效果圖

ai設計2.5D風格三角形建筑圖標的詳細操作流程截圖

以上這里為各位分享了ai設計2.5D風格三角形建筑圖標的詳細操作流程。有需要的朋友趕快來看看本篇文章吧。