2.5d插畫圖標素材-如何用AI繪制2.5D插畫

用AI繪制2.5D插畫

1.紀念碑谷風格原理:2.5D+悖論空間

2.2.5D與3D的區別:

沒有近大遠小的透視關系

3.悖論空間:視錯覺的壹種(正負形也是視錯覺的壹種),如不可能三角

4.AI中實現2.5D的方法:

(1)圖形繪制(2)效果—3D效果

壹、圖形繪制的方法

1.制作輔助線

方法壹:畫壹條垂直直線,復制—復制——水平分布對齊—新建“輔助線圖層1.0”—Ctrl+G所有輔助線編組—雙擊旋轉按鈕—輸入角度60°—勾選“預覽”—點擊復制—選擇復制出的輔助線—再次旋轉60°—點擊復制—鎖定輔助線圖層,新建圖形繪制圖層—選擇鋼筆工具—在輔助線的交點上單擊即可繪制圖形

方法二:新建圖層“輔助線圖層2.0”—選擇多邊形工具—繪制壹個正三角形—選擇鏡像工具(位於旋轉工具下方)—單擊三角形最上方的頂點—按住Alt+Shift鍵拖拽復制出壹個鏡像的三角形—使用鋼筆工具在兩個三角形之間畫壹條水平直線—三角形設置無填充—全選所有形狀—按住Shift鍵旋轉90°—Ctrl/Command+Y調整交點完全對齊—無法對齊時:選擇“變換”工具(位於右側,或從窗口打開)—不勾選“對齊像素網格”—Ctrl/Command+Y—編組—縮小後拖拽至色板面板中使其變圖案—刪除繪制圖形—插入矩形—填充選擇色板中的圖案—Ctrl/Command+K—不勾選“變換圖案拼貼”(改變矩形大小時:內部圖案大小不變,數量增減)—調整矩形大小(依據所要繪制的圖形大小調整)—Ctrl/Command+K—勾選“變換圖案拼貼”(改變矩形大小時:內部圖案數量不變,大小增減)—縮小網格(使編輯區域變小,占用內存較小)

2.繪制2.5D圖形

方法壹:借助輔助網格繪制

實時上色工具:類似PS中的油漆桶,但只針對路徑和路徑之間的空間使用(位於形狀生成器工具下方)

(1)全選“輔助線圖層1.0”中的所有輔助線—選擇實時上色工具—選擇壹種填色—單擊/拖拉給網格之間的間隙上色

(2)全選“輔助線圖層2.0”中的所有輔助線—對象—擴展(×2)—取消編組(×2)—右鍵—釋放剪切蒙版—全選所有輔助線—視圖—隱藏邊緣—選擇實時上色工具—選擇壹種填色—單擊/拖拉給網格之間的間隙上色

(3)只選擇上色後的圖形的方法:選擇網格—對象—擴展—視圖—顯示邊緣—取消編組(×2)—拖拽出上色後的圖形—選擇“變換”工具(位於右側,或從窗口打開)—不勾選“對齊像素網格”—選擇形狀生成工具—連接同壹面上的所有小三角形—分別填充顏色—選擇“變換”工具(位於右側,或從窗口打開)—不勾選“使新建像素網格變換對齊”

方法二:使用3D效果繪制(考驗空間把握能力)

新建形狀—效果—3D—凸出和斜角—位置選擇“等角上方”—設置凸出厚度—修改顏色的方法:對象—擴展外觀—取消編組(×2)—視圖—顯示邊緣—用白箭頭把多余的線刪掉

*畫尖頂門的方法:畫壹個矩形—選擇鋼筆工具—按住Alt鍵拖拽上方的邊—選擇最上方三個點—單擊上方工具欄“轉換成尖角”—完成

如何用AI繪制2.5D插畫

我們都知道,現在很多Banner廣告等都會采用2.5D等距插畫來進行繪制,這種插畫看起來十分舒服,並且能夠根據設計師的技巧來進行各種搭配,下面教妳如何用AI來繪制2.5D插畫。

工具/材料

Adobeillustrator

打開電腦中的AI軟件,按ctrl+n新建壹張畫布,畫布的高寬隨意。

創建完成之後,我們在左側工具欄中選擇“矩形工具”,以2.5D矩形繪制為例。

選擇矩形工具之後,在畫布中繪制壹個矩形,按住shift可繪制正方形。

矩形繪制完成之後,在上方選項中點擊“效果-3D-凸出和斜角”

進入3D面板,在位置選項中我們能夠看到多種可進行選擇的角度,壹般來說我們都是選擇等角,上下左右根據需求來選擇。