Photoshop 插畫教程｜“DOTA2 發條潛水套裝”繪製教程

教程·插畫（Photoshop） | “DOTA2 發條潛水套裝”繪製教程

本篇繪製的圖是為dota2workshop 設計的一套面板。此教程包含角色設計、UI 設計、插圖設計三大部分內容。

Step 01

設定階段。其實在繪製卡牌及插圖之前，客戶會先提供相關的設定和參考。如果沒有的話，只好自己設計，深思熟慮設計的作品看起來會更紮實可信。設計這套面板之前，要了解盔甲的大致結構，明確哪裡是設計的重點，並且賦予一個套裝主題——bigdaddy。把頭盔、導彈發射裝置、武器這三塊作為重點進行設計，其中導彈和武器是要求有功能動畫的，這就需要找相關參考去了解結構。設定時只用簡單線稿表現清楚即可，如下圖所示。繪製出清晰可見的外形特徵，注意俯視遊戲要突出頭、肩、背部和武器的設計。

Step 02

配色如下圖所示，配色是要基於原型基礎來做的，紅色為基本主色調，大面積鋪展紅色會與頭部的灰藍形成強烈對比，從而使頭部更突出。

Step 03

技能icon的設計。根據設計的形象來設計技能icon，如下圖所示。icon 的設計要表現出高識別性，因為影象面積比較小，所以如何讓人一眼識別到要表達資訊是設計重點。

Step 04

新建畫布。開啟Photoshop軟體，執行“檔案”-“新建”命令，新建一張空白畫布，尺寸如圖所示。

Step 05

主要畫筆為“19 號圓頭”筆刷，透明度設定為100%，如下圖所示。

Step 06

設計插圖草稿。選擇“填充”工具，將背景圖層填充為灰色。設計人物動態，儘可能體現出視覺中心的頭部和英雄技能的POSE，動態要抓人眼球、要酷，如圖所示。

Step 07

深入繪製畫面草稿，如下圖所示，明確各個部位的形象和結構。

草稿用的是線面結合的方法，這種繪製方法繪製速度快。頭部加入側光確定逆光光源，增強畫面壓迫感，如下圖所示。

Step 08

上色繪製。本節的上色方法為在黑白草稿上直接上色，這種方法速度快，但有一定的難度，需要對配色思路特別明確並有較高的整體把控能力。頭部正中間的紅色為點元素，是畫的視覺中心，如下圖。

深入繪製灰色頭盔的質感，注意潛水鏡外部的包邊和鐵桿明度要高於頭盔本身，同時頭盔的材質是那種有些粗糙的金屬，所以明暗對比不要太強，如下圖所示。

由於呼吸管介面是精密連線件，所以銜接要設計精緻些，表面可以光滑處理，如圖所示。

運用補光從畫面下方反射暖光來營造氣氛，如圖所示。

確定大魚導彈和背部揹包的顏色光源，由於這些部分處於畫面較遠的地方，所以整體明度要相對頭部更高一些，如圖所示。

明確光源顏色和方向，確定各個部件的固有色和背景氛圍，整體效果如下圖所示。

Step 09

深入刻畫畫面質感。要想把材質畫到位，首先要明白材質的原理。材質表現取決於物體表面的光滑程度和透明度，質感的繪製跟對比有關。簡單來說，表面越光滑的物體，對比度越強。比如不鏽鋼材質，它的高光明度很高，明暗交界線明度很低，對比越強光滑程度越高，相反，一塊粗糙的布料就沒有高光，對比度就很弱。將頭盔鏡子顏色換成藍色，如圖所示。

深入刻畫管子，看輔助線對結構的指示，如圖所示。

整理手臂、肩部上的小物件以及揹包和肩甲的空間關係。揹包比肩甲空間距離遠些，所以揹包的明度要高，顏色要灰，整體對比較弱，如圖所示。

為了給鑽頭武器增加動態效果，使用了濾鏡中的“動感模糊”，操作步驟和效果可參考下圖。

Step 10

增強畫面的精細度，如下圖所示，檢視頭盔的精細完成度，其實就是完善光對物體的影響，達到畫面黑、白、灰色彩的平衡。

利用一些材質貼圖來增加畫面精細度。調整選用的材質素材的透視大小顏色明度，也可以將透明度調低一些，如下圖所示。

進行揹包掛件和鐵鏈的繪製可以加強動感，兩個掛墜的角度要有區別，如圖所示。

在暖色補光的光源方向加入一些火花，增強氣氛，如圖所示。

畫面精細度調整完畢，如圖所示。

Step 11

繪製火星特效，如下圖所示。

現在來講一下飄動的火星是如何繪製的。首先選擇“套索”工具，隨意選取出火花形態，如下圖。

選擇“填充”工具，填充橙黃的顏色，如圖所示。

執行“濾鏡”-“模糊”-“動感模糊”命令，如圖所示。

在彈出的“動感模糊”對話方塊中設定具體引數和模糊方向，如圖所示。

雙擊火星圖層，在彈出的“圖層樣式”對話方塊中勾選“外發光”選項，具體引數，如圖所示。

Step 12

繪製酷炫電弧特效，如下圖所示。選擇“畫筆”工具，用白色把電弧的形態畫出來，可以先檢視一下真實電弧是什麼樣子的，注意畫面虛實和佈局。

設定“圖層樣式”，勾選“外發光”選項，具體數值，如圖所示。

在電弧圖層上新建一層，用帶顆粒的“噴槍”畫筆畫一些偏藍色的霧，雙擊彈出“圖層屬性”對話方塊，勾選“外發光”選項，具體設定如下圖，發光的電弧就完成了。

Step 13

最後簽上你的大名，創作完成。