一个MG动画的风格主要由图形风格、色彩搭配、动画节奏、声音(包含背景音乐、旁白、音效)共同组成。其中色彩搭配在视觉方面的影响最大,因为人眼总是优先感知颜色再去感知图形。
任何一个视觉画面通常都需要一个最主要和突出的颜色作为画面的主角,其他颜色作为辅助或者点缀颜色呈现,这个占据主角地位的颜色被称为主色。
在一个视觉画面中,所占面积仅次于主色的颜色被称为辅色。如果两个颜色所占面积几乎等量,那色调偏轻的就是辅色。有时作为背景色的颜色往往所占面积最大,但此时的背景色不见得就是主色,而是特殊的辅色。
只有一个颜色的画面通常会给人过于单调的感觉,而有了主色和辅色之后,辅色可以突出主色以及更好地体现主色的优点,在完成传达信息的同时,也让整个画面变得更加饱满,如图2-6所示。
图2-6
色轮又叫色相环,是一个可以理解色彩间复杂关系的工具。色环由12种基本颜色组成,其中红、黄、蓝被称为原色。通过三种原色互相混合得到间色,间色再互相混合就得到了三级色,如图2-7所示。
图2-7
例如将红色和黄色、黄色和蓝色、蓝色和红色均匀混合,就会创建出三种间色:绿色、橙色和紫色。将这些颜色应用到项目中,可以提供强烈的对比。三次色来源于间色和原色的混合,主要有红紫色、蓝紫色、蓝绿色、黄绿色、橙红色和橙黄色。
色相、饱和度、明度又被称为色彩三要素。我们眼睛看到的任何一个彩色光都是这三个要素综合后得到的结果。其中色调与光波的波长有直接关系,明度和饱和度与光波的幅度有关系。
色相即我们常说的色彩,如图2-8所示,是由物体上的物理学的光反射到人眼视神经上所产生的感觉。因为色相由光的波长决定,所以色相即指这些不同波长的光。其中波长最长的是红色,最短的是紫色。
图2-8
饱和度可以简单地理解成颜色的“鲜艳程度”,如图2-9所示。有彩色的各种色都具有彩度值,无彩色的彩度值为0。
颜色饱和度的高低通常根据这种颜色中含灰色的程度来计算,即便是色相相同的颜色,也会因为明度和饱和度的不同而看起来不同。
图2-9
颜色所具有的亮度和暗度被称为明度。计算明度的基准是灰度测试卡,黑色为0,白色为10,在0~10内等间隔地排列为9个阶段,如图2-10所示。
色彩可以分为“有彩色”和“无彩色”,但“无彩色”仍然存在着明度,只不过相对而言,“有彩色”的明度不太容易辨别。在现实生活中,颜色的明度要选择在明亮的地方鉴别,不要选择在昏暗的地方。
图2-10
有了前面的知识铺垫,接下来介绍8种常用的配色公式。它们都有各自的优缺点,可以根据需要设计的画面选择某种配色方式。当然,也可以直接登录配色网站,挑选现有的配色方案。
单色是从色轮中选择一种颜色(或一种相邻颜色),并仅对亮度和饱和度做差异的着色方式,如图2-11所示。
优点:统一感强烈,可直接传达所选颜色的颜色形象。
缺点:画面略显单调,没有张力。
图2-11
类比色是一种仅使用色轮中相邻颜色进行着色的方法。当单色效果不太满意时,用这个方法最合适。和单色效果比起来,类比色颜色宽度增加了,如图2-12所示。
优点:具有统一感,易于传达所选颜色的图像。
缺点:画面单调,缺少张力。
图2-12
互补色是在色轮中选择两个呈180°角的颜色的配色方案,如图2-13所示。
优点:因为互补色会增强彼此,所以画面看起来会比较生动。
缺点:很难获得统一感。
图2-13
分割互补色是一种将近似颜色替换其中一种互补色的配色方法。当设计者想使用互补色的配色方式,又想让画面看起来更统一、更柔和时,这个配色方式就很有效,如图2-14所示。
优点:画面有冲击力。
缺点:缺少统一感,因为基本上还是使用了互补色。
图2-14
互补(重叠类型)是在色轮上绘制一个矩形,并使用位于其顶点处的颜色。这样既可以增加色彩范围,还能保持和互补色相同的效果,如图2-15所示。
图2-15
优点:由于使用了互补色,画面有冲击力。
缺点:比较难获得统一感。
三向轴是在色轮上绘制一个正三角形,并使用顶点颜色的配色方法,如图2-16所示。
优点:在增加颜色宽度的同时,也容易取得平衡。
缺点:颜色太多,画面容易显得乱。
图2-16
四角色是在色轮上绘制一个正方形,并使用顶点颜色的配色方法,如图2-17所示。
优点:画面色彩丰富。
缺点:比较难保证画面的统一感。
图2-17
白色、黑色、灰色被称为消色差,并且没有色相和饱和度,因为它们和任何颜色都很搭配。如果在配色方案上遇到困难,先用黑白灰测试一下也是一种方法,如图2-18所示。
图2-18