乔杉-生物角色设计教程解析（下）
生动有趣简单的生物角色设计，初步学习国际3A游戏的完整创作流程。
教程介绍
哈喽，这是乔杉老师微博：@乔杉不是乔杉 为大家精心准备的一套新手入门级的免费生物角色设计基础课程。通过学习这门课程，大家可以创作出生动有趣简单的生物角色，初步学习国际3A游戏的完整创作流程，为之后的概念设计之路打下坚实的基础。
上次的课程我们讲解了文案元素的提取，素材收集和整理，方案的草图设计；这次我们要继续深入，接下来还有最终线稿方案细化、色彩方案、光影关系、细节刻画和设计排版进行解析。欢迎大家学习乔杉-小牛兽教程解析（下）。
NO.5 最终线稿方案细化（上）
筛选方案：下图5-1所示的方案一：矮矮的，很有能量的这头小牛兽显得性格更加多面，决定把它作为最终方案进一步细化。其他两个方案可以提供一些参考。把一个方案进行三个方向的尝试，这在平时的工作中是比较常用的方式。
多个物体之间和同一个物体内部的大小比例关系识别，如图5-2所示。
黄金比例关系。如图5-3所示。
无论是多个物体之间大小比较，还是单个物体内部不同部分的大小比较，我们在这里都可以称作为物体的比例与分割。
以下是人眼对于图形体量比例和分割的一些基本的规律。为了更好的生成视觉的兴趣点以及中心点，可以把设计分割成大、中、小的形态变化，自然界中人的眼睛最有可能把视线落在画面中最小的物体上。（正课中会详细说明）
根据这种规律，我们可以推断由大中小不同体量的形态所组合的设计更符合人眼观察的轨迹，更加容易让人所接受。
在这里会快速的跟大家介绍一下黄金比例，并且了解到神奇的黄金比例可以作为我们设计过程中反复使用的比例和分割标准：
如下图5-4所示，不等比例分割（倾向于黄金比例），与相等比例分割之间的区别：
左边是不同形状拼接重组的一个角色剪影，由于图形的体量按照大中小的方式来进行分配，从视觉的角度会看起来非常又紧又松，视觉中心突出，相反，如果每个分割的体量都是相同的状态，则很难辨别出哪些形状是更为重要的，形成一种呆板无聊的状态。对于同一个角色的内容部分割，也是一样的道理。
如下图5-5中的方向一所示，当想要视觉中心集中到眉毛的位置时，要适当的调整元素的组合。在画的过程中是需要不断尝试的，效果好的保留，不好的删去。身体上多一些硬的毛发，让它看起来更危险。
第一个方向看起还是比较满，要考虑图片中的疏密关系。可进一步探索。所以进入第二个方向的探索。如图5-6方向二所示，发型改成板寸，胡子分层三叉，和嘴的样子形成呼应，显得更生气的样子。整体的感觉不变，细节可以变化。加上眉毛，头发可以再立起来一些。
接下来进行第三个方向的探索，如图5-7所示。这是不断是错的过程。在战场上受伤，牛角被打破的样子。加上胸毛。其实这种思路在前面的课程中会有提及。
也可以在受伤的牛角上绑上绷带。眼神可以更“逗比”一些。
这样我们就有了细节上比较有区别的三个方向，如图5-8所示。
NO.5 最终线稿方案细化（下）
在想法生成的阶段是比较难的，接下来进入到线稿的细化阶段，这里面涉及到的线条粗细的原则。我选择一个比较满意的方案做进一步细化。如图5-9所示。
tips：老师在画线稿时一直尝试用的笔刷有三种如图510所示：相对有压感的。笔刷需要尝试，找适合自己的笔刷有助于提高自己的数字手绘能力。
每个游戏公司的创作过程都不一样，有些公司会忽略线稿，但作为老师的工作职能来说，线稿是非常重要的，它能更好的创达设计信息。提示：一般面部肌肉使用频繁的部位会出现很多皱纹。当你不满意的时候，线稿可以降低透明度，重开一层继续强化。
下图5-11是整个细化的过程解释：首先是降低透明度，方便在之前的轮廓上做细化，我们做线稿一般从头部再到脚部。头部的毛发和眉间的皱纹处理完之后，就要对整体面部和胡子做线稿细化，接下来就是全身一直到脚，在这其中加入服饰和身上的纹身，让这个角色更加有意思。当刻画完之后，可以隐藏之前的剪影，看到一张比较清晰的线稿，基于这个线稿的基础上再去涂上一层灰色，变成剪影。在这个前提下，新建一个图层调整线条的粗细并加一些适当的阴影，原则是：外轮廓的线条粗一些，耳朵内部，鼻孔，嘴巴下方，胸肌两侧会有阴影。
对牛角的装饰也是一层一层的，先是有一种渐变的肌理，然后结合素材板挖掘一些文化上的东西，比如一些符文象征着家族的荣耀。做完一半，直接复制一下水平翻转过去。最终我们可以用液化工具对整体的形象做一个微调，切记是微调，这就考验设计师的眼力劲儿，作为新人要不断尝试，最重要的是要找对老师，叫老师帮你指导。
好啦，这是我们第五集（下）的内容，接下来就要进入到色彩的学习中啦。
NO.6 色彩方案
黑白关系
色彩关系
色彩中有三个非常重要的元素：明度、色相和饱和度。明度表示色所具有的亮度和暗度；色相通俗的说是咱们肉眼所看到的颜色，它受光的频率影响。饱和度(有时称为彩度)是指颜色的强度或纯度。饱和度表示色相中灰色分量所占的比例，它使用0%(灰色)～100%(完全饱和)的百分比来度量。课中示意图6-1。
在创作过程中，我们首先要建立的几个点，首先是视觉上的平衡，如图6-2（1）所示，当明度一致的时候，画面关系是平衡的，图6-2（2）：但当一半的明度加重时，视觉平衡就被打破了，明度暗的地方显得更重，图6-2（3）：若明度亮的部位体积变大的时候，它们的视觉又将达到平衡。图6-2（4）：再复杂点的就是当画面的形状、动态及明度发生变化时，与一个大体积单纯的画面信息比对，同样是平衡的。图6-2（5）：当有一部分饱和度比较低的色块与一个高纯度的点也可以达到平衡。图6-2（6）：在色环中找到对比色，在暖色调中规定一个区间围，降低饱和度，冷色只用一种，饱和度相比较高一些。暖色的面积区间在70%-90%左右，剩下的交给冷色，加在视觉中心的位置，例如：手、头或者领带。
这些都是比较抽象的基本现象，接下来会在小牛兽的创作过程中，帮大家实践一下。如图6-3所示，方案一:
首先是在新的图层上建立一个黑色的“面具”剪影，图6-3（1）；
然后把之前的线稿草图中剪影的灰色去掉，只保留线稿，图6-3（2）；
在黑色”面具“上新建一个图层，创建智能蒙版（这样在该图层上画画就不会超过“面具”的范围）。我们先把这个“面具”的亮度调亮成中灰度。把之前去掉灰色的部分线稿放在最上面一层，中间放上一个空白图层，让它转化成最下面黑色“面具”图层的智能蒙版。现在就可以在中间这层智能图层中自由上色，不用担心破坏剪影形了，图6-3（3）；
先加入一层棕色底色，利用色相/饱和度工具把亮度调亮，（快捷键：ctrl+U)，填色时要考虑到固有色，比如牛角的颜色就是取自真实的颜色。回到素材板，发现其中的一头牛的颜色更好看，我们就可以借鉴这种颜色关系，图6-3（4）；
接下来是对色彩的运用，橙黄色和白色在牛的肩部做色彩渐变，多多尝试，切记现在的上色过程不是照抄这张图，而是还要做调整，之后会出现。当然，在有素材之后，你的创作过程不会变的很痛苦，它会给你一些真实的指导性信息。目前颜色的上色基本属于一个平涂的状态。在部位的涂色中尽量做到一些明暗的对比，比如五官周围：眼睛是亮的，眼睛周围的皮肤就要压暗一些，图6-3（5-12）。
tips：很多初学者对黑白稿的把握不是很好，这里介绍一种方法：就是在画面上方的图层加一层黑白工具，方便我们及时检查黑白关系并做调整。
色彩方案一相对用到暖色调，显得整个牛的能量很足。当然，在工作过程中也会对配色产生另一种不同的方案，我们可以参考狗的肤色去创新另一种色彩方案，这种就显得比较素一些。如图6-4所示。身体是灰白色，胡子可以加深形成对比。这时老师找来了真实世界中河马的照片，借鉴期中黄色的元素运用到小牛兽的臂膀周围，这样会显得更加真实。借鉴上一个色彩方案裤子和铃铛的配色，第二个方案可以在第一个的基础上加深，让裤子的部位形成整体的色块。最后加上金色的鼻环。整体的设计思路就是这样儿，如果想喜欢也可以继续。
色彩方案的元素目前已经介绍完了，图6-5是两种方案的对比。这位之后的细化和光影关系打下很好的基础。
NO.7 光影关系
在线稿设计和色彩设计已经完成的情况下，对小牛怪进行打光，首先用圆球或者立方体这样的简单立体图形来说明如何通过光影来表达体感。然后在生物角色上进行明暗区域分配，使得角色立体起来。
如果基础相对比较差的同学可以在这一步也找到一个打光的素材进行指导。如果基础尚可的同学可以借此机会去练习自己对于形体的理解。由于我们的主要目的是展示角色设计，所以打光并不会十分刁钻，在此次练习中会使用最为基础和保守的打光方式，在演示的时候会为大家做出介绍。
光影：因为光源而产生。
形体：通过光影表现出来。
如图7-1所示，球体上主要会形成三个面，亮面、暗面和反光面。亮面一般是光源照射在物体上的面，暗面是没有光源照射的面，反光面是周围环境光照射上的面。调性的上会产生明暗面及阴影。
我们在做角色设计的时候，打光原则尽可能不会影响到观察角色身上的东西，就是说亮面不能过亮，暗面不能过暗。一般来说，我们会打一道很基础的光，可以从顶光、右斜侧光和左斜侧光中选择一样，这次的演示选择顶光。接下来图7-2所示是第一种对于光影的表现。
在原图上方新建一个空白图层，使用正片叠底，然后创建剪贴蒙版，用颜色较暗的调子画暗部，先是整体，再是细节。最后加上高光，再新建一层空白图层，使用叠加，然后创建剪贴蒙版，用白色简单勾勒高光。
这里老师又介绍了另一种打光方法：把之前没有打光的原图ctrl+j复制一层，然后在新图层上整体ctrl+u压低亮度变暗，变暗的这层添加图层蒙版，用黑色笔刷画阴影。这么做的好处就是会有一些微妙的关系，有非常多的细节可以保留住。要在图层蒙版上操作哦。如图7-3所示。
NO.8 细节刻画
确立光影关系之后我们，我们会进入机理和材质的刻画。同样，在刻画之前需要整理好角色渲染所需要的细节材质图片，并且将这些素材摆放在最终设计图的旁边，对比着进行渲染，我们在这里的设计会更偏向于写实的风格，所以素材多为真实的照片。
当素材准备完毕之后，我们会进入到最后的细节刻画之后，在这里建议大家去观看我们录制的原速播放视频，时间紧张则可以观看倍速播放，让大家技能看到每一个细节的刻画，也能了解整个流程。流程图如图7-5所示。当然大家不要拘泥于每个细节中，整体感觉对了就行。
细节刻画可能是比较放松的过程，是对之前效果图的不断打磨。细节刻画的时间根据实际情况做调整。细节刻画比较强调边缘轮廓的清楚，方便之后的建模师建模。最终细化效果图如图7-6所示。
NO.9 设计排版展示
首先整合过去八集所积累下来的所有步骤，单后根据逻辑进行分类和整理。最后展示出一张素材版以及一张整体的设计展示图。如图9-1所示。
在这里会跟大家快速的提及这只是以比较简单的方式让大家感受一下角色设计的流程，离我们正式课程所学的角色设计内容无论是广度还是深度都有很大的差距，并且学习的过程是需要老师不停的给与反馈，来确保方向上的正确，所以鼓励大家来上正课。
在这里要把自己的整个创作流程展示出来，要把最终的效果图放大展示，其次，过程图面积小些。要加上作品名称和作者姓名。
这里稍微简单提一下，比如有些学生在做排版的时候可能会出现图9-2的情况，这样可能会破坏我们阅读信息的主次。
乔杉老师之前作品的排版，如图9-3所示，也遵循最终效果图放大，其他方案放小的原则，感兴趣的朋友可以上A站搜：Shan Qiao。当你被画面吸引之后，你会发现周围还有很多有意思的元素，会引导你继续阅读。
总结
小牛兽的简单教程讲解就到这里，大家如果有疑问可以在微博下方留言，大家最好结合视频教程好好学习一下，给之后的学习做参考。感谢大家的阅读。
具体视频链接：BV1Dv41147Af
欢迎加入QQ交流群：882527541。
PS：
乔杉老师第二季的【游戏角色概念设计课程】可以看这里：
【课程简章】https://weibo.com/6600192993/K6BHhru5e，
【课程咨询】：houbocg66
更多干货教程，可以关注老师微博：@乔杉不是乔杉
