欢迎光临散文网 会员登陆 & 注册

乔杉-生物角色设计教程解析(上)

2021-04-01 10:28 作者:创意齿轮CGD  | 我要投稿

生动有趣简单的生物角色设计,初步学习国际3A游戏的完整创作流程。

教程介绍

哈喽,这是乔杉老师微博:@乔杉不是乔杉 为大家精心准备的一套新手入门级的免费生物角色设计基础课程。通过学习这门课程,大家可以创作出生动有趣简单的生物角色,初步学习国际3A游戏的完整创作流程,为之后的概念设计之路打下坚实的基础。

欢迎对角色概念设计感兴趣但找不到合适方法的同学来参与学习!如果大家喜欢这套教程,欢迎收藏点赞转发,通过社交平台进行交流互动,也期待大家创作出的奇珍异兽!冲吧!小牛兽!

正文

人是人TM生的,妖是妖TM生的,就算做妖也要有模有样,相信大家都曾看过周星驰的这部经典影片《大话西游》,至尊宝、紫霞和白晶晶人的爱情故事让人感动落泪,但一片影片之所以称之伟大,不单单是主线人物的刻画,更多小人物的细节处理,更是让这部影片成为人们津津乐道的话题。好了今天就让乔杉老师带领大家重温这部经典,对,让我们来看看唐僧身边这只小牛兽,从他的眼神里你看到了什么......

大话西游剧照

不论是魔幻题材的生物角色设计,还是科幻题材的生物角色设计,作为专业的设计师来说,文案的提炼都是少不了的,本期的内容将从文案要素提炼与素材搜集,素材筛选和单个方案草图的设计说起。

总览

  • 世界观:西游记

  • 审美风格:东方、暗黑魔幻

  • 设计方法:设计者用科学、理性的方式来创作观者情感上能产生共鸣的角色。

  • 设计目标:根据乔杉老师之前的作品,想设计一个牛魔王的小下属:小牛兽。说白了就是一个打杂的。

  • 角色特征(三个方案)(设计师要学会对文案关键字的提取,集中特征找素材)

  • 莽撞的、短小的、执拗

  • 憨厚的、肥大的、怯懦

  • 古怪的、瘦高的、年迈

  • 素材搜集(分辨率高,真实世界的)

  • 主体(牛);

  • 类似元素的联系(哺乳类)例如:斗牛犬;

  • 每个设计方案尽可能有所区别,有助于做选择和变化。

  • 形态语言的运用

  • 多个方案草图生成

  • 最终方案线稿细化

  • 色彩方案

  • 光影关系

  • 细节刻画

  • 作品集排版

NO.1 文案提炼与素材搜集

首先是文案提炼与素材搜集,文案的背景是西游记,其审美风格时东方的暗黑魔幻题材,设计师遵循的设计方法必须符合科学的、有逻辑的。大白话就是画啥像啥!牛魔王:大家好!我是牛魔王,我的紫霞仙子去哪里了?

大话西游剧照

回归正题,乔杉老师根据自己之前设计的牛魔王的形象,想要为他再设计一个小牛兽,是牛魔王身边的小兵,对就是在文章开头出现的那个站在唐僧旁边的小牛兽,小牛兽:我怎么这么倒霉,死都不放过我!唐僧:你妈贵姓啊?

大话西游剧照

这是乔杉老师之前设计的牛魔王形象,左边的是长者,领袖之风,真正的能力是控制身后的亡灵之牛;右边的是一个壮士暮年、身经百战、霸气侧漏的牛魔王形象。下边的是大哥,对真的很大......站在他腿上的是不是紫霞仙子,这个你得问乔杉老师(抠鼻屎)。如图1-1所示。

左边的是长者,领袖之风,右边的是一个壮士暮年
 图1-1老师设计的牛魔王

根据这些要设计一个新的小牛兽,计划设计三种方案,分别是:

  • 莽撞的、短小的、执拗

  • 憨厚的、肥大的、怯懦

  • 古怪的、瘦高的、年迈

在搜集素材的时候,我们要保证图片的分辨率尽可能要高,而且是来自真实世界的东西,第一,清晰的图片能够让我们看清素材的细节,其次,真实的图片可以让我提取的元素更加原汁原味。下图1-2是老师根据文案总结找的素材。

找图的时候应该遵循以下几个原则:

  • 主体:牛;

  • 类似元素的联系(哺乳类)例如:斗牛犬;

  • 每张图尽可能有所区别,有助于做选择和变化。

图1-2 素材收集

这是乔杉老师平时收集素材的状态:如图1-3所示。

图1-3 素材样板

NO.2 图片素材组合整理与单个方案草图

我们要从平时搜集的素材中找到符合角色特征的图片,然后进行筛选组合。从一组方案参考图中(图2-1)再选择其中你认为更有参考价值的图片(图2-2)。

图2-1 方案一素材整理

特征:莽撞的、短小的、执拗

整理筛选素材:有趣、喜感;最终选择了三个牛和三只狗。

图2-2 方案一素材筛选

现在素材准备完了,接下来就要强调设计了,作为生物角色设计师,我们应该遵循以下原则:

 强调设计的逻辑:

  • 由内到外的设计逻辑(生存环境 功能)

  • 骨骼框架、肌肉、表皮(当我们在设计四足哺乳类生物的时候)

  • 剪影的重要性(图像上)

tips:如果有条件可以买两个显示器,一个用来画画,一个用来看素材。

一、由内到外

根据画火柴人的原理,参考素材尝试不同骨架的方案。一开始画面并不会画的太大,起稿的阶段是非常放松的,笔刷比较轻,在尝试不同的体态。一个体态可以瞬间展示一个角色的气质。比如把胸腔挺起来感觉就不一样了。一开始尽可能创作出不同的体态。

放松,放松再放松。符合文字描述的创作与设计。

图2-3 火柴人方案尝试

如图2-3所示,左边两个红箭头指向的方案显得更有意思,咱们可以加上一些肌肉去感受一下。肌肉画的饱满一些,眼睛画的可以分开一些,显得“傻傻的”,形成角色性格方面的反差。


这个角色像一个炮弹一样,速度很快,力量很足,在战斗的过程中,对头部运动的协调和颈部的保护性使得它的脖子变粗了。(功能性)


为了强调它的短小和矮壮,需要强调角色体态的纵向延伸。根据设计师对方案的理解,最后选择方案一继续拓展。图2-4所示,两个比较有趣的方案。

图2-4 两个比较有趣的方案

二、剪影

从人眼的观察习惯出发,人眼在看到物体的时候很自然的从剪影的角度去识别信息,因此剪影的形状则可以从第一印象上传达一种感受:危险的,安全的,性感的,高大的等等。

为什么有些角色的剪影会让人印象深刻,就是它们会传达个人一种角色特征,而且这种特征蕴含着人们对常识的理解和对文化抽象的表达。如下图的剪影,大家只要看过相关的影片就会知道它们各自代表了什么。(图2-5 米老鼠、蝙蝠侠、异形剪影)

图2-5 米老鼠、蝙蝠侠、异形剪影

老师追求的剪影是下面这个样子:图2-6 小牛兽剪影。

图2-6 小牛兽剪影

tips:在画草图的过程中,ps的分层显得不是那么重要,因为这种技能熟练之后,就可以在一个图层内完成,之后的环节中,比如加入不同的设计元素的呈现,分层的作用就体现出来了。这可能是给其他部门使用的。

如下图2-7所示,是老师在创作过程中:

  • 生成剪影;

  • 拉低透明度;

  • 刻画五官;

  • 参照素材图画一个“歪嘴”的牛;

  • 适当的画出人物的表情,以便强调角色性格方面的特点;

  • 牛角再粗壮些,再给一个非常强壮的上肢;

  • 身体前倾,微微站立,加上类似拳套的东西。

图2-7 创作过程1

接下来再做更加细致的调整,如下图2-8所示。

  • 水平翻转一下,调整结构,让体态有种Z字型的动势感

  • 降低透明度

  • 结合素材版,在牛角上加入类似的纹路(有魔幻智力的生物,有自己的种族信仰和文化特征)目前只是想法,到后期会变的越来越有意思。

  • 加上胡子

  • 整体气质已经出现,在设计的细节上多做处理,水平翻转

  • 战争中一只眼睛受伤,眉毛紧锁,鼻孔大一些,显得很气愤;加上鼻环,注意之前设计的嘴巴的样子,周围的胡须两边翘起。

  • 肌肉的细节,身上配饰的细节。

图2-8 创作过程2
  • 加上浅灰色的底子,第一个方案算正式出来了。如下图2-9所示。

图2-9 小牛兽剪影方案一

好了,第一个方案的小牛兽的已经基本完成,接下来还要其他两个小牛兽的设计,我们将在后面继续解析。

总结一下:生物角色设计的步骤:

  • 文案提炼确定角色性格特征

  • 找素材

  • 筛选素材

  • 根据素材由内到外做设计(骨骼,肌肉)

  • 剪影(设计视觉化,可识别化,让别人记住)

大话西游剧照

NO.3 形态语言的概念

当基本的剪影已经设计出来之后,我们可以从整体印象上更近一步的进行强化,在这里要注意的是这个角色能够表达的情感。

首先是自然界中的形体会给你带来怎样的心理暗示,为什么。比如锋利的牙齿可以咬碎人的皮肤,带来疼痛,了解了这一点之后,我们在看到锋利的形状后就会产生警觉,意识到会有危险。

正推:现实中已经存在的事物

  • 自然界中的形(给你带来的感受),如图3-1所示。

  • 鲨鱼:速度、危险

  • 鳗鱼:圆滑、灵活

  • 水母:温和、柔软

  • 大象:厚实、敦厚

  • 蚊子:纤细、轻盈

  • 刺猬:攻击性

图3-1 自然界中的形体语言

进一步提炼:特定抽象形态的感受

  • 形态和情感的关系,不同的形态给人不同的感受,如图3-2所示。

  • 叶片状:速度的、流畅的

  • 梯形:稳定的、实在的

  • 圆形:圆滑的、可爱的

图3-2 不同的形态语言

保留抽象形中的情感元素运用到设计中。比如把这些形变成交通工具,这些物体还会保持同样的感受。如图3-3所示。

图3-3 不同形态语言的交通工具设计示意图

当把这种抽象的形放在人脸上,也会有保持感受的一致性。如图3-4所示。

  • 叶片状:狡猾的

  • 梯形:憨厚的、实在的

  • 圆形:圆滑的、可爱的

图3-4 不同形态语言的脸部设计示意图

这种逻辑也可以进行反推:

例如:想要设计外边看起来狡猾的人,图像上的选择则可以从以上的叶子状方向出发。老师在设计中也经常使用将两种元素的叠加的方法,如图3-5所示。

  • 将甲虫的元素和手的元素叠加在一起就设计出了一个比较有攻击性的手。

  • 其次又设计了一个公主的形象,其实很美又暗藏了一些可怕的东西在里面。有种让人毛骨悚的感觉。

图3-5 两种元素的叠加设计示意图

还记得前面讲到的小牛兽吗?今天我们接着来强化小牛兽的某些特质。这里面要强调的是它的攻击性,如果唐僧遇到这样的小牛兽在身边,他还会去问他妈贵姓吗?我们在它的身上加入了更多的刺,加的也要合理。如图3-6所示。

图3-6 小牛兽方案变化示意图1

那么相应的如果我们想要变的更弱一些呢?这就要削弱一些尖锐的部位,让它看起来更“圆润”一些。改变它的表情,眼神更呆萌一些,耳朵变圆润了。如图3-7所示。

图3-7 小牛兽方案变化示意图2

NO.4 多个方案草图生成

作为设计师在平时的工作中要多做几个角色方案,以满足上级对方案的挑选。例如乔杉老师自己平时创作的过程:

  • 多个方案孙悟空的设计。如图4-1所示。

图4-1 孙悟空设计方案草图
  • 老师平时设计牛魔王方案的草图,这些都只是想法的生成。如图4-2所示。

图4-2 牛魔王设计方案草图

下图4-3是乔杉老师的同事Stephn Oaklay创作的过程。在设计方案中从形态到配色都是不一样的。

图4-3 Stephn Oaklay在战神项目中龙的方案设计

还记得前面的那个小牛兽吗,接下来还有两个方案:

  • 古怪的、瘦高的、年迈

  • 憨厚的、肥大的、怯懦

步骤同上篇说的差不多,对素材进行筛选。如图4-4所示。

古怪的、瘦高的、年迈

图4-4 方案二素材筛选

创作的过程中还是要想大的动态是什么样子的。从这个角色的性格上说,它的脊椎比较长而且略带弯曲。这里老师故意和第一个方案的形象形成对比。一定要记住一点,不能过早的进入细节。

选择一个慵懒的形象,降低透明度,继续设计动态形象。如图4-5所示。

图4-5 方案二形态推敲

接下来加入牛角和肌肉元素,牛角也是非常重要的一个元素,因为它在头部而且是剪影的一个重要特征之一。通过性格特征,牛角的设计比较弯曲,向下耷拉着,显得是一个比较年迈的牛兽。还会在它的身上加入下垂的毛发,这个牛看起来是很没脾气的。从身材的角度上会让它的前肢和后肢都略长一些,跟第一个方案形成对比。如图4-6所示。

图4-6 方案二创作过程1

身上的毛发遮住了眼睛,显得更加老谋深算,背部加了驼峰,体现年迈。素材放在旁边只是给你带来一种感觉。可以把之前的方案一放在旁边做对比,如图4-7所示。之后,加入人文因素,毛发中扎几个辫子。尾巴打了个卷儿,整个画面中能弯曲的部位尽可能去强化。在毛发上加上干干的卷儿,指甲变长,加上一点儿装饰,显得这个角色的特征被进一步强化。加上剪影,又对一些线条加粗,在对一些部位进行有意的区别。

图4-7 方案二创作过程2

接下来让我们进入到第三个方案的设计中,步骤和之前的是一样的。

憨厚的、肥大的、怯懦

这个角色的创作尽可能让他的体型比较大一些,在找元素的时候也就保持个5-6张的样子即可。如图4-8所示。

图4-8 方案三素材筛选

体型上圆圆的,壮壮的,身体是比较蜷缩的状态。还在尝试多个方案。细节之处在于:这个角色的牛角是小小的,软软的,从中可以和怯懦这个词对应。如图4-9所示。

图4-9 方案三形态推敲

稍微做了些尝试,因为他的体重比较重,需要借助上肢的力量匍匐前进。眼睛的表达尽可能善意,对于整个身体结构的细化一层一层调整。如图4-10所示。

图4-10 方案三创作过程1

这头牛的的体态有点类似于大猩猩,他的手更是对大猩猩的手的元素的提取而画出来的。同样的步骤加上剪影,第三个方案的角色也设计出来了。

图4-11 方案三创作过程2

好了,大家可以看到这三个方案放在一起形成了比较不错的对比关系,现在快速归纳抽象一下各自的形态语言:如图4-12所示。

  • 柔软、古怪

  • 尖锐、危险

  • 圆滑、怯懦

图4-12 方案三的形态语言

乔杉老师小牛兽教程解析(上)的内容已整理完毕,接下来还有最终线稿方案细化、色彩方案、光影关系、细节刻画和设计排版的干货内容,请及时关注老师的微博账号@乔杉不是乔杉,会有更多高质量的知识分享。
具体视频链接:BV1Dv41147Af

欢迎加入QQ交流群:882527541。

微信咨询号:houbocg66。





乔杉-生物角色设计教程解析(上)的评论 (共 条)

分享到微博请遵守国家法律