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

教程介紹

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

歡迎對(duì)角色概念設(shè)計(jì)感興趣但找不到合適方法的同學(xué)來(lái)參與學(xué)習(xí)！如果大家喜歡這套教程，歡迎收藏點(diǎn)贊轉(zhuǎn)發(fā)，通過社交平臺(tái)進(jìn)行交流互動(dòng)，也期待大家創(chuàng)作出的奇珍異獸！沖吧！小牛獸!

正文

人是人TM生的，妖是妖TM生的，就算做妖也要有模有樣，相信大家都曾看過周星馳的這部經(jīng)典影片《大話西游》，至尊寶、紫霞和白晶晶人的愛情故事讓人感動(dòng)落淚，但一片影片之所以稱之偉大，不單單是主線人物的刻畫，更多小人物的細(xì)節(jié)處理，更是讓這部影片成為人們津津樂道的話題。好了今天就讓喬杉老師帶領(lǐng)大家重溫這部經(jīng)典，對(duì)，讓我們來(lái)看看唐僧身邊這只小牛獸，從他的眼神里你看到了什么......

不論是魔幻題材的生物角色設(shè)計(jì)，還是科幻題材的生物角色設(shè)計(jì)，作為專業(yè)的設(shè)計(jì)師來(lái)說，文案的提煉都是少不了的，本期的內(nèi)容將從文案要素提煉與素材搜集，素材篩選和單個(gè)方案草圖的設(shè)計(jì)說起。

總覽

• 世界觀：西游記

• 審美風(fēng)格：東方、暗黑魔幻

• 設(shè)計(jì)方法：設(shè)計(jì)者用科學(xué)、理性的方式來(lái)創(chuàng)作觀者情感上能產(chǎn)生共鳴的角色。

• 設(shè)計(jì)目標(biāo)：根據(jù)喬杉老師之前的作品，想設(shè)計(jì)一個(gè)牛魔王的小下屬：小牛獸。說白了就是一個(gè)打雜的。

• 角色特征（三個(gè)方案）（設(shè)計(jì)師要學(xué)會(huì)對(duì)文案關(guān)鍵字的提取，集中特征找素材）

• 莽撞的、短小的、執(zhí)拗

• 憨厚的、肥大的、怯懦

• 古怪的、瘦高的、年邁

• 素材搜集（分辨率高，真實(shí)世界的）

• 主體（牛）；

• 類似元素的聯(lián)系（哺乳類）例如：斗牛犬；

• 每個(gè)設(shè)計(jì)方案盡可能有所區(qū)別，有助于做選擇和變化。

• 形態(tài)語(yǔ)言的運(yùn)用

• 多個(gè)方案草圖生成

• 最終方案線稿細(xì)化

• 色彩方案

• 光影關(guān)系

• 細(xì)節(jié)刻畫

• 作品集排版

NO.1 文案提煉與素材搜集

首先是文案提煉與素材搜集，文案的背景是西游記，其審美風(fēng)格時(shí)東方的暗黑魔幻題材，設(shè)計(jì)師遵循的設(shè)計(jì)方法必須符合科學(xué)的、有邏輯的。大白話就是畫啥像啥！牛魔王：大家好！我是牛魔王，我的紫霞仙子去哪里了？

回歸正題，喬杉老師根據(jù)自己之前設(shè)計(jì)的牛魔王的形象，想要為他再設(shè)計(jì)一個(gè)小牛獸，是牛魔王身邊的小兵，對(duì)就是在文章開頭出現(xiàn)的那個(gè)站在唐僧旁邊的小牛獸，小牛獸：我怎么這么倒霉，死都不放過我！唐僧：你媽貴姓啊？

這是喬杉老師之前設(shè)計(jì)的牛魔王形象，左邊的是長(zhǎng)者，領(lǐng)袖之風(fēng)，真正的能力是控制身后的亡靈之牛；右邊的是一個(gè)壯士暮年、身經(jīng)百戰(zhàn)、霸氣側(cè)漏的牛魔王形象。下邊的是大哥，對(duì)真的很大......站在他腿上的是不是紫霞仙子，這個(gè)你得問喬杉老師（摳鼻屎）。如圖1-1所示。

根據(jù)這些要設(shè)計(jì)一個(gè)新的小牛獸，計(jì)劃設(shè)計(jì)三種方案，分別是：

• 莽撞的、短小的、執(zhí)拗

• 憨厚的、肥大的、怯懦

• 古怪的、瘦高的、年邁

在搜集素材的時(shí)候，我們要保證圖片的分辨率盡可能要高，而且是來(lái)自真實(shí)世界的東西，第一，清晰的圖片能夠讓我們看清素材的細(xì)節(jié)，其次，真實(shí)的圖片可以讓我提取的元素更加原汁原味。下圖1-2是老師根據(jù)文案總結(jié)找的素材。

找圖的時(shí)候應(yīng)該遵循以下幾個(gè)原則：

• 主體：牛；

• 類似元素的聯(lián)系（哺乳類）例如：斗牛犬；

• 每張圖盡可能有所區(qū)別，有助于做選擇和變化。

這是喬杉老師平時(shí)收集素材的狀態(tài)：如圖1-3所示。

NO.2 圖片素材組合整理與單個(gè)方案草圖

我們要從平時(shí)搜集的素材中找到符合角色特征的圖片，然后進(jìn)行篩選組合。從一組方案參考圖中（圖2-1）再選擇其中你認(rèn)為更有參考價(jià)值的圖片（圖2-2）。

特征：莽撞的、短小的、執(zhí)拗

整理篩選素材：有趣、喜感；最終選擇了三個(gè)牛和三只狗。

現(xiàn)在素材準(zhǔn)備完了，接下來(lái)就要強(qiáng)調(diào)設(shè)計(jì)了，作為生物角色設(shè)計(jì)師，我們應(yīng)該遵循以下原則：

?強(qiáng)調(diào)設(shè)計(jì)的邏輯：

• 由內(nèi)到外的設(shè)計(jì)邏輯（生存環(huán)境 功能）

• 骨骼框架、肌肉、表皮（當(dāng)我們?cè)谠O(shè)計(jì)四足哺乳類生物的時(shí)候）

• 剪影的重要性（圖像上）

tips：如果有條件可以買兩個(gè)顯示器，一個(gè)用來(lái)畫畫，一個(gè)用來(lái)看素材。

一、由內(nèi)到外

根據(jù)畫火柴人的原理，參考素材嘗試不同骨架的方案。一開始畫面并不會(huì)畫的太大，起稿的階段是非常放松的，筆刷比較輕，在嘗試不同的體態(tài)。一個(gè)體態(tài)可以瞬間展示一個(gè)角色的氣質(zhì)。比如把胸腔挺起來(lái)感覺就不一樣了。一開始盡可能創(chuàng)作出不同的體態(tài)。

放松，放松再放松。符合文字描述的創(chuàng)作與設(shè)計(jì)。

如圖2-3所示，左邊兩個(gè)紅箭頭指向的方案顯得更有意思，咱們可以加上一些肌肉去感受一下。肌肉畫的飽滿一些，眼睛畫的可以分開一些，顯得“傻傻的”，形成角色性格方面的反差。

這個(gè)角色像一個(gè)炮彈一樣，速度很快，力量很足，在戰(zhàn)斗的過程中，對(duì)頭部運(yùn)動(dòng)的協(xié)調(diào)和頸部的保護(hù)性使得它的脖子變粗了。（功能性）

為了強(qiáng)調(diào)它的短小和矮壯，需要強(qiáng)調(diào)角色體態(tài)的縱向延伸。根據(jù)設(shè)計(jì)師對(duì)方案的理解，最后選擇方案一繼續(xù)拓展。圖2-4所示，兩個(gè)比較有趣的方案。

二、剪影

從人眼的觀察習(xí)慣出發(fā)，人眼在看到物體的時(shí)候很自然的從剪影的角度去識(shí)別信息，因此剪影的形狀則可以從第一印象上傳達(dá)一種感受：危險(xiǎn)的，安全的，性感的，高大的等等。

為什么有些角色的剪影會(huì)讓人印象深刻，就是它們會(huì)傳達(dá)個(gè)人一種角色特征，而且這種特征蘊(yùn)含著人們對(duì)常識(shí)的理解和對(duì)文化抽象的表達(dá)。如下圖的剪影，大家只要看過相關(guān)的影片就會(huì)知道它們各自代表了什么。（圖2-5 米老鼠、蝙蝠俠、異形剪影）

老師追求的剪影是下面這個(gè)樣子：圖2-6 小牛獸剪影。

tips：在畫草圖的過程中，ps的分層顯得不是那么重要，因?yàn)檫@種技能熟練之后，就可以在一個(gè)圖層內(nèi)完成，之后的環(huán)節(jié)中，比如加入不同的設(shè)計(jì)元素的呈現(xiàn)，分層的作用就體現(xiàn)出來(lái)了。這可能是給其他部門使用的。

如下圖2-7所示，是老師在創(chuàng)作過程中：

• 生成剪影；

• 拉低透明度；

• 刻畫五官；

• 參照素材圖畫一個(gè)“歪嘴”的牛；

• 適當(dāng)?shù)漠嫵鋈宋锏谋砬?，以便?qiáng)調(diào)角色性格方面的特點(diǎn)；

• 牛角再粗壯些，再給一個(gè)非常強(qiáng)壯的上肢；

• 身體前傾，微微站立，加上類似拳套的東西。

接下來(lái)再做更加細(xì)致的調(diào)整，如下圖2-8所示。

• 水平翻轉(zhuǎn)一下，調(diào)整結(jié)構(gòu)，讓體態(tài)有種Z字型的動(dòng)勢(shì)感

• 降低透明度

• 結(jié)合素材版，在牛角上加入類似的紋路（有魔幻智力的生物，有自己的種族信仰和文化特征）目前只是想法，到后期會(huì)變的越來(lái)越有意思。

• 加上胡子

• 整體氣質(zhì)已經(jīng)出現(xiàn)，在設(shè)計(jì)的細(xì)節(jié)上多做處理，水平翻轉(zhuǎn)

• 戰(zhàn)爭(zhēng)中一只眼睛受傷，眉毛緊鎖，鼻孔大一些，顯得很氣憤；加上鼻環(huán)，注意之前設(shè)計(jì)的嘴巴的樣子，周圍的胡須兩邊翹起。

• 肌肉的細(xì)節(jié)，身上配飾的細(xì)節(jié)。

• 加上淺灰色的底子，第一個(gè)方案算正式出來(lái)了。如下圖2-9所示。

好了，第一個(gè)方案的小牛獸的已經(jīng)基本完成，接下來(lái)還要其他兩個(gè)小牛獸的設(shè)計(jì)，我們將在后面繼續(xù)解析。

總結(jié)一下：生物角色設(shè)計(jì)的步驟：

• 文案提煉確定角色性格特征

• 找素材

• 篩選素材

• 根據(jù)素材由內(nèi)到外做設(shè)計(jì)（骨骼，肌肉）

• 剪影（設(shè)計(jì)視覺化，可識(shí)別化，讓別人記?。?/p>

NO.3 形態(tài)語(yǔ)言的概念

當(dāng)基本的剪影已經(jīng)設(shè)計(jì)出來(lái)之后，我們可以從整體印象上更近一步的進(jìn)行強(qiáng)化，在這里要注意的是這個(gè)角色能夠表達(dá)的情感。

首先是自然界中的形體會(huì)給你帶來(lái)怎樣的心理暗示，為什么。比如鋒利的牙齒可以咬碎人的皮膚，帶來(lái)疼痛，了解了這一點(diǎn)之后，我們?cè)诳吹戒h利的形狀后就會(huì)產(chǎn)生警覺，意識(shí)到會(huì)有危險(xiǎn)。

正推：現(xiàn)實(shí)中已經(jīng)存在的事物

• 自然界中的形（給你帶來(lái)的感受），如圖3-1所示。

• 鯊魚：速度、危險(xiǎn)

• 鰻魚：圓滑、靈活

• 水母：溫和、柔軟

• 大象：厚實(shí)、敦厚

• 蚊子：纖細(xì)、輕盈

• 刺猬：攻擊性

進(jìn)一步提煉：特定抽象形態(tài)的感受

• 形態(tài)和情感的關(guān)系，不同的形態(tài)給人不同的感受，如圖3-2所示。

• 葉片狀：速度的、流暢的

• 梯形：穩(wěn)定的、實(shí)在的

• 圓形：圓滑的、可愛的

保留抽象形中的情感元素運(yùn)用到設(shè)計(jì)中。比如把這些形變成交通工具，這些物體還會(huì)保持同樣的感受。如圖3-3所示。

當(dāng)把這種抽象的形放在人臉上，也會(huì)有保持感受的一致性。如圖3-4所示。

• 葉片狀：狡猾的

• 梯形：憨厚的、實(shí)在的

• 圓形：圓滑的、可愛的

這種邏輯也可以進(jìn)行反推：

例如：想要設(shè)計(jì)外邊看起來(lái)狡猾的人，圖像上的選擇則可以從以上的葉子狀方向出發(fā)。老師在設(shè)計(jì)中也經(jīng)常使用將兩種元素的疊加的方法，如圖3-5所示。

• 將甲蟲的元素和手的元素疊加在一起就設(shè)計(jì)出了一個(gè)比較有攻擊性的手。

• 其次又設(shè)計(jì)了一個(gè)公主的形象，其實(shí)很美又暗藏了一些可怕的東西在里面。有種讓人毛骨悚的感覺。

還記得前面講到的小牛獸嗎？今天我們接著來(lái)強(qiáng)化小牛獸的某些特質(zhì)。這里面要強(qiáng)調(diào)的是它的攻擊性，如果唐僧遇到這樣的小牛獸在身邊，他還會(huì)去問他媽貴姓嗎？我們?cè)谒纳砩霞尤肓烁嗟拇?，加的也要合理。如圖3-6所示。

那么相應(yīng)的如果我們想要變的更弱一些呢？這就要削弱一些尖銳的部位，讓它看起來(lái)更“圓潤(rùn)”一些。改變它的表情，眼神更呆萌一些，耳朵變圓潤(rùn)了。如圖3-7所示。

NO.4 多個(gè)方案草圖生成

作為設(shè)計(jì)師在平時(shí)的工作中要多做幾個(gè)角色方案，以滿足上級(jí)對(duì)方案的挑選。例如喬杉老師自己平時(shí)創(chuàng)作的過程：

• 多個(gè)方案孫悟空的設(shè)計(jì)。如圖4-1所示。

• 老師平時(shí)設(shè)計(jì)牛魔王方案的草圖，這些都只是想法的生成。如圖4-2所示。

下圖4-3是喬杉老師的同事Stephn Oaklay創(chuàng)作的過程。在設(shè)計(jì)方案中從形態(tài)到配色都是不一樣的。

還記得前面的那個(gè)小牛獸嗎，接下來(lái)還有兩個(gè)方案：

• 古怪的、瘦高的、年邁

• 憨厚的、肥大的、怯懦

步驟同上篇說的差不多，對(duì)素材進(jìn)行篩選。如圖4-4所示。

古怪的、瘦高的、年邁

創(chuàng)作的過程中還是要想大的動(dòng)態(tài)是什么樣子的。從這個(gè)角色的性格上說，它的脊椎比較長(zhǎng)而且略帶彎曲。這里老師故意和第一個(gè)方案的形象形成對(duì)比。一定要記住一點(diǎn)，不能過早的進(jìn)入細(xì)節(jié)。

選擇一個(gè)慵懶的形象，降低透明度，繼續(xù)設(shè)計(jì)動(dòng)態(tài)形象。如圖4-5所示。

接下來(lái)加入牛角和肌肉元素，牛角也是非常重要的一個(gè)元素，因?yàn)樗陬^部而且是剪影的一個(gè)重要特征之一。通過性格特征，牛角的設(shè)計(jì)比較彎曲，向下耷拉著，顯得是一個(gè)比較年邁的牛獸。還會(huì)在它的身上加入下垂的毛發(fā)，這個(gè)牛看起來(lái)是很沒脾氣的。從身材的角度上會(huì)讓它的前肢和后肢都略長(zhǎng)一些，跟第一個(gè)方案形成對(duì)比。如圖4-6所示。

身上的毛發(fā)遮住了眼睛，顯得更加老謀深算，背部加了駝峰，體現(xiàn)年邁。素材放在旁邊只是給你帶來(lái)一種感覺。可以把之前的方案一放在旁邊做對(duì)比，如圖4-7所示。之后，加入人文因素，毛發(fā)中扎幾個(gè)辮子。尾巴打了個(gè)卷兒，整個(gè)畫面中能彎曲的部位盡可能去強(qiáng)化。在毛發(fā)上加上干干的卷兒，指甲變長(zhǎng)，加上一點(diǎn)兒裝飾，顯得這個(gè)角色的特征被進(jìn)一步強(qiáng)化。加上剪影，又對(duì)一些線條加粗，在對(duì)一些部位進(jìn)行有意的區(qū)別。

接下來(lái)讓我們進(jìn)入到第三個(gè)方案的設(shè)計(jì)中，步驟和之前的是一樣的。

憨厚的、肥大的、怯懦

這個(gè)角色的創(chuàng)作盡可能讓他的體型比較大一些，在找元素的時(shí)候也就保持個(gè)5-6張的樣子即可。如圖4-8所示。

體型上圓圓的，壯壯的，身體是比較蜷縮的狀態(tài)。還在嘗試多個(gè)方案。細(xì)節(jié)之處在于：這個(gè)角色的牛角是小小的，軟軟的，從中可以和怯懦這個(gè)詞對(duì)應(yīng)。如圖4-9所示。

稍微做了些嘗試，因?yàn)樗捏w重比較重，需要借助上肢的力量匍匐前進(jìn)。眼睛的表達(dá)盡可能善意，對(duì)于整個(gè)身體結(jié)構(gòu)的細(xì)化一層一層調(diào)整。如圖4-10所示。

這頭牛的的體態(tài)有點(diǎn)類似于大猩猩，他的手更是對(duì)大猩猩的手的元素的提取而畫出來(lái)的。同樣的步驟加上剪影，第三個(gè)方案的角色也設(shè)計(jì)出來(lái)了。

好了，大家可以看到這三個(gè)方案放在一起形成了比較不錯(cuò)的對(duì)比關(guān)系，現(xiàn)在快速歸納抽象一下各自的形態(tài)語(yǔ)言：如圖4-12所示。

• 柔軟、古怪

• 尖銳、危險(xiǎn)

• 圓滑、怯懦

喬杉老師小牛獸教程解析（上）的內(nèi)容已整理完畢，接下來(lái)還有最終線稿方案細(xì)化、色彩方案、光影關(guān)系、細(xì)節(jié)刻畫和設(shè)計(jì)排版的干貨內(nèi)容，請(qǐng)及時(shí)關(guān)注老師的微博賬號(hào)@喬杉不是喬杉，會(huì)有更多高質(zhì)量的知識(shí)分享。
具體視頻鏈接：BV1Dv41147Af

歡迎加入QQ交流群：882527541。

微信咨詢號(hào)：houbocg66。