百木园教程作者：董浩_超级美工（授权转载）
交作业：#优设每日作业#
电商详情页设计教程！巧妙运用光影，让详情页头图高大上！
兄die们，集美们！
我们在设计详情页的时候，总是做不出好的视觉效果。
今天给你分享一个超好用的技巧。
视觉中有一个很重要的组成元素，重要性不亚于点线面，但是我发现很多人经常会忽视，那就是光影。
光影对于画面的重要性有多大？就像人类需要光，需要空气一样！
光影处理的好，可以体现出画面的空间感、立体感。同时还可以表现出画面意境，营造气氛。
说到光影营造特殊气氛，不得不提电影。
小时候我很喜欢看的电影，黄飞鸿中有一个很经典的片段。
为了表达十三姨与黄飞鸿之间的朦朦胧胧的情愫，导演徐克没有采用情侣之间的搂搂抱抱，而是间接借用这种光影，去表现当时两个人的朦胧关系。
还有一部电影印象也很深，王家卫的东邪西毒。
光影通过不断旋转的鸟笼投射在人物脸上。光影的流动，错落有致，同时错乱的光影也影射了人物内心的情绪。
除了电影，还有画画，比如油画界的伦勃朗，以及他的伦勃朗光。
伦勃朗光：灯光只打在面部的4/3部分，人物大部分处于阴影之中。极致的明暗反差，立体感非常强。
一代宗师电影中，也有很多伦勃朗光的镜头。明暗反差非常强。
光影的运用是门学问，下面看下在海报中的运用，继续感受下光影。
经常有出其不意的视觉效果。
看下网上的优秀光影案例
简单的几道光影遮挡，就增加了时间厚度，和桂影斑驳的感觉。视觉上也加大了明暗反差。
人物模特拍摄，通过光影刻意制造明暗反差。
电商海报中的光影
产品摄影，通过光影丰富背景，塑造空间感。
看几个网上的优秀例子
仔细观察背景中的光影
1、找个素材，做个案例。
2、做个详情页头图，先弄个背景，简单打上文案，排排版。
下面直接到关键的一步！！！
光影怎么弄的？？？
紧张了吗！！害怕了吗！！兄die！集美！！
不要慌，消除恐惧的办法就是面对恐惧！奥利给！！
直接去网上搜索素材“植物影子”“光影”等等。
3、找到合适的光影素材
直接把图层模式改成线性加深或正片叠底，在安排几片叶子做近景，搞定。是不是太简单了。。。。。听懂掌声！
对比下效果。
一个案例不行？要不再来一个！
还是这个产品，做一个俯视的视角试试。
第1步还是先构图，排版打上字。
第2步给产品和小草加上阴影，俯视的感觉就出来了。
第3步，又到了关键的一步，也是本文讲的的一步，加影子素材。
最后微调了下颜色，结束。
是不是非常简单！我哭了，兄die们 and 集美们~
光影做为一种典型的视觉绘画元素，经常会被人很多所忽视。光影用的好，可以把整个画面都串联到一起，表现出特殊的空间气氛。
光影在生活中也是无处不在，需要我们细心去观察。诗人顾城曾说过：黑夜给了我黑色的眼睛，我却用它寻找光明。
文中PSD和光影等素材，送给有缘人。（见附件）
觉得不错的老铁点个赞，听懂的掌声！！！
来源：https://uiiiuiii.com/photoshop/1212290092.html
图文来源于网络，如有侵权请联系删除。