设计中的光和影

写在前面

 

自从转行做电商设计三年以来，由当初没有任何电商经验的电商设计师，通过慢慢的摸索，从网络获取教程教学以及跟大神的学习交流，收获颇多，因为是做工业设计出生的，大学也稍微学习了一下素描，大致明白了光与影的关系。

从事电商设计，众所周知，工作中用得最多的软件当属PS（当然了，现在的电商设计会使用到其他软件，比如C4D，但大多数情况还是PS），但是很多公司配置不齐全（没有摄影师）、请不起模特、不愿花钱购买图片版权.....（这可为难设计师了），那怎么办呢！当然是P图了，把产品抠出来，放到一个下载好的场景里面，这样节省成本，减少费用！这里就会涉及到一个融合问题！也就是今天我们要说的光影关系。

 

进入正题

光影在设计中应用之广泛，好比女生离不开化妆品！

      但是初踏入电商的设计师，美工，在处理图片跟场景合成的时候不真实，产品跟背景不搭，比例不对，透视不对，光影不对......导致图片不协调，再好的设计还是由最基础的东西构成，通过这几年自己学习摸索，今天就来谈谈自己的心得。

在后期进行合成总结为三大要素：

一、光影关系

二、透视关系

三、比例关系

     

今天就先来谈谈光影关系

我们能看到一个物体，是因为光照射在物体表面，通过反射，人的眼睛进行接收成像

人眼接收的光有：

直接光照和间接光照（环境光）

直接光照：光线直接照射物体表面，反射到人眼

间接光照：光线照射到环境进行二次或者多次反射到物体表面，再反射到人眼

光的类型：

1、点射光源（太阳，电灯泡，聚光灯等）

2、体积光源（天光，节能灯，柔光灯等）

体积光源通常是间接光照的产物，就像摄影棚的射灯，为什么要在上面套上一层柔光布，就是为了让光变得更加柔和 ，天光也是太阳的产物

点光源最大的特点就阴影锐利，就像太阳光下的人影，树影，电灯泡下的阴影

体积光源特点就阴影模糊，就像摄影棚的柔光灯，节能灯（灯光的面积越大，阴影越模糊）

另一方面光作用于物体表面也跟物体材质属性有关，这儿不做多说

为什么要介绍光的类型、照明原理、与阴影类型呢，因为我们在进行后期合成的时候，首先需要分析一下光源类型，阴影的类型才能判断阴影走向及类型。

回到本文内容“光影关系”

 

首先，我们选好一张素材

1、确定光的类型

2、分析光源位置，确定阴影的方向

3、确定直接光照及环境光对物体产生的影响

直接上实例

（场景图素材）

（产品素材）

分析：

太阳光下正在使用电脑的美女：点射光源（主要），天光

看电脑的以及书包的阴影：光源位置135°左右

阴影以锐利为主，由于受一点天光影响，会产生一点模糊，书包，电脑，皮肤会对产品产生一点的环境光。

 

下面开始施展操作

将产品拖入场景中摆好角度

添加阴影

添加阴影时一般分为三层，最内一层最暗相对锐利，中间其次，最外一层浅，相对比较模糊，（这种三层添加阴影的方式尤其在体积光场景中最为常见），因为具有天光的原因，会有一层浅薄的模糊层

最内一层 

最外一层 

三层叠加一起

添加阴影的方法很多，有喜欢填充黑色色块，添加模糊，改变透明度，有喜欢使用曲线，色阶的......找到一种最适合自己的方法就行，我使用的是拉曲线

添加环境光：因为是在户外，周围具有绿色植物，太阳光下产品会偏黄，所以使用了一个黄绿渐变色。使用叠加模式，此外书包是黑色，吸收阳光，会对产品最下方面产生相对较暗阴影。

因为是太阳能充电宝，添加数据线，充电头USB，电脑屏幕（线材，线头添加阴影的方法也是类似的，这儿不做过多演示），这样一张合成的图片就完成了，你Get了吗

再来看一个关于体积光的实例

场景素材

产品素材

同样分析：

场景室内，没有明显的阴影：室内天光，体积光

笔记本电脑右侧阴影较少，判断室内窗户，节能灯等之类的光源在右侧

阴影主要以模糊为主，室内无色环境，环境光近似白光

产品拖进场景中，由于斜放会跟场景有两个两个接触点，所以会有两个阴影区域

同样的阴影三部曲，最内层，中间层，最外层（切记，千万不要偷懒）

三层阴影最终叠加在一起

欢迎留言，点评，下次透视与比例继续努力！