最有用的色彩阴影教程「综合案例剖析」

  每天十分钟,系统学习设计,成为设计师。终生学习,受益终生。这里是【知更常青藤】,欢迎你的到来,这是我和你一起学习设计的第二天。本文较长,约4000字,如果你等不及,直接看文末总结。

最有用的色彩阴影教程「综合案例剖析」_第1张图片
最有用的色彩阴影

文/万岁爷 校验/君 图/Jeremy Vickery(皮克斯灯光指导) 知更常青藤原创出品

阴影如何产生


  事实上,阴影是一种相对性现象。自然界没有叫做阴影的事物,一般地,阴影就是没有光的情况,你应该能够很轻松地理解阴影。

  当一个物体处于有光线的环境中时,物体会发生反射、并且不同程度地吸收光线,此时背对着光源方向的一面就产生了阴影。事实上,我们依然可以看见阴影内的事物,只不过当处于阴影内时,光线很暗,通过对比非阴影部分,你就感觉到了阴影。因此,阴影是相对的。

  请看下图。

最有用的色彩阴影教程「综合案例剖析」_第2张图片
阴影

  阴影总是躲在光线的背后。每当物体挡住光线,就会在自己身后形成阴影。我们在上图中,再添加一个灯光,那么还会在另一侧形成第二个阴影。

最有用的色彩阴影教程「综合案例剖析」_第3张图片
多光源阴影

  如图所示,两个光源形成了两个阴影。为了展示效果,我们将阴影的颜色设置得很暗,阴影边界也很锐利。因此,尽管我们得到了第二个阴影,但是由于每个阴影面都有灯光,实际上阴影不会是这个样子,它更应该像下面的情况。

最有用的色彩阴影教程「综合案例剖析」_第4张图片
真实阴影

  因为有了多个光源,每个光源都将各自下方的阴影照亮,因此这两个阴影会变得比原先更明亮,边界也更模糊。如果我们继续增加灯光,阴影会变得越来越模糊,甚至不可见,手术台上的无影灯就是利用这个方法来降低几乎所有阴影,以便医生能够看清楚病人的手术部位。每个灯光都将彼此产生的阴影照亮。

锐利的阴影


  有些阴影的边界非常锐利,界限分明,这主要是灯光的性质决定的,最常见的就是太阳光,由于太阳光是平行光线,并且亮度很高,容易形成锐利阴影。

  更多时候,我们看见的都是模糊的阴影,这种阴影的产生主要是由于环境光源的复杂性导致的。请看下面这张图。

最有用的色彩阴影教程「综合案例剖析」_第5张图片
太阳光下的阴影

  由于阳光的强烈和平行所致,产生了非常明显的锐利阴影,此时其他光源,如大气环境的光源对人的刺激不足,我们忽视了这部分光源形成的阴影,这使得阴影看上去好像没有变化。

  不过,下面这张图则完全不同。

最有用的色彩阴影教程「综合案例剖析」_第6张图片
环境光阴影

  你注意到模糊的阴影了吗,是的,不仅如此,这些阴影没有上图那么明显。导致这种情况出现的原因,就是多光源,并且每个光源都来自不同的方向,它形成了类似无影灯的效应,因此你会发现阴影中部似乎不是那么暗淡,同时,阴影的角度也变得多样。

  尽管多光源造成了上图的现象,但是本质上,还是漫反射灯光造成的。漫反射灯光的方向千变万化,导致阴影也在不同的方向形成,并且漫反射灯光在被吸收,因此,阴影在衰减,形成了一种阴影的渐变效果。

  在漫反射灯光的影响下,阴影离物体越远,越模糊。当投射阴影距离物体较远时,漫反射灯光的照射区域变得更加广阔,形成的阴影就更宽大,但是更模糊,也更明亮;反之,漫反射灯光照射区域有限,形成的边界非常窄,此时的阴影越暗淡,边界越清晰。

  你在UI设计的时候,如果将阴影的边界调模糊,就会产生UI距离背景很远的感觉。

最有用的色彩阴影教程「综合案例剖析」_第7张图片
阴影与距离

柔和的阴影


  为了得到柔和的阴影,我们需要制造很多不同方向的光源。如下图。

最有用的色彩阴影教程「综合案例剖析」_第8张图片
柔和的阴影

  为了制造这样的阴影,我们在Maya软件中为其设立了大量的灯光,这是非常老派的做法,事实上,无论是3D建模还是摄影灯光,都要遵循这个规则。下图灯光的布阵就是这个南瓜阴影产生的原因。

最有用的色彩阴影教程「综合案例剖析」_第9张图片
灯光

  在这个南瓜模型中,你会发现越接近底部,阴影表现愈加强烈,因为灯光只能达到这个角度。下图的注释能够说明这个问题。

最有用的色彩阴影教程「综合案例剖析」_第10张图片
注释

动态吸收,越靠近物体,阴影越暗淡


阳光下的南瓜阴影

  这是个真实的场景,很明显主光源是太阳光,它在区域1形成了高光,这是个镜面反射。在这个南瓜的其他表面,太阳光绝大部分发生了反射,在南瓜的背面形成了阴影,你会发现阳光下的阴影距离南瓜越来越远,阴影的边界变得越来越模糊。

  随着阴影的距离越来越远,抵达这里的阳光开始扩散,显示出柔和的阴影,天空的环境光线也发生了动态吸收。

  尽管这个南瓜的阴影看上去似乎都是相同的,但是如果你使用PS对不同部位的阴影进行取色,会发现越靠近南瓜底部的阴影,越黑。我们的眼睛能够感觉到这种变化,因此,你在设计或者绘画的时候,请一定注意这个变化,当阴影越靠近物体,越暗淡。

  如果你反其道而行,在本该暗淡的地方不暗淡,那么就会造成另一种感觉。请看下图。

最有用的色彩阴影教程「综合案例剖析」_第11张图片

  我想你一定注意到了图中用圆圈标注的部分,那里恰好是一处反射。因此我们知道那里是空的,光线透过那里,形成了反射,抵达我们的眼睛。下次在绘画或者设计的时候,想要这种效果,就轻而易举了。

  根据阴影的柔和与否,你可以创建出环境光,如果你的阴影十分锐利,再配上温暖的色调,你就能够表达时间和环境光线的效果。

  我们再来看一个例子。

最有用的色彩阴影教程「综合案例剖析」_第12张图片
现实中的动态吸收

  这是个极好的例子,因为它足够复杂,有许多细节。从图中可以看出冷色的天空发生的漫反射灯光照射了雕像,在雕像上形成了大量的动态吸收,白色圈圈部分几乎是黑色的,这些地方都是光线难以抵达的。随着这些地方漫反射光线的变化,阴影开始渐变。黑色圈圈部分的动态吸收效果表现出了雕像衣服的褶皱,让我们能够感觉这件袍子的材质和形状。

  因此,在绘画的时候不要忘记这些细节,想一想光线的入射方式,这些光线从不同的区域入射,形成了不同的阴影效果。这些阴影有些被漫反射灯光减淡,有些隐藏于物体深处,正是这种变化让我们能够辨别出世界的形状,能够让我们感受到距离的变化。

  所以,阴影是距离的艺术。它教会了人们分辨世界的棱角和物体之间的距离。

总结


  • 没有光线的地方形成了阴影
  • 阴影能够动态吸收,形成形状和距离
  • 模糊的阴影,让物体看起来距离背景越远
  • 锐利的阴影表明主光源强于环境光,同时可能表明物体距离背景较近
  • 利用锐利的阴影和暖色的光线可以表达出时间和环境色彩

下章内容


  • 色彩的特性

  如果文章对你有价值,让你得到了提升,请用【打赏】喂食作者,让他继续为你奋斗。如果你有疑问或建议,请留言告诉我。

你可能感兴趣的:(最有用的色彩阴影教程「综合案例剖析」)