Illustrator繪制2.5D風(fēng)格守望先鋒游戲場(chǎng)景插畫(huà)

教你繪制守望先鋒2.5D插畫(huà),本次教程以【監(jiān)測(cè)站:直布羅陀】A點(diǎn)建筑為創(chuàng)作來(lái)源。主要工具有【鋼筆】、【對(duì)齊】、【直接選擇】、【形狀生成器】、【3D】、【偏移路徑】等。好了,話(huà)不多說(shuō),先讓我們看一下效果圖,然后開(kāi)始繪制吧!
效果圖
繪制步驟
步驟 01
創(chuàng)作前,首先明確插畫(huà)的主要內(nèi)容,我以守望先鋒各個(gè)地圖中的一些建筑為主體,本次教程以【監(jiān)測(cè)站:直布羅陀】A點(diǎn)建筑為創(chuàng)作來(lái)源。主要工具:【鋼筆】、【對(duì)齊】、【直接選擇】、【形狀生成器】、【3D】、【偏移路徑】等。
步驟 02
拿到圖片后,分析畫(huà)面的主要構(gòu)成,我把它分為了三個(gè)大體塊,首先是最明顯的左邊的復(fù)式建筑【建筑—左】和右邊的發(fā)射塔【建筑—右】,以及一個(gè)【基座】,最為明顯。
步驟 03
接著在畫(huà)布上建立參考線(xiàn)。先用【直線(xiàn)工具】建立直線(xiàn),直線(xiàn)數(shù)量為奇數(shù)。選中直線(xiàn),【旋轉(zhuǎn)】面板中點(diǎn)擊復(fù)制,復(fù)制兩次 60 度。直線(xiàn)數(shù)量為奇數(shù),復(fù)制出來(lái)的直線(xiàn)會(huì)交叉組成正三角形;直線(xiàn)數(shù)量為雙數(shù),則會(huì)出現(xiàn)正六邊形和正三角形,不利于繪畫(huà) 2.5D 插圖。
步驟 04
如何在參考線(xiàn)上建立角度合適的長(zhǎng)方體,首先明確,線(xiàn)數(shù)正確的直線(xiàn)會(huì)交叉形成正三角形,6 個(gè)正三角形可以組成一個(gè)俯視的立方體,該立方體有三個(gè)能看見(jiàn)的面。在該參考線(xiàn)上去畫(huà)任何長(zhǎng)寬比的長(zhǎng)方體,可見(jiàn)的面都是三個(gè)。
步驟 05
分析好結(jié)構(gòu)的朝向,現(xiàn)在來(lái)確定光影。原圖光線(xiàn)從左下方射入,所以左下方是受光面的最亮面。光線(xiàn)從左下方直線(xiàn)方向往右上方照射,所以頂面也是受光面,但亮度低于最亮面。即剩下的一個(gè)面為暗面。
步驟 06
在建立好的參考線(xiàn)上,依據(jù)步驟 4 用【鋼筆】分別畫(huà)出【建筑—左】、【建筑—右】、【基座】的結(jié)構(gòu)朝向,確定好你所要畫(huà)的長(zhǎng)寬高。接著以色相的不同來(lái)區(qū)分不同的體塊,附上步驟 5 的明暗關(guān)系。在這個(gè)步驟里不需要進(jìn)行配色,只需要以不同的色相來(lái)表示出明暗即可。
步驟 07
調(diào)整具體的體塊特征,用【鋼筆】畫(huà)出一些具體的結(jié)構(gòu)(具體畫(huà)法從步驟 8 開(kāi)始講解)。在長(zhǎng)方體上,光照形成亮面、灰面、暗面。當(dāng)受光面增多,亮暗關(guān)系增多,要注意區(qū)分光影層次,最亮的在哪,最暗的在哪。依照原圖,有選擇性地去選取要畫(huà)的結(jié)構(gòu),概括成一個(gè)個(gè)有特征的形體,不要盲目地看到原圖里有什么就畫(huà)什么。
步驟 08
畫(huà)【建筑—右】的發(fā)射塔時(shí),首先,把發(fā)射塔區(qū)分結(jié)構(gòu),分為上部分的圓形和下部分的墩子。將兩部分畫(huà)完,再拼起來(lái)。先畫(huà)上部分的圓形們,用【橢圓工具】按住 shift 摁住鼠標(biāo)左鍵拖動(dòng)鼠標(biāo),畫(huà)一個(gè)正圓,找到【效果—3D—旋轉(zhuǎn)】,調(diào)整角度————因?yàn)樵瓐D的發(fā)射塔朝向?yàn)橛覀?cè)中間偏上,所以整個(gè)上部分的圓形們的朝向,也是朝右側(cè)中間偏上。接著【對(duì)象—擴(kuò)展外觀】后右鍵點(diǎn)擊【取消編組】,再次右鍵點(diǎn)擊【釋放剪貼蒙版】,將單個(gè)圖形提取出來(lái)。在【對(duì)象—路徑—偏移路徑】中,調(diào)整數(shù)值做出同心圓。用不同的色相將不同的圓形部位先區(qū)分開(kāi)來(lái)。
相關(guān)文章
- 超流行的2.5D風(fēng)格插畫(huà)你會(huì)了嗎?今天小編就給大家?guī)?lái)AI制作非常漂亮的2.5d立體字插畫(huà)教程,作者講解的很詳細(xì),想要學(xué)習(xí)2.5d插畫(huà)制作技巧的朋友千萬(wàn)不要錯(cuò)過(guò)哦2018-06-21
- ai怎么繪制立體2.5D效果的彩色魔方?之前我們介紹過(guò)使用ai繪制魔方的技巧,今天我們就來(lái)看看使用ai繪制2.5d立體效果魔方的教程,需要的朋友可以參考下2018-06-03
Illustrator繪制2.5D風(fēng)格精致小房子插畫(huà)
本教程教腳本之家的Illustrator教程學(xué)習(xí)者如何使用Illustrator繪制2.5D風(fēng)格精致小房子插畫(huà)?教程繪制出的小房子非常精致,現(xiàn)在這種2.5等距風(fēng)格非常的流行,推薦給腳本之家2018-06-01- 本篇給腳本之家的Illustrator教程學(xué)習(xí)者們帶來(lái)AI繪制2.5d建筑矢量插畫(huà)圖文教程,好玩有趣還實(shí)用,感興趣的朋友歡迎前來(lái)一起分享學(xué)習(xí)2018-05-23
AI快速繪制2.5d風(fēng)格的小汽車(chē)插畫(huà)教程
本教程依然延續(xù)之前的2.5D風(fēng)格,教腳本之家的Illustrator教程學(xué)習(xí)者使用AI快速繪制2.5d風(fēng)格的小汽車(chē)插畫(huà)的方法,教程講解的挺詳細(xì),想要學(xué)習(xí)2.5d風(fēng)格插畫(huà)繪制技巧的朋友可2018-05-16ai怎么怎么設(shè)計(jì)2.5d立體的木門(mén)? ai卡通木門(mén)的設(shè)計(jì)方法
ai怎么怎么設(shè)計(jì)2.5d立體的木門(mén)?ai中想要設(shè)計(jì)一款立體的木門(mén),該怎么設(shè)計(jì)呢?下面我們就來(lái)看看ai卡通木門(mén)的設(shè)計(jì)方法,很簡(jiǎn)單,需要的朋友可以參考下2018-04-17- ai怎么設(shè)計(jì)一款2.5d立體的博士帽?ai中想要畫(huà)一個(gè)立體的博士帽,該怎么繪制呢額?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2018-04-13
ai怎么設(shè)計(jì)2.5d商場(chǎng)建筑? ai繪制房子的教程
ai怎么設(shè)計(jì)2.5d商場(chǎng)建筑?商場(chǎng)是常見(jiàn)的建筑物,想要繪制一個(gè)商場(chǎng)建筑物,該怎么設(shè)計(jì)呢?下面我們就來(lái)看看ai繪制房子的教程,需要的朋友可以參考下2018-04-12