服务电话

028-85283257

13540034978

13540034978 / 028-85283257

461544981@qq.com

contact
成都市武侯区航空路6号丰德国际广场B1座12A楼02号
联系我们
成都网站建设公司!帮你深度掌握设计中的「光影」知识点

先声明本文的内容量很大,是对光影知识的一次系统梳理和总结,相信读完会有所收获,当然有些内容还不够深入,还要继续深究和学习

构图、色彩和光影属于设计中非常重要的3块体系,但构图和色彩大多是偏感性的主观理解,而光影则是理性的客观判断。因为这是自然界中真实存在的物理现象,因此大部分时候画面的「添加光影」都是在还原真实,所以本文的很多知识都偏理论和科普,但理性认知无疑是打牢光影基础的第一步。

如果说「构图」和「色彩」是视觉设计的基础,那光影便是「锦上添花」,当各种视觉元素组合完成后,只有「光影统一」,才能让所有元素真实的融在一起,最终形成真实立体、有层次的画面,而「光影统一」便是这篇文章的核心原则。

光源类型

其实我们看到的万物色彩,都是物体表面的反射光,是「光」创造了色彩,同时也创造了「影」,只有经过光照才会出现明暗,才有所谓的「光影」,所以我们先来说说一切的源头——光。

发光的地方就是「光源」,当我们对画面「添加光影」时,一定要先留意光源在哪,像我每次画设计草图时,就会先把主光源的位置确定并标示出来,只有清楚位置,「光影统一」才有了依据。

那常用的光源类型都有哪些呢?其实就2大类:照射光和环境光。2类光源往往同时存在,相互影响,塑造场景时必须同时考虑。

1. 照射光

照射光就是画面中的主要照明光,这是影响整体光影的核心光源,根据光线照射路径的不同,又分成直射光、散射光和折射光。

直射光

直接照射的光源就是直射光,光线路径呈方向明确的两点一线,整体集中、聚焦。

万字干货!帮你深度掌握设计中的「光影」知识点

直射光能在物体表面形成强烈的明暗对比,并且过渡偏硬,形成清晰的轮廓边缘,最常见的直射光就是晴天阳光,它属于自然光。如下图所示,阳光直射形成的明暗强对比能呈现人物及建筑的轮廓,突显立体感。

万字干货!帮你深度掌握设计中的「光影」知识点

和自然光相对应的是人造光,在人造光中,例如摄影棚里常用的闪光灯和常亮灯(不带柔光罩)都算直射光,照射效果和晴天阳光类似,仔细观察投影,边缘都很生硬、清晰。

万字干货!帮你深度掌握设计中的「光影」知识点

散射光

当光束穿过某一介质(云层、柔光布等),被其表面分散传播的光便是散射光,散射光的光线路径呈多方向发散状,整体分散、无明确方向。

万字干货!帮你深度掌握设计中的「光影」知识点

自然光中,阴天、雨天、雾天的光照都属于散射光,当阳光穿过大气时,大气层能让光线朝不同方向发散,发散后的光线柔和,在物体上形成的明暗对比较弱,过渡也柔和。如下图所示,不管人物还是景物,都无明显的阴影轮廓,整体层次丰富而细腻,影调柔和,特别是暗部的细节都能保留完好。

万字干货!帮你深度掌握设计中的「光影」知识点

而人造光中,如果给闪光灯和常亮灯装上柔光罩,这时发出的光就会变成散射光。例如下图中,人物和产品都显的特别柔和、舒服。

万字干货!帮你深度掌握设计中的「光影」知识点

折射光

当光束从一个介质射入另一介质时,传播方向发生偏折的光就是折射光。常见介质有水、玻璃等,它们的折射角度也各不相同。

万字干货!帮你深度掌握设计中的「光影」知识点

日常生活中,像泳池里的水波光影、玻璃杯投射的光线图案都是与折射相关的自然现象。

万字干货!帮你深度掌握设计中的「光影」知识点

而我们在设计Banner时,若将这些折射效果表现出来,就会给画面增添很多细节,同时也会增加真实感,像水波光影在电商中用的就很多。

万字干货!帮你深度掌握设计中的「光影」知识点

2. 环境光

很多新手在做设计时,往往只注意照射光(主光源)对物体的影响,而忽略环境光,导致画面总是不够真实。简单来说,画面中除了主光源外的所有光线都算环境光,环境光的亮度一般很低,且没有明确方向性,常见的环境光有2种:散射光和反射光。

散射光

和照射光一样,环境光中也有散射光,但它们的不同在于:

  • 照射光中的散射光虽然光线柔和,但属强光,能让物体产生明暗反差;

  • 而环境光中的散射光属弱光,往往只在主光源照不到的地方(物体的暗面)才会看到影响。

像自然界中的夕阳西下,当红色的太阳光(照射光)减弱时,建筑的暗部便会显现蓝色的天空光(环境光),这时红光和蓝光会形成鲜明对比,极具冲击和美感,这样的画面在摄影及设计中都非常常见,也是摄影界公认的「黄金一小时」,这时的天空光就属于环境光中的散射光。

万字干货!帮你深度掌握设计中的「光影」知识点

生活中还有一个常见现象也能看到散射光影响,当你走在户外,观察自己的影子,特别当影子较长时(清晨或傍晚),这时离自己越远的区域颜色越浅,这是因为越远的影子所处区域就越开阔,受周围散射光的影响就越明显,因而颜色更浅。

万字干货!帮你深度掌握设计中的「光影」知识点

反射光

环境光中还有非常重要的一类是反射光,当光束射到介质表面时,有部分自介面射回的光就是反射光。可以毫不夸张的讲,世界万物之所以出现明暗就是因为反射光的存在。反射光一般有2种情形:镜面反射和漫反射。

镜面反射。当反射面非常光滑,这时平行射入的光线仍会向一个方向平行的反射出来,效果如同镜子一样,虽然这样物体本身的明暗就会非常微弱,但人们透过反射面能看到周围的环境信息,这就是镜面反射光。

万字干货!帮你深度掌握设计中的「光影」知识点

日常生活中像平静水面、镜子、抛光金属等都会有镜面反射光,例如我们在刻画金属材质的元素时,常常会在表面加些近乎白色的高光,这就是由于镜面反射而进入眼中的刺目强光。

万字干货!帮你深度掌握设计中的「光影」知识点

另外晴空万里时,海面也常出现「波光粼粼」的闪光,同样也是阳光射入水面的镜面反射光。

万字干货!帮你深度掌握设计中的「光影」知识点

漫反射光。当反射面凹凸不平时,这时平行射入的光线就会向各个方向反射出去,这便是漫反射光(以下简称「漫射光」)。需要说明这里的凹凸不平也包括微观结构,例如有些墙壁看着光滑,但仔细看表面也有粗糙颗粒,这时反射出来的光线也是各个方向的漫射光。

万字干货!帮你深度掌握设计中的「光影」知识点

漫反射在这个世界里无处不在,它是我们对物体形态及色彩产生明确认知的基础。

因为有漫反射的存在,物体才会有清晰的明暗关系,我们才能看清这个世界,它赋予了物体纵深感和体积感,不管是产品还是环境皆是如此。

这里列举一个设计中常用的漫反射现象,我们将一个白色茶杯放入一个绿色盒中,打上一束光,这时茶杯整体都带有绿色调,这是因为盒子表面产生了大量绿色的漫射光,这些光束射在茶杯上,进而发生偏色现象,如下图所示。

万字干货!帮你深度掌握设计中的「光影」知识点

可见环境色对物体的视觉影响还是相当明显。再如下图中,当模特处于一个红色空间时,受到环境中红色漫射光的影响,模特也明显偏向红色,这时我们就说环境光影响了这位模特的「色彩平衡」,关于「色彩平衡」在后面还会细讲。

万字干货!帮你深度掌握设计中的「光影」知识点

当然现实是复杂的,其实还有大量物体会同时存在镜面反射光和漫射光,谁的强度大谁就更突出,例如起风时的水面,就不全是镜面反射,还有漫反射,这里就不再深究。

小结

以上提到的「照射光」和「环境光」便是设计中常用的2大光源类型,这2类往往是同时存在,一般照射光会直接影响物体的明暗结构,而环境光则影响物体的色彩平衡及反光。

只有把这些光影都表现清楚,画面才更有代入感。其中对于照射光的理解,绝不仅仅是考虑直射或散射这么简单,还需分析照射方向、照射角度、照射形状、光源距离、光源强度、光源软硬、光源大小、光源颜色等因素,待会会针对这些因素展开讲解。

物体明暗

前面介绍了光源类型,主要让大家对「光」有个整体认知,内容偏科普,属于「光影」的理论基础,现在开始讲「影」,这块内容更偏实战运用,教大家如何在设计中准确表达光影。本文的「影」涵盖两块内容:物体的明暗和投影,其中物体是泛指,包含电商常用的两大元素:人物和产品。

先说物体明暗,当光源发出的光线射向物体时,由于光反射,物体会有对应的明暗变化,记得在高中学习素描时,老师就曾提过光影的「五大调」,这正是人们对物体明暗关系的理论化总结。

万字干货!帮你深度掌握设计中的「光影」知识点

但现实世界却要复杂的多,因为物体光影还与材质密切相关,不同材质的明暗关系截然不同,所以决不能撇开材质谈明暗,而设计中常用材质有三大类:漫反射材质、镜面反射材质和透明/半透明材质。

万字干货!帮你深度掌握设计中的「光影」知识点

不管现实世界还是电商视觉,漫反射材质都是最常见的材质,因为这类材质的光影最有规律也最有代表性,明暗关系也简单很多,刚刚说的「素描五大调」就是针对漫反射材质,那我们就从这类材质入手,详细讲讲漫反射的光影到底如何呈现。

1. 明暗原则

「漫反射材质」是指表面产生漫反射光的材质,日常生活中,漫反射材质(以下简称「漫射材质」)的物体占据大多数,像棉布、哑光纸、哑光塑料甚至人类肌肤等等都属于漫射材质。

万字干货!帮你深度掌握设计中的「光影」知识点

而我们在刻画漫射材质的物体明暗时,需遵循3点原则:近亮远暗、先整体再局部以及细节刻画。

近亮远暗

对于漫射材质,首先一个大原则就是「近亮远暗」:

以画面的主光源(照射光)为圆心,物体距离光源越近会越亮,越远则越暗。

对单个物体来说,距离近的就是亮面(受光面),而距离远的是暗面(背光面),如下图所示。

万字干货!帮你深度掌握设计中的「光影」知识点

在很多摄影或设计作品中,能看到不管人物还是产品,都会遵循这一原则:距离主光源越远则越暗。

万字干货!帮你深度掌握设计中的「光影」知识点

先整体再局部

在「近亮远暗」的大原则下,先确定物体的整体光影,表现三大面(亮面、灰面、暗面),其本质就是在固有色(物体在白色光下所呈现的色彩)的基础上进行深浅色调的变化。

然后再添加物体的局部光影,这个局部主要针对有块面的物体(立方体),「局部光影」意味着亮面和灰面也要分别遵循「近亮远暗」原则(由于暗面是背光,不受主光源影响,所以不在遵循范围内),这样光影才会更有层次。而没有明显块面的曲面物体(球体)则把握好整体光影即可,或许听着有些复杂,下面通过图例强化理解。

万字干货!帮你深度掌握设计中的「光影」知识点

细节刻画

最后是刻画光影细节,这里列出2个常见细节,这些细节虽不影响整体明暗,但会让物体光影更加细腻和真实,属于「加分项」。

物体表面最亮的地方就是高光,高光其实不是光,而是直接反射主光源的地方,如果要给漫射材质的球体添加高光,那在亮面添加一个羽化的圆斑即可。

万字干货!帮你深度掌握设计中的「光影」知识点

往往越光滑的物体高光就越清晰。但对漫射材质而言,高光不会很清晰,不过模糊程度要看物体的固有色以及粗糙度,粗糙度越大的物体高光越模糊。另外高光的外形还和物体的本身结构有关。

万字干货!帮你深度掌握设计中的「光影」知识点

在表现高光时,还有一块高光区也经常被刻画出来,那就是块面物体的「倒角高光」。

「倒角」其实是个工业设计术语,三维设计也常提到,一般块面物体的棱角通常会做些圆滑过渡,这种过渡结构就是倒角,有了倒角,转折才不会「锋利」,这时若有光线照射到表面,倒角处便会形成高光线。

Source
成都爱诚科技
date
2020-09-30 15:43:56
share
真心爱尔·诚意服务

多一份了解,多一个选择

即可开启一站式服务体验
预约面谈可拨打 135-4003-4978 / 028-85283257
取消咨询 立即咨询