散文網(wǎng) » 興趣 »繪畫 » 喬杉-生物角色設(shè)計教程解析（下）

喬杉-生物角色設(shè)計教程解析（下）

2021-04-06 18:35 作者:創(chuàng)意齒輪CGD 0人讀過 | 我要投稿

生動有趣簡單的生物角色設(shè)計，初步學(xué)習(xí)國際3A游戲的完整創(chuàng)作流程。

教程介紹

哈嘍，這是喬杉老師微博：@喬杉不是喬杉為大家精心準(zhǔn)備的一套新手入門級的免費生物角色設(shè)計基礎(chǔ)課程。通過學(xué)習(xí)這門課程，大家可以創(chuàng)作出生動有趣簡單的生物角色，初步學(xué)習(xí)國際3A游戲的完整創(chuàng)作流程，為之后的概念設(shè)計之路打下堅實的基礎(chǔ)。

上次的課程我們講解了文案元素的提取，素材收集和整理，方案的草圖設(shè)計；這次我們要繼續(xù)深入，接下來還有最終線稿方案細(xì)化、色彩方案、光影關(guān)系、細(xì)節(jié)刻畫和設(shè)計排版進(jìn)行解析。歡迎大家學(xué)習(xí)喬杉-小牛獸教程解析（下）。

NO.5 最終線稿方案細(xì)化（上）

篩選方案：下圖5-1所示的方案一：矮矮的，很有能量的這頭小牛獸顯得性格更加多面，決定把它作為最終方案進(jìn)一步細(xì)化。其他兩個方案可以提供一些參考。把一個方案進(jìn)行三個方向的嘗試，這在平時的工作中是比較常用的方式。

多個物體之間和同一個物體內(nèi)部的大小比例關(guān)系識別，如圖5-2所示。
黃金比例關(guān)系。如圖5-3所示。

無論是多個物體之間大小比較，還是單個物體內(nèi)部不同部分的大小比較，我們在這里都可以稱作為物體的比例與分割。

以下是人眼對于圖形體量比例和分割的一些基本的規(guī)律。為了更好的生成視覺的興趣點以及中心點，可以把設(shè)計分割成大、中、小的形態(tài)變化，自然界中人的眼睛最有可能把視線落在畫面中最小的物體上。（正課中會詳細(xì)說明）

根據(jù)這種規(guī)律，我們可以推斷由大中小不同體量的形態(tài)所組合的設(shè)計更符合人眼觀察的軌跡，更加容易讓人所接受。

在這里會快速的跟大家介紹一下黃金比例，并且了解到神奇的黃金比例可以作為我們設(shè)計過程中反復(fù)使用的比例和分割標(biāo)準(zhǔn)：

如下圖5-4所示，不等比例分割（傾向于黃金比例），與相等比例分割之間的區(qū)別：

左邊是不同形狀拼接重組的一個角色剪影，由于圖形的體量按照大中小的方式來進(jìn)行分配，從視覺的角度會看起來非常又緊又松，視覺中心突出，相反，如果每個分割的體量都是相同的狀態(tài)，則很難辨別出哪些形狀是更為重要的，形成一種呆板無聊的狀態(tài)。對于同一個角色的內(nèi)容部分割，也是一樣的道理。

如下圖5-5中的方向一所示，當(dāng)想要視覺中心集中到眉毛的位置時，要適當(dāng)?shù)恼{(diào)整元素的組合。在畫的過程中是需要不斷嘗試的，效果好的保留，不好的刪去。身體上多一些硬的毛發(fā)，讓它看起來更危險。

第一個方向看起還是比較滿，要考慮圖片中的疏密關(guān)系?？蛇M(jìn)一步探索。所以進(jìn)入第二個方向的探索。如圖5-6方向二所示，發(fā)型改成板寸，胡子分層三叉，和嘴的樣子形成呼應(yīng)，顯得更生氣的樣子。整體的感覺不變，細(xì)節(jié)可以變化。加上眉毛，頭發(fā)可以再立起來一些。?

接下來進(jìn)行第三個方向的探索，如圖5-7所示。這是不斷是錯的過程。在戰(zhàn)場上受傷，牛角被打破的樣子。加上胸毛。其實這種思路在前面的課程中會有提及。

也可以在受傷的牛角上綁上繃帶。眼神可以更“逗比”一些。

這樣我們就有了細(xì)節(jié)上比較有區(qū)別的三個方向，如圖5-8所示。

NO.5 最終線稿方案細(xì)化（下）

在想法生成的階段是比較難的，接下來進(jìn)入到線稿的細(xì)化階段，這里面涉及到的線條粗細(xì)的原則。我選擇一個比較滿意的方案做進(jìn)一步細(xì)化。如圖5-9所示。

tips：老師在畫線稿時一直嘗試用的筆刷有三種如圖510所示：相對有壓感的。筆刷需要嘗試，找適合自己的筆刷有助于提高自己的數(shù)字手繪能力。

每個游戲公司的創(chuàng)作過程都不一樣，有些公司會忽略線稿，但作為老師的工作職能來說，線稿是非常重要的，它能更好的創(chuàng)達(dá)設(shè)計信息。提示：一般面部肌肉使用頻繁的部位會出現(xiàn)很多皺紋。當(dāng)你不滿意的時候，線稿可以降低透明度，重開一層繼續(xù)強(qiáng)化。

下圖5-11是整個細(xì)化的過程解釋：首先是降低透明度，方便在之前的輪廓上做細(xì)化，我們做線稿一般從頭部再到腳部。頭部的毛發(fā)和眉間的皺紋處理完之后，就要對整體面部和胡子做線稿細(xì)化，接下來就是全身一直到腳，在這其中加入服飾和身上的紋身，讓這個角色更加有意思。當(dāng)刻畫完之后，可以隱藏之前的剪影，看到一張比較清晰的線稿，基于這個線稿的基礎(chǔ)上再去涂上一層灰色，變成剪影。在這個前提下，新建一個圖層調(diào)整線條的粗細(xì)并加一些適當(dāng)?shù)年幱埃?span id="s0sssss00s" class="color-pink-02">原則是：外輪廓的線條粗一些，耳朵內(nèi)部，鼻孔，嘴巴下方，胸肌兩側(cè)會有陰影。

對牛角的裝飾也是一層一層的，先是有一種漸變的肌理，然后結(jié)合素材板挖掘一些文化上的東西，比如一些符文象征著家族的榮耀。做完一半，直接復(fù)制一下水平翻轉(zhuǎn)過去。最終我們可以用液化工具對整體的形象做一個微調(diào)，切記是微調(diào)，這就考驗設(shè)計師的眼力勁兒，作為新人要不斷嘗試，最重要的是要找對老師，叫老師幫你指導(dǎo)。

好啦，這是我們第五集（下）的內(nèi)容，接下來就要進(jìn)入到色彩的學(xué)習(xí)中啦。

NO.6 色彩方案

黑白關(guān)系
色彩關(guān)系

色彩中有三個非常重要的元素：明度、色相和飽和度。明度表示色所具有的亮度和暗度；色相通俗的說是咱們?nèi)庋鬯吹降念伾?，它受光的頻率影響。飽和度(有時稱為彩度)是指顏色的強(qiáng)度或純度。飽和度表示色相中灰色分量所占的比例，它使用0%(灰色)～100%(完全飽和)的百分比來度量。課中示意圖6-1。

在創(chuàng)作過程中，我們首先要建立的幾個點，首先是視覺上的平衡，如圖6-2（1）所示，當(dāng)明度一致的時候，畫面關(guān)系是平衡的，圖6-2（2）：但當(dāng)一半的明度加重時，視覺平衡就被打破了，明度暗的地方顯得更重，圖6-2（3）：若明度亮的部位體積變大的時候，它們的視覺又將達(dá)到平衡。圖6-2（4）：再復(fù)雜點的就是當(dāng)畫面的形狀、動態(tài)及明度發(fā)生變化時，與一個大體積單純的畫面信息比對，同樣是平衡的。圖6-2（5）：當(dāng)有一部分飽和度比較低的色塊與一個高純度的點也可以達(dá)到平衡。圖6-2（6）：在色環(huán)中找到對比色，在暖色調(diào)中規(guī)定一個區(qū)間圍，降低飽和度，冷色只用一種，飽和度相比較高一些。暖色的面積區(qū)間在70%-90%左右，剩下的交給冷色，加在視覺中心的位置，例如：手、頭或者領(lǐng)帶。

這些都是比較抽象的基本現(xiàn)象，接下來會在小牛獸的創(chuàng)作過程中，幫大家實踐一下。如圖6-3所示，方案一:

首先是在新的圖層上建立一個黑色的“面具”剪影，圖6-3（1）；
然后把之前的線稿草圖中剪影的灰色去掉，只保留線稿，圖6-3（2）；
在黑色”面具“上新建一個圖層，創(chuàng)建智能蒙版（這樣在該圖層上畫畫就不會超過“面具”的范圍）。我們先把這個“面具”的亮度調(diào)亮成中灰度。把之前去掉灰色的部分線稿放在最上面一層，中間放上一個空白圖層，讓它轉(zhuǎn)化成最下面黑色“面具”圖層的智能蒙版。現(xiàn)在就可以在中間這層智能圖層中自由上色，不用擔(dān)心破壞剪影形了，圖6-3（3）；
先加入一層棕色底色，利用色相/飽和度工具把亮度調(diào)亮，（快捷鍵：ctrl+U)，填色時要考慮到固有色，比如牛角的顏色就是取自真實的顏色?；氐剿夭陌澹l(fā)現(xiàn)其中的一頭牛的顏色更好看，我們就可以借鑒這種顏色關(guān)系，圖6-3（4）；
接下來是對色彩的運用，橙黃色和白色在牛的肩部做色彩漸變，多多嘗試，切記現(xiàn)在的上色過程不是照抄這張圖，而是還要做調(diào)整，之后會出現(xiàn)。當(dāng)然，在有素材之后，你的創(chuàng)作過程不會變的很痛苦，它會給你一些真實的指導(dǎo)性信息。目前顏色的上色基本屬于一個平涂的狀態(tài)。在部位的涂色中盡量做到一些明暗的對比，比如五官周圍：眼睛是亮的，眼睛周圍的皮膚就要壓暗一些，圖6-3（5-12）。

tips：很多初學(xué)者對黑白稿的把握不是很好，這里介紹一種方法：就是在畫面上方的圖層加一層黑白工具，方便我們及時檢查黑白關(guān)系并做調(diào)整。

色彩方案一相對用到暖色調(diào)，顯得整個牛的能量很足。當(dāng)然，在工作過程中也會對配色產(chǎn)生另一種不同的方案，我們可以參考狗的膚色去創(chuàng)新另一種色彩方案，這種就顯得比較素一些。如圖6-4所示。身體是灰白色，胡子可以加深形成對比。這時老師找來了真實世界中河馬的照片，借鑒期中黃色的元素運用到小牛獸的臂膀周圍，這樣會顯得更加真實。借鑒上一個色彩方案褲子和鈴鐺的配色，第二個方案可以在第一個的基礎(chǔ)上加深，讓褲子的部位形成整體的色塊。最后加上金色的鼻環(huán)。整體的設(shè)計思路就是這樣兒，如果想喜歡也可以繼續(xù)。

色彩方案的元素目前已經(jīng)介紹完了，圖6-5是兩種方案的對比。這位之后的細(xì)化和光影關(guān)系打下很好的基礎(chǔ)。

NO.7 光影關(guān)系

在線稿設(shè)計和色彩設(shè)計已經(jīng)完成的情況下，對小牛怪進(jìn)行打光，首先用圓球或者立方體這樣的簡單立體圖形來說明如何通過光影來表達(dá)體感。然后在生物角色上進(jìn)行明暗區(qū)域分配，使得角色立體起來。

如果基礎(chǔ)相對比較差的同學(xué)可以在這一步也找到一個打光的素材進(jìn)行指導(dǎo)。如果基礎(chǔ)尚可的同學(xué)可以借此機(jī)會去練習(xí)自己對于形體的理解。由于我們的主要目的是展示角色設(shè)計，所以打光并不會十分刁鉆，在此次練習(xí)中會使用最為基礎(chǔ)和保守的打光方式，在演示的時候會為大家做出介紹。

光影：因為光源而產(chǎn)生。
形體：通過光影表現(xiàn)出來。

如圖7-1所示，球體上主要會形成三個面，亮面、暗面和反光面。亮面一般是光源照射在物體上的面，暗面是沒有光源照射的面，反光面是周圍環(huán)境光照射上的面。調(diào)性的上會產(chǎn)生明暗面及陰影。

我們在做角色設(shè)計的時候，打光原則盡可能不會影響到觀察角色身上的東西，就是說亮面不能過亮，暗面不能過暗。一般來說，我們會打一道很基礎(chǔ)的光，可以從頂光、右斜側(cè)光和左斜側(cè)光中選擇一樣，這次的演示選擇頂光。接下來圖7-2所示是第一種對于光影的表現(xiàn)。

在原圖上方新建一個空白圖層，使用正片疊底，然后創(chuàng)建剪貼蒙版，用顏色較暗的調(diào)子畫暗部，先是整體，再是細(xì)節(jié)。最后加上高光，再新建一層空白圖層，使用疊加，然后創(chuàng)建剪貼蒙版，用白色簡單勾勒高光。

這里老師又介紹了另一種打光方法：把之前沒有打光的原圖ctrl+j復(fù)制一層，然后在新圖層上整體ctrl+u壓低亮度變暗，變暗的這層添加圖層蒙版，用黑色筆刷畫陰影。這么做的好處就是會有一些微妙的關(guān)系，有非常多的細(xì)節(jié)可以保留住。要在圖層蒙版上操作哦。如圖7-3所示。

NO.8 細(xì)節(jié)刻畫

確立光影關(guān)系之后我們，我們會進(jìn)入機(jī)理和材質(zhì)的刻畫。同樣，在刻畫之前需要整理好角色渲染所需要的細(xì)節(jié)材質(zhì)圖片，并且將這些素材擺放在最終設(shè)計圖的旁邊，對比著進(jìn)行渲染，我們在這里的設(shè)計會更偏向于寫實的風(fēng)格，所以素材多為真實的照片。

當(dāng)素材準(zhǔn)備完畢之后，我們會進(jìn)入到最后的細(xì)節(jié)刻畫之后，在這里建議大家去觀看我們錄制的原速播放視頻，時間緊張則可以觀看倍速播放，讓大家技能看到每一個細(xì)節(jié)的刻畫，也能了解整個流程。流程圖如圖7-5所示。當(dāng)然大家不要拘泥于每個細(xì)節(jié)中，整體感覺對了就行。