如何用AI繪制2.5D插畫
我們都知道,現在很多Banner廣告等都會采用2.5D等距插畫來進行繪制,這種插畫看起來十分舒服,并且能夠根據設計師的技巧來進行各種搭配,下面教你如何用AI來繪制2.5D插畫。
工具/材料
Adobe illustrator
01
打開電腦中的AI軟件,按ctrl+n新建一張畫布,畫布的高寬隨意。
02
創建完成之后,我們在左側工具欄中選擇“矩形工具”,以2.5D矩形繪制為例。
03
選擇矩形工具之后,在畫布中繪制一個矩形,按住shift可繪制正方形。
04
矩形繪制完成之后,在上方選項中點擊“效果-3D-凸出和斜角”
05
進入3D面板,在位置選項中我們能夠看到多種可進行選擇的角度,一般來說我們都是選擇等角,上下左右根據需求來選擇。
06
例如我們選擇等角-上方,選擇之后勾選預覽即可查看效果,調整凸出厚度,點擊“確定”即可。
07
確定之后我們就快速繪制了一個2.5D基礎形狀,這個時候要進行擴展,選擇“對象-擴展外觀”
08
擴展外觀之后,右鍵點擊形狀,點擊“取消編組”,一直取消到沒有編組存在即可。
09
編組完全取消之后,我們就能夠針對形狀的不同面進行調整處理,然后根據自己的想象,利用基礎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鍵拖拽上方的邊—選擇最上方三個點—單擊上方工具欄“轉換成尖角”—完成
2.5D插畫流行最初是因為紀念碑谷嗎?
不是,說紀念碑谷是2.5D出現后的產品還差不多。2.5D出現的時間應該比紀念碑谷早的多。
最早怎么火起來,幾乎不可能有人知道的,網上只是綜合所有信息給出的參考而已。
2.5D火起來是必然的,因為他結合了2D3D的所有優點,而且十分適合一些解密游戲的制作。比起2D,他加入空間元素,比起3D他的畫風更加輕松愉悅。
插畫的7種風格
特點-扁平、流行、常用的風格、簡潔明了
扁平插畫簡單來講就是把復雜的關系簡約化,讓畫面更加清爽整潔,也是現在比較常用的風格了,很多商務工具類的APP會選擇使用這種風格。比如說拉勾、釘釘...
特點-扁平插畫的變種、增加顆粒感、有質感、光影關系好
肌理插畫顧名思義就是給插畫加上了些肌理質感(比如雜色)和光感,本質也和扁平插畫差不多,一些想體現質感的頁面會用到這種風格。以下是一些設計師的作品。
特點-美術功底要求最高、應用廣、展現內容豐富 。手繪風格的插畫運用的也比較廣,常見的有一些插畫繪本,故事場景設計等。下面這些是摘自 插畫師-顧心 的作品。
特點-簡潔、圓潤、可愛、斷點
MBE插畫(dribbble的一位設計師創作了這種風格),它主要的特點就是圓潤、可愛、呆萌、簡潔。在APP中的引導頁、啟動頁和缺省頁運用也比較廣泛。
特點-唯美、顏色的采取近似色、顏色明亮鮮艷。
漸變插畫有點類似日本漫畫場景的感覺,風格特別唯美浪漫。光感比較強,所以也稱為微光插畫。顏色一般采用相近色,顏色種類不要太多。
特點-2.5d插畫、立體感強、視覺沖擊強。
立體插畫也稱為2.5D插畫,也就是在二維的空間里表現三維的事物。所以現在越來越多的設計師去學習C4D這個軟件,雖然AI和PS也能做,但會麻煩一些。很多電商類的APP會選擇使用這種風格。比如說京東...
特點-形狀、描邊、抽象畫處理
描邊插畫除了運用形狀,還在它的外輪廓都運用了描邊,可以很清晰的表達抽象事物。經常運用在一些圖標icon上,比如閑魚、轉轉...
Ai教程,2.5D攝像頭插畫教程
來個干貨!2.5D攝像頭插畫教程。
在使用【橢圓工具】繪制一個圓在選擇【3D凸出和斜角】,【位置】選擇【等角-上方】。
選中凸出的柱體,選擇【對象】-【擴展對象】,在將側面所有的面進行合并,在對顏色進行調整。
選中圓柱按住【Alt】鍵移動在復制兩個,在對大小和厚度進行調整。
在對圓柱體的側面的顏色進行加深作為投影的部分。
在使用【文本工具】輸入數字,在對文字進行轉曲,在選擇【對象】-【封套扭曲】-【用網格建立】,將列數選擇2,在使用【直接選擇工具】對錨點進行調整
在使用【矩形工具】在數字的上方在繪制一個小的矩形作為指針,在復制一層圓柱在調整大小和厚度。
在復制兩層圓柱分別調整大小和側面的顏色。
在復制一個側面的弧面,在使用【矩形工具】繪制長條矩形,一個白色一個黑色連在一起。
在使用【魔棒工具】選中白色的矩形填充上黃色的漸變色
在將所有的矩形編組,在使用側面的弧面和矩形全選右鍵選擇【建立剪切蒙版】。
(ctrl+shift+】 ctrl+7)
在將做好的次輪放在圓柱的側面,在復制圓柱的形狀在調整大小和厚度。
在復制一層圓柱調整大小在將頂部的面刪除,在給底面和側面填充上深一點的顏色。
在復制底面和側面在一層一層的縮寫,在將顏色一層一層的加深。
2.5D插畫教程
今天就分享到這啦!
還有后續哦 !下次機身制作分享!
流行的2.5D風格,PPT一鍵生成
2.5D俗稱“偽3D",介于2D與3D之間,是當下最流行的一種設計風格之一,無論是在平面海報設計、Banner,還是UI、網頁設計等都十分常見。
APP啟動界面👇
2.5D插畫👇
技術架構圖👇
當然這些案例作品網上還有很多,大家只要在百度或者花瓣、站酷上輸入關鍵詞“2.5D”進行搜索,就可以找到一大堆2.5D風格的各種作品。
其實,大家只要認真觀察,上面的幾個作品,就會發現這一類作品都具有兩個共同點:
在PPT中剛好有對應的三個三維旋轉預設對應以上傾斜的角度以及三個面。
利用這三個預設,我們就可以一鍵生成當下流行的2.5D。
像以上這個技術架構圖,利用這三個預設,我們也是可以一鍵生成的。我們可以看到這個技術架構圖是由底座、承載信息的容器、文字組成。
然后改變底座的顏色即可得到以上三個底座
利用同樣的原理,就可以得到底層三個大的底座👇
像下面這三個承載信息的容器同樣也是利用三個三維旋轉預設完成的👇
然后改變顏色即可得到三個不同顏色的容器👇
最后貼上文字即可👇
根據上面的步驟和原理,那么第三個底座,也可以一鍵生成👇
最后復制粘貼,再替換文字內容即可,具體請看動圖演示👇
當然做2.5D插畫也是完全OK的,比如下面這張2.5D插畫👇
我們來看看動圖的拼接過程,就知道這個過程是多么的行云流水,僅僅只是這三個預設即可一鍵生成。
好了,各位,本期的分享就到這里了~