像素课堂#4 像素画的色彩规则

作者:Lanka
2017-01-10
64 84 9

引言

像素课堂是一个希望循序渐进地介绍像素画回绘制技巧心得的入门向教程系列。本周的讲师依然是大家熟悉的 LANKA。

本期内容将初步介绍像素画中的色彩规则运用,这也是困扰许多刚刚接触绘画艺术的同学的重大课题。

色彩篇:明暗、饱和度与色相

为何我画出来的颜色总是看起来干巴巴又脏兮兮的?
为何这几种颜色混在一起不好看,无法分辨物体的轮廓和层叠关系呢?

这些是经常在作画过程中困扰着我们的色彩问题,而像素画的创作也不例外会遇到同样的困惑,虽然像素画的作画过程变得相对简单,但其理论基础和传统绘画并无丝毫差别,因此,这一期我们就来说说像素画的色彩规则,换言之,本期的课题是,教给大家如何合理有效地运用颜色来表现出画面的内容层次。我们来结合实例,试着用比较简单易懂的方法来理解其重要性。

对比

观察者辨识画面内容的关键在于对比

先举个例子。

1

上图是完全相同的两个苹果:左边会让人感觉糊在一起分不清,很难辨识;而右边的则很清晰。

这就是对比的作用,它可以让你更直观地表现画面内容。如果相近似的两种颜色,会让人难以区分,反之则会让物件跳出画面,合理的搭配才能够做出和谐的画面。

色彩对比可以简要地归为三种

2

对没有色彩识别障碍的人来说,不难识别出上图三种对比中的颜色差别。

对色彩有一些基础了解的同学,可能已经发现了,这其实就是 HSV 颜色模型(参看维基百科词条)中三个数值差异造成的变化。

3

虽然说来直观,但实际运用起来还是有其复杂之处。那么究竟要如何运用这些对比来构建层次清晰又漂亮好看的画面呢?

窍门之一是,不要使用单一对比,而是综合运用三种对比。

在定制色彩对比前,首先你需要确定画面内容的主次关系,毕竟,把画面中的主体内容凸显出来,让欣赏画面的人能够首先注意到你最想表达的重要内容,才是你的诉求所在。因此,在绘制正式开始之前,就需要先确认好画面的主体,将内容分好层次顺序。

4

左图通过拉大明暗对比把人物与背景区分开来,让你很容易识别出哪里才是重要的部分,而右图则是反面教材。

5

明暗对比则适合用来表现直接的光影关系。所谓光影关系,就是受光面与非受光面的对照关系,可以用明度对比直观地表达出来。在表现远近关系时,明暗对比亦有用武之地。大气中往往存在被称为环境雾的灰尘和杂质,因此远景和近景之间经常会有明度和饱和度的变化(此处应向雾霾致敬~)。

6

饱和度对比则常用来区分物体和表现光照效果,被光照射的区域饱和度会增加并渐渐变成白色。当然,这一点并非绝对,最终效果还取决于材质和光照颜色,另外,饱和度对比往往和色相对比搭配起来一起使用,最终会决定画面的整体基调,究竟是浓烈还是素雅。

7

而色相对比,也叫冷暖对比,和饱和度一样也是广泛用于区分物体以及间接表现光照。区分物体很好理解 ,堆放在一起的苹果和梨子正因为颜色差异才使得你可以很快区分出它们。间接表现光照解释起来比较复杂,因为光照物体基于材质的不同是存在反射的,例如,苹果的颜色会映照到周围环境之中。虽然通常来说,这种效果十分微妙,但如果追求更和谐的画面环境,也是非常有必要加以重视的,这些主要就是依赖色相对比来表达。

常见问题

下面我们来说说一些常见的问题。

误区1 单一对比

8

以金属铜为例子,左侧只有明度变化,右侧则结合了明度饱和度和色相的多重对比,亮的部分饱和度更高色相偏黄,很明显右侧看起来更具有金属质感,不同的材质会产生各种各样的变化,多多观察,让画面符合实际与科学,才是解决问题的方法,不能无脑套用已有规则。

误区2 过艳过灰

当你使用过高或过低的整体饱和度去表现画面的时候,就会给人没有重点或不知道往那里看的感觉。这也是经常会出现的一个问题,需要绘画者逐渐积累经验,合理规划目标,慢慢克服。

我们来看一个完整的绘画过程的实例:

9

如上图所示,你可以区分不同层次来合理地处理各种关系:首先制定轮廓,然后绘制光影,并根据受光面方向绘制明暗,最后添加色相和饱和度以凸显区别,并逐步添加和完善细节。

总结

许多工具可以帮助你更好地调配颜色:笔刷的叠加模式;适合用来给物体打光的滤色放光;适合用来表现阴影和环境色的正片叠底/叠加。而明度、色相、饱和度对比的精心调整,则能够更好地帮助你确立画面格调。理解上述工具和方法论,能够极大地优化工作流,让你更好地投入到创作之中。

实际上,画面的颜色变化有很大的自由发挥空间,因此,并无绝对的定论规定必须如何,有各种各样的搭配方式。当然你可以很理性的认识颜色变化,但是最终还是取决于人的审美。合理的使用色彩搭配可以构筑好的画面,这个并不是一天练成的,也不是掌握理论就足够,要多观察才可以。

近期点赞的会员

 分享这篇文章

Lanka 

也是一个独立游戏制作人 

您可能还会对这些文章感兴趣

参与此文章的讨论

  1. Laneing 2017-01-10

    坐等下一期,收藏了

  2. yellow 2017-01-10

    ( ̄ε(# ̄)
    ( ̄ε(# ̄)
    过去我画的应该都是文章中说的,单一的对比。

    最近由 yellow 修改于:2017-01-11 10:31:43
  3. MITOO 2017-01-11

    谢谢教程

  4. AlsoRowing 2017-01-13

    蓝卡你应该把那个游戏店的图发出来晒一下

  5. ChristianTam 2017-01-13

    666,收藏

  6. ZUOgeneral 2017-07-25

    收藏

  7. hihibaibai 2017-09-30

    敲碗等下一期,lanka大大能不能说一说如何选择正确的皮肤颜色呢?

  8. 灬晨灬 2017-12-18

    多谢指导~

  9. Kirotr 2019-10-04

    ..... 想看下一期

您需要登录或者注册后才能发表评论

登录/注册