你做详情页别发愁,我用这招运营都夸好!

兄die们,集美们!!

我们在设计详情页的时候,总是做不出好的视觉效果。

今天给你分享一个超好用的技巧。

视觉中有一个很重要的组成元素,重要性不亚于点线面,但是我发现很多人经常会忽视,那就是光影。

光影对于画面的重要性有多大?就像人类需要光,需要空气一样!

光影处理的好,可以体现出画面的空间感、立体感。同时还可以表现出画面意境,营造气氛。

说到光影营造特殊气氛,不得不提电影。

小时候我很喜欢看的电影,黄飞鸿中有一个很经典的片段。

为了表达十三姨与黄飞鸿之间的朦朦胧胧的情愫,导演徐克没有采用情侣之间的搂搂抱抱,而是间接借用这种光影,去表现当时两个人的朦胧关系。

还有一部电影印象也很深,王家卫的东邪西毒。

光影通过不断旋转的鸟笼投射在人物脸上。光影的流动,错落有致,同时错乱的光影也影射了人物内心的情绪。

除了电影,还有画画,比如油画界的伦勃朗,以及他的伦勃朗光。

伦勃朗光:灯光只打在面部的4/3部分,人物大部分处于阴影之中。极致的明暗反差,立体感非常强。

一代宗师电影中,也有很多伦勃朗光的镜头。明暗反差非常强。

光影的运用是门学问,下面看下在海报中的运用,继续感受下光影。

经常有出其不意的视觉效果。

简单的几道光影遮挡,就增加了时间厚度,和桂影斑驳的感觉。视觉上也加大了明暗反差。

人物模特拍摄,通过光影刻意制造明暗反差。

电商海报中的光影

产品摄影,通过光影丰富背景,塑造空间感。

下面看看光影在详情页中的例子。图片案例都是花瓣抓的。

仔细观察背景中的光影

说了这么多,具体怎么操作?怎么用?

下面咱们实际做一下,首先打开花瓣就是干。

找个产品,就是它了~~

做个详情页头图,先弄个背景,简单打上文案,排排版

下面直接到关键的一步!!!

光影怎么做???

紧张了吗!!害怕了吗!!兄弟!集美!!!

不要慌,消除恐惧的办法就是面对恐惧!!奥利给!!

只要花瓣在手,天下我有!!

继续打开花瓣,继续干!!!

搜关键词:植物影子,光影之类的

当当当当~~ 素材就自动出来了…

选个合适的光影素材

直接把图层模式改成线性加深正片叠底,在安排几片叶子做近景,搞定。是不是太简单了。。。。。听懂掌声!

对比下效果。

一个案例不行?要不再来一个!

还是这个产品,做一个俯视的视角试试。

第一步还是先构图,排版打上字。

第二步给产品和小草加上阴影,俯视的感觉就出来了。

第三步,又到了关键的一步,也是本文讲的的一步,加影子素材。

最后微调了下颜色,结束。

是不是非常简单!我哭了,兄die们 and 集美们

光影做为一种典型的视觉绘画元素,经常会被人很多所忽视。光影用的好,可以把整个画面都串联到一起,表现出特殊的空间气氛。

光影在生活中也是无处不在,需要我们细心去观察。诗人顾城曾说过,黑夜给了我黑色的眼睛,我却用它寻找光明。
文章来源于超级美工,作者舵主