本教程包含了簡單的光影理解、體塊構成，教你看似復雜，實則簡單的2.5D插畫創(chuàng)作。教程主要模擬守望先鋒游戲里的場景圖，推薦給朋友學習，希望大家可以喜歡。

Adobe Illustrator 2019(Ai cc2019) v23.1.0.670 綠色中文版 64位

• 類型：圖像處理
• 大?。?/span>275MB
• 語言：簡體中文
• 時間：2019-11-04

查看詳情

先看看效果圖

步驟 01

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

步驟 02

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

步驟 03

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

步驟 04

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

步驟 05

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

步驟 06

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

步驟 07

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

步驟 08

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

步驟 09

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

步驟 10

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

步驟 11

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

步驟 12

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

步驟 13

補充墩子的各個結構，將他們依照參考線拼起來。

最新評論