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

優(yōu)優(yōu)教程網(wǎng) 發(fā)布時(shí)間：2018-07-27 15:02:49 作者：牧師每天都很缺藍(lán)

這篇文章主要為大家介紹了使用Illustrator繪制2.5D風(fēng)格守望先鋒游戲場景插畫的方法過程，教程一步步講解的很詳細(xì)，打造的守望先鋒2.5D插畫效果非常精致漂亮，感興趣的朋友歡迎前來一起分享學(xué)習(xí)

教你繪制守望先鋒2.5D插畫，本次教程以【監(jiān)測站：直布羅陀】A點(diǎn)建筑為創(chuàng)作來源。主要工具有【鋼筆】、【對(duì)齊】、【直接選擇】、【形狀生成器】、【3D】、【偏移路徑】等。好了，話不多說，先讓我們看一下效果圖，然后開始繪制吧！

效果圖

繪制步驟

步驟 01

創(chuàng)作前，首先明確插畫的主要內(nèi)容，我以守望先鋒各個(gè)地圖中的一些建筑為主體，本次教程以【監(jiān)測站：直布羅陀】A點(diǎn)建筑為創(chuàng)作來源。主要工具：【鋼筆】、【對(duì)齊】、【直接選擇】、【形狀生成器】、【3D】、【偏移路徑】等。

步驟 02

拿到圖片后，分析畫面的主要構(gòu)成，我把它分為了三個(gè)大體塊，首先是最明顯的左邊的復(fù)式建筑【建筑—左】和右邊的發(fā)射塔【建筑—右】，以及一個(gè)【基座】，最為明顯。

步驟 03

接著在畫布上建立參考線。先用【直線工具】建立直線，直線數(shù)量為奇數(shù)。選中直線，【旋轉(zhuǎn)】面板中點(diǎn)擊復(fù)制，復(fù)制兩次 60 度。直線數(shù)量為奇數(shù)，復(fù)制出來的直線會(huì)交叉組成正三角形;直線數(shù)量為雙數(shù)，則會(huì)出現(xiàn)正六邊形和正三角形，不利于繪畫 2.5D 插圖。

步驟 04

如何在參考線上建立角度合適的長方體，首先明確，線數(shù)正確的直線會(huì)交叉形成正三角形，6 個(gè)正三角形可以組成一個(gè)俯視的立方體，該立方體有三個(gè)能看見的面。在該參考線上去畫任何長寬比的長方體，可見的面都是三個(gè)。

步驟 05

分析好結(jié)構(gòu)的朝向，現(xiàn)在來確定光影。原圖光線從左下方射入，所以左下方是受光面的最亮面。光線從左下方直線方向往右上方照射，所以頂面也是受光面，但亮度低于最亮面。即剩下的一個(gè)面為暗面。

步驟 06

在建立好的參考線上，依據(jù)步驟 4 用【鋼筆】分別畫出【建筑—左】、【建筑—右】、【基座】的結(jié)構(gòu)朝向，確定好你所要畫的長寬高。接著以色相的不同來區(qū)分不同的體塊，附上步驟 5 的明暗關(guān)系。在這個(gè)步驟里不需要進(jìn)行配色，只需要以不同的色相來表示出明暗即可。

步驟 07

調(diào)整具體的體塊特征，用【鋼筆】畫出一些具體的結(jié)構(gòu)(具體畫法從步驟 8 開始講解)。在長方體上，光照形成亮面、灰面、暗面。當(dāng)受光面增多，亮暗關(guān)系增多，要注意區(qū)分光影層次，最亮的在哪，最暗的在哪。依照原圖，有選擇性地去選取要畫的結(jié)構(gòu)，概括成一個(gè)個(gè)有特征的形體，不要盲目地看到原圖里有什么就畫什么。

步驟 08

畫【建筑—右】的發(fā)射塔時(shí)，首先，把發(fā)射塔區(qū)分結(jié)構(gòu)，分為上部分的圓形和下部分的墩子。將兩部分畫完，再拼起來。先畫上部分的圓形們，用【橢圓工具】按住 shift 摁住鼠標(biāo)左鍵拖動(dòng)鼠標(biāo)，畫一個(gè)正圓，找到【效果—3D—旋轉(zhuǎn)】，調(diào)整角度————因?yàn)樵瓐D的發(fā)射塔朝向?yàn)橛覀?cè)中間偏上，所以整個(gè)上部分的圓形們的朝向，也是朝右側(cè)中間偏上。接著【對(duì)象—擴(kuò)展外觀】后右鍵點(diǎn)擊【取消編組】，再次右鍵點(diǎn)擊【釋放剪貼蒙版】，將單個(gè)圖形提取出來。在【對(duì)象—路徑—偏移路徑】中，調(diào)整數(shù)值做出同心圓。用不同的色相將不同的圓形部位先區(qū)分開來。