AI教程！教你繪制守望先鋒2.5D插畫

關(guān)于教程 —

為守望先鋒進行一波信仰充值?(? ???ω??? ?)?

本教程包含了簡單的光影理解、體塊構(gòu)成，教你看似復(fù)雜，實則簡單的2.5D插畫創(chuàng)作。

繪制步驟 —

步驟 01

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

步驟 02

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

步驟 03

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

步驟 04

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

步驟 05

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

步驟 06

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

步驟 07

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

步驟 08

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

步驟 09

畫一個正圓，找到【效果—3D—旋轉(zhuǎn)】，調(diào)整角度，【對象—擴展外觀】后右鍵點擊【取消編組】，再次右鍵點擊【釋放剪貼蒙版】，將單個圖形提取出來。將圖形復(fù)制一個并依據(jù)參考線放在合適的角度（角度選擇如步驟 8里所說）。選擇【混合工具】，點擊兩個圓形，再雙擊【混合工具】的圖標(biāo)，在其面板上進行設(shè)置數(shù)值。在數(shù)值設(shè)置上，指定的步數(shù)或距離要使圓柱體的邊緣看起來平滑。設(shè)置完后，擴展外觀后【取消編組】，除去頂面的部分都進行【聯(lián)集】，分出亮面、暗面。

步驟?10

畫一個正圓，選擇【直接選擇工具】，點一下正圓，正圓會出現(xiàn) 4 個錨點，再點一下某一個錨點，即【選擇了該錨點】，將其刪除。接著選擇【選擇工具】，選中該圖形右鍵點擊【連接】，即為一個半圓。接著選擇【3D—繞轉(zhuǎn)】，點開【更多選項】，設(shè)置與畫面同步的光源。球體可以先不擴展。

步驟?11

畫圓柱體時，先畫一個正圓，選擇【3D—凸出和斜角】，位置選擇【等角—上方】，調(diào)整凸出厚度，點開更多選項，混合步驟數(shù)值可以盡量調(diào)低，顯示出的顏色越少越好，做完之后將單個圖形提取出來。

步驟?12

畫一個 1/4 圓，選擇【3D—繞轉(zhuǎn)】，位置【等角—左方】。與之前畫的圓柱拼起來。

步驟?13

補充墩子的各個結(jié)構(gòu)，將他們依照參考線拼起來。

步驟?14

將畫好的發(fā)射塔上下部件依照參考線拼起來。

步驟?15

參考原圖的旗子，是一種被風(fēng)吹的效果， LOGO 也是不規(guī)則圖形，左上方的旗子一角遮住了光線，形成了暗部。用鋼筆勾勒出旗子、 LOGO 、陰影的形狀。陰影部分，純色填充改為漸變填充，拉一個深色的漸變，漸變?yōu)樽笊辖巧钌蚁陆菧\色，角度調(diào)整要合適。 LOGO 的變形要依據(jù)旗子的擺動起伏來畫。

步驟?16

天線部分主要由直線（或矩形）、圓柱體（圓柱體畫法見步驟 11）、半球體（半球體畫法見步驟 12）、圓環(huán)（圓環(huán)畫法見步驟 17）拼成。依照參考線，注意圖形前后位置順序。

步驟?17

畫圓環(huán)時，先畫一個正圓，去掉填充，描邊加粗，選擇【3D—凸出和斜角】，位置選擇【等角—上方】，選擇合適的凸出厚度，減少混合步驟。

步驟 18

文字部分畫法。依照原圖，輸入文字后，選擇合適的字體，【選擇工具】選中字體，右鍵點擊【創(chuàng)建輪廓】，調(diào)整到合適的長寬比。將文字圖形編組，選擇【效果—3D—旋轉(zhuǎn)】，位置選擇【等角—右方】，取消編組，釋放剪貼蒙版，將圖形提取出來。這里要值得注意的是，3D 效果做的旋轉(zhuǎn)，放大畫布可以看到不會完全與參考線吻合，可以在【變換】中適當(dāng)調(diào)整角度。

步驟 19

【建筑—左】圖標(biāo)畫法。參考原圖，除去視覺角度，這是一個正方形和圓形組成的圖案。其中，可以利用【描邊—粗細】、【路徑查找器—差集】、【路徑查找器—分割】、【形狀查找器】、【對稱】、【對齊】等工具來做。在用路徑查找器之后，取消編組，把不需要的圖形刪掉，桔色圓弧部分在做凹槽時，利用【鋼筆】和原圖形來做。平面做完之后全選編組，選擇【3D—旋轉(zhuǎn)】，設(shè)置選項，做出與畫面同步的角度。

步驟?20

【基座】上有兩個圖形，我們可以同樣理解為兩個圖標(biāo)。注意彼此的大小比例?！净可系膬蓚€圖標(biāo)角度與【建筑—左】不同，要注意。

步驟 21

畫【基座】上的樓梯是，先將樓梯分解為若干個長方體加一個三角形來畫。長方體由單個的正方體，通過【直接選擇工具】，選擇對應(yīng)的錨點，拖動到對應(yīng)的角度，來完成。

步驟 22

在畫【基座】的墻面裝飾時，先將其理解成一個扁平的長方體，再在最大的一個面上做凹凸效果。若長方體面向自己時，凸起朝向也面向自己。所以長方體朝向在左下方時，凸起部分也朝向左下方。同時注意，從側(cè)面看時，凸起部分是具有厚度的。在改變該結(jié)構(gòu)的朝向時，也要注意凸起的5個面的角度。最后根據(jù)光線安排明暗關(guān)系。并加上小長方體。

步驟?23

信號發(fā)射器大體由【鋼筆】依據(jù)參考線來畫。涉及到圓形的部分可以用【3D】來畫。注意各個體塊的受光情況。

步驟?24

先將發(fā)射塔基座看成一個扁平的長方體，將該長方體看成一個底面和三個可見面。將三個可見面選中，右鍵【編組】。選擇【直接選擇工具】，點擊其中一個可見面的錨點，在工具欄中調(diào)整邊角數(shù)值，調(diào)整三個可見面的邊角數(shù)值。之后調(diào)整底面的錨點邊角數(shù)值。最后使底面和三個可見面【水平居中對齊】、【垂直底對齊】，選中他們，在【路徑查找器】中選擇【分割】，右鍵【取消編組】，更改亮暗的顏色。最后加上圓柱體和欄桿。

步驟?25

繼續(xù)補充、調(diào)整細節(jié)。所有的結(jié)構(gòu)都要根據(jù)參考線的角度和比例來畫。把畫好的結(jié)構(gòu)都依照參考線拼好，再調(diào)整、增加或刪減些細節(jié)。

步驟?26

進行配色，根據(jù)每個體塊所占畫面的不同比例來選取顏色，選好哪幾個體塊用哪一個顏色。配色網(wǎng)站中的配色不一定能直接拿來用。選擇好需要的色相，再根據(jù)受光的情況調(diào)整亮暗面的顏色。

步驟?27

將不同的體塊改為相應(yīng)的顏色。

步驟 28

根據(jù)畫中物體比例畫一個建筑底座，為底座加上投影，并排版，畫布比例選擇 3:4 ，背景純色填充改為漸變填充。將建筑原位復(fù)制一個并放大到合適的位置，調(diào)整透明度，右上角合適位置加上 LOGO 和英文。

結(jié)語

本期教程到這里就結(jié)束了，希望大家在練習(xí)過程中多思考、理解制作思路和操作方法，活學(xué)活用。

相關(guān)推薦：

→?AI+PS教程！教你繪制2.5D風(fēng)格兒童節(jié)插畫

→?AI教程！教你繪制超火的2.5D等距視角風(fēng)格插畫

---

一個人做練習(xí)的時候，做得好沒人發(fā)現(xiàn)，做得差沒人點評，總感覺很難堅持下去呢···

從今天開始參與「優(yōu)優(yōu)教程網(wǎng) 365 天打卡計劃」，每天一個小練習(xí)， 4 位U站管理員與大家一起打卡練習(xí)，點贊點評，互幫互助。優(yōu)秀練習(xí)還有機會被優(yōu)優(yōu)轉(zhuǎn)發(fā)

【參與方式】每天在?#優(yōu)設(shè)每日作業(yè)#?內(nèi)，上傳打卡練習(xí)，話題微博格式【 DAY 01~365 】轉(zhuǎn)發(fā)視為參加。

【收獲】更好的自己