100天UI学习笔记-光与影

先看一小段理论。

【影】

阴影类型：投射阴影、闭塞阴影

投射阴影：光源照在物体上后投射到背景上的阴影。

闭塞阴影：物体与物体接触产生的阴影。

投影长度：光源与物体越接近同一水平线，投射阴影越长，反之则越短。

【光】

光源层次：绝大多数光源由外而内分为扩展区、高温区、高光区三个层次

扩展区，混合模式：线性减淡，选取红色框区域颜色

高温区，混合模式：颜色减淡，选取黄色框区域颜色

高光区，混合模式：滤色，选取橙色框区域颜色

光源环境：光对于周围的环境影响，混合模式一般使用叠加、柔光等。

下面看个小案例：

原图，右侧灯光有点暗

第一步：点亮灯光

给路灯增加，高光区、高温区、扩展区三层光。

操作步骤：高光区颜色接近白色，混合模式选择滤色，在路灯中较小的范围内涂抹颜色；高温区颜色选择黄色，混合模式选择颜色减淡，在路灯中稍大的范围内涂抹颜色；扩展区颜色选择橙红色，混合模式线性减淡，在路灯中较大的范围内涂抹颜色。然后，再调整合适的透明度。

第二步：增加环境光

给灯附近的地面和墙面增加环境光

操作方法：如第一步添加高温区、扩展区，混合模式选择柔光或叠加。然后，再调整合适的透明度。

大功告成！赶紧去开灯吧~