今天小編講解了在ai設計2.5D風格三角形建築圖標步驟,下文就是關於在ai設計2.5D風格三角形建築圖標的教程,壹起來學習吧。
做參考線
打開AI,ctrl+n新建壹個800*600,顏色模式為RGB的畫布,如下圖;
用左側工具欄裏直線工具,畫壹條長度超過畫布的直線,開始畫之後按住shift,可以畫出壹條垂直的直線,按住alt鍵上下撥動滾輪,可以放大或縮小畫布,如下圖;
用左側工具欄裏的小黑選擇工具選中畫好的這條線,按住alt往外拖,復制壹個,然後按ctrl+d,就會復制出跟剛才托德距離相同的直線,壹直復制到占滿畫布(註意,直線的個數必須是奇數!),如下圖;
用小黑工具,框選畫好的所有直線,按住r+enter,會彈出下圖窗口,角度改為60度,然後點擊復制,然後再重復按住r+enter,參數跟剛才壹樣,再復制壹次,參考線就做好啦,效果如下圖;
參考線做好的樣子壹定要跟上圖像素妹的壹樣哦,如果不壹樣,就檢查壹下,旋轉復制之前,畫的直線的個數是不是奇數,壹定要是奇數才可以哦～
上色
選擇左側工具欄裏的實時上色工具(如下圖),把工具欄最下側那裏的填充打開,選壹個顏色(像素妹選的顏色色值在下圖哦),描邊去掉,如下圖;
用實時上色工具點選參考線組成的小格子,把我們要畫的這個三角形矛盾空間的外形先勾勒出來。值得壹提的是,如果在畫參考線的那壹步,線的距離比較近,格子比較小則上色時需要多選幾格,如果格子做的比較大,就可以少選幾格,對比如下圖;
給畫好輪廓的矛盾空間加上明暗關系,讓它立體起來,呈現出2.5D的效果。還是選擇實時上色工具,同色系換個比剛才填充的再暗點的顏色(像素妹的色值在下圖),填充兩個面,如下圖;
選擇實時上色工具,仍然是同色系,換壹個更暗的顏色(下圖有像素妹色值),再填充兩個最暗面,矛盾空間的感覺就出來啦,如下圖。
到這壹步心急的朋友是不是以為已經畫完啦,那這整個畫布的參考線怎麽辦呢?
去除參考線
用小黑選擇工具,框選全部參考線和形狀,執行最上面工具欄中的對象—擴展,把彈出的對話框三個選項都勾選,點擊確定,如下圖;
ai|
如何用AI繪制2.5D插畫我們都知道,現在很多Banner廣告等都會采用2.5D等距插畫來進行繪制,這種插畫看起來十分舒服,並且能夠根據設計師的技巧來進行各種搭配,下面教妳如何用AI來繪制2.5D插畫。
工具/材料
Adobeillustrator
01
打開電腦中的AI軟件,按ctrl+n新建壹張畫布,畫布的高寬隨意。
02
創建完成之後,我們在左側工具欄中選擇“矩形工具”,以2.5D矩形繪制為例。
03
選擇矩形工具之後,在畫布中繪制壹個矩形,按住shift可繪制正方形。
04
矩形繪制完成之後,在上方選項中點擊“效果-3D-凸出和斜角”
05
進入3D面板,在位置選項中我們能夠看到多種可進行選擇的角度,壹般來說我們都是選擇等角,上下左右根據需求來選擇。
06
例如我們選擇等角-上方,選擇之後勾選預覽即可查看效果,調整凸出厚度,點擊“確定”即可。
07
確定之後我們就快速繪制了壹個2.5D基礎形狀,這個時候要進行擴展,選擇“對象-擴展外觀”
08
擴展外觀之後,右鍵點擊形狀,點擊“取消編組”,壹直取消到沒有編組存在即可。
09
編組完全取消之後,我們就能夠針對形狀的不同面進行調整處理,然後根據自己的想象,利用基礎2.5D形狀就能夠來組合了。
AI繪制2.5D小賣部·畫壹個矩形背景鋪滿畫板,Ctrl+2蓋住小鎖。
·畫壹個矩形,取消描邊填充顏色,效果-3D,調整參數,采用等角-上方的視角。對象-擴展外觀,之後用直接選擇工具(A),可以實現對每個面分別填色。
·畫壹個矩形,效果,3D-凸出和斜角,調整參數。
·shift+x切換填充和描邊,使其成為鏤空圖形。
·調整描邊為50pt,放在剛才的立方體上面。對象-擴展外觀,用小白工具(A)就可以為每個面更改顏色了。
·畫壹個較小的矩形,效果-3D,調整參數。對象-擴展外觀,之後可以填充每個面的顏色。
·復制這個立體的矩形,用A工具選定錨點,變換到合適大小,讓它成為壹個帳篷頂的形態,放在剛才的立方體上面。對象-擴展外觀,用小白工具改變每個面的顏色。
·沿著在帳篷邊緣畫兩條2pt的黑色描邊,將中間的黑色描邊Ctrl+c。Ctrl+b原位復制壹個,選擇混合工具(w),設置指定步數為6,之後點壹下最左邊的黑線條,再點右側的黑線條,就能出現幾條不同角度的豎線,另壹側用同樣的方式操作。
·將不透明度調整為15%。整體看是這樣的。
·畫壹個矩形,白色描邊,做厚壹點,填充藍色,再畫三條線,描邊中選擇圓頭端點,壹扇門就做好了,整體編組ctrl+g,按alt+shift快速拖拽壹個門。
·畫壹個矩形,效果-3D中調整參數,對象-擴展外觀,調整每個面的顏色。
·選中窗戶,右鍵-變換-傾斜,調整參數。再調整壹下大小,就做好了。ctrl+g打個組,放在合適的位置,再復制壹個,放在壹起。再復制壹個,放在上面。
·選中壹個,右鍵-變換-鏡像,調整參數,放在合適的位置。
·右鍵-取消編組之後,刪除小橫臺,調整玻璃門的大小。
·用鋼筆工具畫線,取消填充,只要描邊。效果-3D,等角左方。對象-擴展外觀,小白工具給每個面拾取顏色,小白工具選取下方的兩個錨點,拖出圓角。復制,再填充顏色。放置在小賣部的合適位置。多復制幾個小簾子,放在窗戶和門的上方。
·我們制作壹扇打開的門。選中壹扇門,右鍵-變換-對稱,調整壹下位置就可以了。
·接下來我們畫遮陽傘。先畫壹個八邊形。按shift,在多邊形工具下按向上的箭頭就可以拖出正8邊形。3D-凸出和斜角,等角-上方,30pt,對象-擴展外觀。小白工具將小簾子的部分改成圓角,填充顏色。
·用鋼筆工具畫壹個三角形,填充顏色。Ctrl+c,Ctrl+b原位復制。此時小白工具(a)雙擊左下角的錨點就可以只選中它這壹個錨點,拖拽至合適位置,改變顏色。重復上壹步,填充8個三角形,壹個遮陽罩就做好了。
·畫壹條豎線,描邊,圓角。
·用3D-凸出和斜角做壹個正八邊形的影子,厚度為0pt,壹個遮陽傘就做好了,打個組(Ctrl+g)放置在合適位置。
·接下來我們制作遊泳池。先畫壹個矩形,之後效果-3D-凸出和斜角-等角-上方。切換填充和描邊,即可出現凹陷效果,增大描邊。對象-擴展外觀,小白(a),刪掉兩條邊。改變顏色之後將遊泳池放好。
·復制壹個遊泳池,用小白工具(a)刪掉其內部多余的錨點,使其變成壹個與遊泳池相契合的長方形。更改顏色為深藍色,再放進遊泳池中,調整大小和層級關系(ctrl+)。
·畫壹個網格,用矩形網格工具,按住向上、向右的箭頭可以增加行數和列數。使其擁有描邊,取消填充。
·效果-3D-凸出和斜角-等角-上方,0pt
·對象-擴展外觀-右鍵-變換-鏡像。壹定要先擴展外觀啊。
·將遊泳池的地板放在合適位置,調整層級關系,調整不透明度。
·做出小賣部的底托,和上面的方法壹樣。
·畫幾朵小白雲。畫壹個圓,按alt鍵復制兩個,調整大小放置正在合適位置。畫壹個矩形,與所有圓相切。填充白色。路徑查找器,聯集。
·3D-凸出和斜角-等角-左方,0pt。
復制壹個,對象-擴展外觀,填充白色。調整2朵雲的位置,多復制幾個,調整大小和角度,以達到想要的結果。
·壹個2.5D小賣部在做好了。