千盼万盼,终于教光影效果了!

新一期的表情包 , 她来了~

千盼万盼,终于教光影效果了!
文章图片


去年我给大家写过一篇关于阴影的教程 , 主要讲了一些常见的阴影要怎么制作 , 没看过的同学推荐戳下面的链接先去看看 , 然后再来学今天的教程 。

苹果产品的那些高级阴影效果 , 惨遭破解了!!



我们看到一些优秀的设计作品中 , 往往光影都处理得非常有细腻有质感 。 要达到这样的水平 , 不只是技术问题 , 还需要对光影分布规律上的熟练把握 。 所以我决定再写一篇关于光影的文章 , 带大家深从光的属性出发 , 深入理解光影在不同场景下的应用 。

之前那篇偏技术操作 , 这篇更多的是思路分析 , 所以这篇算是升级版!绝对是干货满满 , 废话少说 , Just do it!

千盼万盼,终于教光影效果了!
文章图片





千盼万盼,终于教光影效果了!
文章图片

任何一张图上都有着光的分布 , 当你把它和另外的素材拼在一起的时候 , 你就得考虑它们的光线是不是统一的 , 有时候你看到一张设计图总觉得哪里不对 , 但是又说不上来 , 很可能就是光影没处理好 , 看起来不自然 。

光影在设计中有多重要 , 我用一张图对比一下 , 大家就明白了 。 同一个产品 , 如果把背景上的光影效果去掉 , 整个画面就会变得苍白单调 。

千盼万盼,终于教光影效果了!
文章图片

你不必细究上面每个词的具体含义 , 总之 , 有了真实细腻的光影效果 , 可以让你的产品看起来更加通透有质感 , 更加高大上就对了!

在电商设计中 , 光影效果的应用更是十分广泛 , 我们来看一些具体的案例 。

1、光影可以让画面具有生活气息 。

借助简单的光影效果 , 可以很好的还原出真实的生活场景 。

千盼万盼,终于教光影效果了!
文章图片



2、光可以让产品图显得更有质感 。

下面两张图中的产品本身其实质感一般 , 但是通过恰到好处的光影渲染 , 让它们看起来与环境完美融为一体 , 掩盖了产品本身的缺点 。

千盼万盼,终于教光影效果了!
文章图片



3、光可以让画面更有层次感 。

下面两张图其实元素很少 , 但是通过光影交叉 , 营造出了丰富的画面层次 。


千盼万盼,终于教光影效果了!


推荐阅读