工具/材料
Adobeillustrator
01
打開電腦裏的AI軟件,按ctrl+n,新建壹個畫布。畫布的高度和寬度是任意的。
02
創建完成後,我們在左側工具欄中選擇“矩形工具”,以2.5D矩形繪制為例。
03
選擇矩形工具後,在畫布中繪制壹個矩形,按住shift鍵繪制壹個正方形。
04
矩形畫好之後,點擊上面選項中的“效果-3D-突起和倒角”。
05
進入3D面板,我們可以在位置選項中看到多種角度可供選擇。壹般來說,我們選擇的角度都是相等的,可以根據自己的需要來選擇。
06
例如,我們選擇“等軸測-頂部”,選中“選擇後預覽”以查看效果,調整突出厚度,然後單擊“確定”。
07
確認後,我們很快畫出壹個2.5D的基本形狀。這時候我們需要將其展開,選擇“對象-展開外觀”。
08
展開外觀後,右鍵單擊該形狀,然後單擊取消組合,直到沒有組合。
09
分組完全取消後,我們可以調整形狀的不同面,然後根據自己的想象,利用基本的2.5D形狀進行組合。
現在流行的2.5D風格,PPT壹鍵生成2.5D俗稱“偽3D”,介於2D和3D之間。是目前最流行的設計風格之壹,在平面海報設計、Banner、UI、網頁設計中非常常見。
APP啟動界面
2.5D插圖
技術架構圖
當然,網上有很多這樣的案例作品。只要在百度或者花瓣、站酷上輸入關鍵詞“2.5D”,就能找到大量2.5D風格的各種作品。
其實,只要妳仔細觀察上述作品,就會發現這類作品有兩個相似之處:
在PPT中,剛好有三個對應的三維旋轉預設為對應上述傾斜角度和三個面。
使用這三個預設,我們可以壹鍵生成流行的2.5D。
像上面的技術架構圖,利用這三個前提,我們也可以壹鍵生成。我們可以看到這個技術架構圖是由壹個底座,壹個承載信息的容器,和文字組成的。
然後改變底座的顏色,得到以上三個底座。
利用同樣的原理,妳可以在底部得到三個大基數。
和下面三個承載信息的容器壹樣,也是由三維旋轉預設完成的。
然後改變顏色得到三個不同顏色的容器。
最後粘貼文字。
按照上面的步驟和原則,那麽三壘也可以壹鍵生成。
最後復制粘貼,然後替換文字內容。詳情請看動畫演示。
當然,做2.5D插畫是完全可以的,比如下面這張2.5D插畫。
我們來看看動圖的拼接過程,就知道這個過程有多流暢了。只需點擊壹下,就可以生成這三個預設。
好了,各位,本期分享到此結束~
Ai如何做出2.5D風格的三角形建築圖標?今天,邊肖解釋了在人工智能中設計2.5D風格的三角形建築圖標的步驟。以下是在ai中設計2.5D風格的三角形建築圖標的教程。讓我們壹起學習。
做壹條參考線
打開AI和Ctrl+N新建壹個800*600的畫布,顏色模式為RGB,如下圖;
使用左側工具欄中的線條工具繪制壹條比畫布更長的線。開始繪制後,按住shift繪制壹條垂直線。按住alt鍵上下移動滾輪來放大或縮小畫布,如下所示。
用左邊工具欄裏的小黑選擇工具選中繪制的線,按住alt,拖出來,復制壹條,然後按ctrl+d,妳就復制了壹條和剛才托德壹樣距離的直線,直到它填滿畫布(註意,直線的個數必須是奇數!),如下圖;
用小黑工具,把所有畫出來的直線打勾,按住r+enter,會彈出下面的窗口,角度改為60度,然後點擊復制,再反復按住r+enter,參數和之前壹樣,再復制壹次,參考線就做好了,效果如下;
參考線的外觀必須與圖像的外觀相同。如果不壹樣,就檢查壹下旋轉復制前畫的直線數是不是奇數,壹定是奇數~
顏色
在左邊的工具欄中選擇實時上色工具(如下圖),打開工具欄底部的填充,選擇壹種顏色(像素姐姐選擇的顏色值如下圖),去掉描邊,如下圖;
用實時上色工具點擊由參考線組成的小網格,先把我們要畫的三角形矛盾空間的輪廓畫出來。值得壹提的是,如果在畫參考線的步驟中,線與線之間的距離比較近,網格比較小,那麽在上色的時候就需要選擇更多的網格。如果網格比較大,可以選擇較少的網格,比如如下圖;
將明暗關系添加到勾勒出的矛盾空間中,使其立體,呈現2.5D的效果.或者選擇實時上色工具,將同色系中較暗的點的顏色改為比剛剛填充的顏色(像素姐姐的顏色值在下圖中),填充兩個面,如下圖;
選擇實時上色工具,還是同壹個色系,換成更深的顏色(像素姐妹色值如下圖),然後填充最暗的兩個面,矛盾空間的感覺就出來了,如下圖。
心急的朋友是不是以為自己已經畫完了?整個畫布的參考線呢?
移除參考線
使用小黑選擇工具框出所有參考線和形狀,執行頂部工具欄的object-extension,在彈出的對話框中勾選所有三個選項,點擊確定,如下圖;
ai|