[绘画技法] 色彩原理和手绘贴图

查看:1228 |回复:12 | 2019-3-30 00:46:47

您需要 登录 才可以下载或查看,没有账号?注册

x
色彩原理
色彩的产生
   在黑暗中,我们看不到周围的形状和色彩,这是因为没有光线。如果在光线很好的情况下,有人却看不清色彩,这或是因为视觉器官不正常(例如色盲),或是眼睛过度疲劳的缘故。在同一种光线条件下,我们会看到同一种景物具有各种不同的颜色,这是因为物体的表面具有不同的吸收光线与反射光的能力,反射光不同,眼睛就会看到不同的色彩,因此,色彩的发生,是光对人的视觉和大脑发生作用的结果,是一种视知觉。由此看来,需要经过光——眼——神经的过程才能见到色彩。
色彩的三要素
1. 色相:即各类色彩的相貌称谓,如大红、普蓝、柠檬黄等。色相是色彩的首要特征,是区别各种不同色彩的最准确的标准。事实上任何黑白灰以外的颜色都有色相的属性,而色相也就是由原色、间色和复色来构成的。
    原色: 不能通过其他的有色材料混拼而成的颜色。能配合成各种颜色的基本颜色。也叫基色。它们是不能再分解的色彩单位。
图片1.png
间色:当我们把三原色中的红色与黄色等量调配就可以得出橙色,把红色与蓝色等量调配得出紫色,而黄色与蓝色等量调配则可以得出绿色。在专业上,由三原色等量调配而成的颜色,我们把它们叫做间色。当然三种原色调出来就是近黑色了。在调配时,由于原色在份量多少上有所不同,所以能产生丰富的间色变化.
    图片2.png
复色:如果我们把原色与二种原色调配而成的间色再调配一次,我们就会得出复色。在一些教科书中,复色也叫次色、三次色。复色是很多的,但多数较暗灰,而且调得不好,会显得很脏。
2. 明度:
明度指颜色的亮度,不同的颜色具有不同的明度,色彩混入黑、白色后所产生的明暗关系。色彩自身的明暗关系(不加黑、白色)例如黄色就比蓝色的明度高,在一个画面中如何安排不同明度的色块也可以帮助表达画作的感情,如果天空比地面明度低,就会产生压抑的感觉。任何色彩都存在明暗变化。其中黄色明度最高,紫色明度最低,绿、红、蓝、橙的明度相近,为中间明度。另外在同一色相的明度中还存在深浅的变化。如绿色中由浅到深有粉绿、淡绿、翠绿等明度变化。
            
3. 纯度:
纯度是说明色质的名称,也称饱和度或彩度、鲜度。色彩的纯度强弱,是指色相感觉明确或含糊、鲜艳或混浊的程度。高纯度色相加白或黑,可以提高或减弱其明度,但都会降低它们的纯度。如加人中性灰色,也会降低色相纯度。在绘画中,大都是用两个或两个以上不同色相的颜料调合的复色。根据色环的色彩排列,相邻色相混合,纯度基本不变(如红黄相混合所得的橙色)。对比色相混合,最易降低纯度,以至成为灰暗色彩。色彩的纯度变化,可以产生丰富的强弱不同的色相,而且使色彩产生韵味与美感。
色调
固有色: 指物体在正常日光照射下所呈现出的固有的色彩。如红花、紫花、黄花等等色彩的区别。
光源色:指某种光线(太阳光、月光、灯光、蜡烛光等)照射到物体后所产生的色彩变化。

图1:在室内自然光的条件下,由于天光的影响,物体的色调偏冷。


图2:光源改变为普通灯泡后,画面变成了暖色调。


图3:主要光源略微偏绿,整个画面调子随之改变。


环境色:物体表面受到光照后,除吸收一定的光外,也能反射到周围的物体上。尤其是光滑的材质具有强烈的反射作用。另外在暗部中反映较明显。环境色的存在和变化,加强了画面相互之间的色彩呼应和联系。也大大丰富了画画的色彩。对此,环境色的掌握非常重要。

由于背景色彩的改变,几个水果的颜色也呈现不同的变化,在以上三幅图中(依次为A、B、C图),A图中苹果与玫瑰红背景形成强烈的补色对比;B图中的水果受黄色衬布的影响,颜色偏暖;C图则较冷

色彩的对比与调和
24色谱
图2
1. 互补色
  在24色色相色环中彼此相隔十二个数位或者相距180度的两个色相,均是互补色关系。互补色结合的色组,是对比最强的色组。使人的视觉产生刺激性、不安定性。如果配合不当,容易产生生硬、浮夸、急躁的效果。因此要通过处理主色相与次色相的面积大小,或分散形态的方法来调节、缓和过于激烈的效果。最典型的补色为 红-绿;蓝-橙;黄-紫:理论上将互为补色的2种颜色混合在一起是黑色(实践中是脏色)将互为补色的2种颜色并列在一起是对比最强烈的
  图3是一组橙蓝互补色对比的色组,橙色面积大而且加入辅助色红色,起了主导色调的作用,效果既艳丽、辉煌又安然,恰列好处。
图3
2. 对比色关系
    色项环中相距135度或者彼此相邻几个数位的两色,为对比色关系,属中强对比效果的色组。色相感鲜明,各色相互排斥,既活泼又旺盛。配色时,可以通过处理主色与次色的关系而达到色组的调和,也可以通过色相间秩序排列的方式,求得统一和谐的色彩效果。图4属中明调,正是这种秩序排列形式的应用。
图4
3. 邻近色
色相环中相距90度,或者相隔五六个数位的两色,为邻近色关系,属中对比效果的色组。色相间色彩倾向近似,冷色组或暖色组较明显,色调统一和谐、感情特性一致。图5为蓝紫红调色组,是明色调邻近色对比关系。
图5
4. 同类色
色相环中相距45度,或者彼此相隔二三个数位的两色.为同类色关系,属弱对比效果的色组;同类色色相主调十分明确,是极为协调、单纯的色调。图6为蓝绿调色组,组成恬静柔美的效果。
图6


(色彩原理在美术作品中的应用)




            手绘贴图(在BWA项目中的要求)
手绘贴图的概念和分类
     应用于游戏制作的手绘贴图从风格上一般大致分为写实性和非写实性(卡通风格)两种类型。其色彩的表现理念与传统性绘画是一致的,都是利用色彩结合光影的变化去表现事物的形体,只是在工具和技法上和传统性绘画有天壤之别。
手绘贴图与照片贴图的不同
   手绘贴图在塑造对象时注重色彩的运用和表现,不拘泥于客观事物的繁缛细节,比较概括,具有一定的个性化,给人的艺术感染力比较强。照片贴图主要在于利用现有的图片素材冷静,客观的表现物体,对物体的实际面貌的客观再现有较高的要求,其处理的方式也不尽相同。

BWA中的手绘贴图的风格要求
1. 贴图的颜色应该使用丰富多彩一些。
如果你要画一个蓝色的墙壁,加上一些橙色和褐色会更加漂亮。灰色的金属加些蓝色、红色、紫色、橙色……在表面上移动这些色调效果会很好。变化性的颜色将为游戏带来更丰富的感觉。这里有一个用在电梯升降机上金属贴图的例子(看图片5)
2.


每部分的diffuse必须画得有细节
   无论uv空间有多小,所有我们的范例贴图每个部分都有细节,没有一个地方是匆匆带过的。
看另一张图片,在制作一个带蓝色的石头时用了很多的颜色。还有一种技巧时在金属里面加点橙色。(看图片6)
图片6
3. 贴图应该干净和锐利的,没有失真和模糊。

有一个样子我们可以看一下,这是一个去除失真和模糊的感觉。上面一个是通常在Photoshop里面边缘柔软的笔刷。下面是提供的笔刷效果。(看图片7)
                              图片7

这里是一个用硬笔刷制作贴图的样例。(看图片8)
图片 8

如果我们放大贴图一些,硬边融合变得更清楚。混合在一起的颜色几乎被隔离,没有混合和弄脏二个颜色。这是明确想要的效果。(看图片9)
图片 9
这些硬边面可以帮助维持一个贴图的锐化效果,因此贴图不会看起来有低分辨率的感觉。一个好的细节等级,像在一些图片里面的缺口和精致的高光,能被最好的展现出来。下面是一张表现的不好的贴图。(看图片10)
4. 有些时候制作比较大一点的贴图,不要总是把它制作成一个比较高的分辨率。
图片10

5. 用Levels工具检查贴图明暗区域的对比
    有些时候当画一张贴图时,很难意识到你画的贴图暗部是否正确。最好的方法是用potoshop中的“Levels”工具去测量。这里的帐篷贴图样例是一个很好的“levels”的范围。(看图片1)

(图片1)
大部分的色阶应该落在中间的范围,但是曲线应该包含很长的色阶范围,然后逐渐的递减,不要急剧的衰减。色阶大部分的颜色应该集中在中间,急剧的衰减会导致贴图损失对比度,感觉比较平。色阶相当亮或者相当暗,缺乏逐渐得衰减,会导致失去重要的亮部和暗部的区域。非常重要的一点,整个贴图的色阶也许看上去是对的,但是仍然有些区域对比不够强,一个好的方法是以边界来选择一个区域的来确定贴图是否在一个正确的色阶。
不要把暗部画在%15以下,只有黑色的屏幕是例外。注意到这个图片的“levels”包含了整个范围。这张图片包含了一些比较低的范围。画家已经画了一些暗的颜色在绳子后面和一些贴图中凹槽的部位,这些地方都是灯光很难照到的。这些是唯一可以接受使用比较暗的颜色的区域。在贴图中不要有自身的阴影。比较低的范围可能会完全丢失。(看图片2)

图片2
就像我说的那样,我们的贴图将只有得到比较亮,不是比较暗,所以贴图的颜色必须看起来是最亮的灯光的感觉。(参考图片3和图片4)
没有很神奇的方法去掌控所有物体的色阶,有些物体是自然比较暗的(例如黑色的帆布包),一些东西是比较亮的(一块白色的护士制服,一个基本的遵循法则就是以下的如图2a。)基本的法则如下图(image2a)
这是一幅板条箱的贴图,画得太暗了,只有一个窄的色阶,在同一幅图里,有一个正确的色阶看(image2b)
最好在你画得同时调整色阶,那样比在结束时要好。注意在正确的sample里那些小缺口是如何增加的,如果你继续画,色阶会自然填补的。
图片4-不要有黑色的阴影出现。注意右边的图,计算出来的光照缺乏一点亮部。
图片4
有一个例子,能反应出画的不好会影响分辨率。下面有四个立方体,立方体C用256的贴图,有一部分看起来像图片4,立方体A、B和D看起来像图片2,用了3个不同的分辨率:256X256,128X128,64X64。你可以看这些图片,C用了比较高的分辨率,实际上看上去的精度在64X64和128X128图片之间,还有一张是用了同样分辨率的A(看图片11)

图片 11

这是实际被用到的贴图。注意尤其是B的分辨率感觉高于C,即使它只用了1/4的贴图空间。立方体C硬分辨率的感觉高于立方体D的,D只用了1/16的分辨率!在画贴图的时候应该保证每一个图片的部分都被充分画到。(看图片12)
图片 12
6. 在一些体现结构或是转折的地方不要把暗部画的太深
由于diffuse贴图在完成后会叠加上一张AO的贴图,并且在游戏中normalmap会结合灯光的作用去体现物体的体积感,这时候会自然而然形成结构上的明暗关系:如果再绘制diffuse贴图时,把一些物体的明暗关系画得很强烈,会导致在游戏中物体的暗部会显得很深,很死。所以在处理一些转折和结构面的暗部时,只要稍微和亮部有点区别即可(最好利用不同的色相去区分它们的关系。(见图13)
图13
图13中b区域时经过修改的,在贴图上看,完全看不出暗部和亮部之间的结构关系,但结合normalmap和灯光的变化,在游戏中能很好的体现出暗部的结构,而a,c等没有修改的区域却显得很深,丝毫看不出暗部结构的变化。
           

评分

参与人数 2元素币 +2 活跃度 +14 展开 理由
V贪婪 + 2 + 6 谢谢楼主分享
元素大使瓜克丝 + 8 感谢分享~!

查看全部评分

2019-3-30 00:46:47  
 赞 赞 0

使用道具 登录

12个回答,把该问题分享到群,邀请大神一起回答。
2#
资源发布哪家强?元素首发称大王!
回复 收起回复
2019-3-30 01:28:05   回复
 赞 赞 0

使用道具 登录

3#
6666666
回复 收起回复
2019-3-30 01:40:25   回复
 赞 赞 0

使用道具 登录

4#
回复 收起回复
2019-3-30 09:19:45   回复
 赞 赞 0

使用道具 登录

5#
回复 收起回复
2019-3-30 09:52:24   回复
 赞 赞 0

使用道具 登录

8#
回复 收起回复
2019-3-30 10:22:50   回复
 赞 赞 0

使用道具 登录

9#
感谢分享
回复 收起回复
2019-3-30 10:23:37   回复
 赞 赞 0

使用道具 登录

10#
回复 收起回复
2019-3-30 10:28:08   回复
 赞 赞 0

使用道具 登录

11#
案说法s
回复 收起回复
2019-3-30 12:56:53   回复
 赞 赞 0

使用道具 登录

18#
理论和实用性都非常强的技术贴,非常棒的分享。
回复 收起回复
2019-7-5 15:45:56   回复
 赞 赞 0

使用道具 登录

19#
资源发布哪家强?元素首发称大王!
回复 收起回复
2019-8-19 08:46:37   回复
 赞 赞 0

使用道具 登录

CG 游戏行业专业问题

图文教程技术文章技术文库
您需要登录后才可以回帖 登录 | 注册

本版积分规则

快速回复 返回顶部 返回列表