后期背景修图教程(后期修图给产品加影子)(1)

后期背景修图教程(后期修图给产品加影子)(2)

​上一篇我们讲了戒指的后期技法,还没看过的同学可以先回去补个课:广告里的戒指,原来是这么P出来的

怎样给产品加影子?文章里并没有展开,今天就分享一下加影子的技巧,小白也可放心食用~

这是今天的产品案例:

后期背景修图教程(后期修图给产品加影子)(3)

最简单的加影子办法

只要你走到有光的地方,比如太阳底下,地上立马就会出现你的影子。

同样,给产品加影子,也是相当于给产品打了一道光,需要你根据光源和产品本身的形态,来判断如何处理影子。

大多数同学的惯常操作是:

· 这还不简单?

· 新建一个图层,选择整个产品的选区,羽化1;

· 选择一个比较深的颜色,填充;

· 最后把这个图层拖出来,搞定!

后期背景修图教程(后期修图给产品加影子)(4)

做到这一步的同学,恭喜你熟练操作了PS,并且对加影子有了最初步的概念。

但我们今天的目的依然是:一张价值100元的产品图,怎样向1000元提升?

产品基本分析

拿到图片,动手之前,还是需要对接下来的操作,定一个大致方向,再看一遍初步的成品图:

后期背景修图教程(后期修图给产品加影子)(5)

根据产品本身的体积感来看,影子肯定是有一定宽度的,现在的影子,看起来像是给产品描了个黑边;

初步判断光源方向,从左上方45°往下,那么影子整体也需要偏下一点。

我们将影子修正如下:

后期背景修图教程(后期修图给产品加影子)(6)

对比:

后期背景修图教程(后期修图给产品加影子)(7)

接下来,我们就要开始对影子进行处理了,我的推荐步骤如下:

· 影子造型处理

· 影子虚实处理

· 影子明度处理

· 整体提升

其实不管是什么步骤,我们的核心目的都只有一个:让影子看起来更加真实。

影子造型处理

这一步骤里,我们需要着重关注影子的透视变化,推荐大家变换影子形态时,将九宫格模式打开,操作起来更方便,点这个按钮↓

后期背景修图教程(后期修图给产品加影子)(8)

找不到地方的同学,看这里:

后期背景修图教程(后期修图给产品加影子)(9)

需要局部处理的地方,也可再新建一层,进行局部九宫格调整,比如瓶盖:

后期背景修图教程(后期修图给产品加影子)(10)

假如到这一步,你依然对效果不满意,可以使用液化工具来微调:

后期背景修图教程(后期修图给产品加影子)(11)

造型结束之后,我们来对比一下:

后期背景修图教程(后期修图给产品加影子)(12)

是不是感觉更加真实了?

下一步要调整的是影子的虚实变化,让影子的层次感更加丰富。

影子虚实处理

虚实变化可以这样理解:

距离产品越近的地方,影子越实;

距离产品越远的地方,影子越虚。

虚实处理的主要工具是什么呢?模糊、颜色减淡。

首先,我们可以直接降低影子层的不透明度,让影子的颜色更淡、通透感更强。

后期背景修图教程(后期修图给产品加影子)(13)

下一步,框选影子的选区,羽化30,再进行高斯模糊,效果如图:

后期背景修图教程(后期修图给产品加影子)(14)

模糊的数值可以从5开始慢慢加大,也可以不断通过ctrl/command F来复制选区,最终完成的影子效果如图:

后期背景修图教程(后期修图给产品加影子)(15)

对比:

后期背景修图教程(后期修图给产品加影子)(16)

影子明度处理

影子明度处理,和影子的虚实处理,目的其实差不多,都是让影子更加通透真实。

我们依然是本着"离产品越近颜色越深,离产品越远颜色越浅"的这个原则,在影子图层上添加蒙版,画笔的不透明度调整到10%左右,将影子外边缘整体减弱一些。

必要时,考虑到整个产品的反光,也可以将影子做一个整体的提亮,效果如图:

后期背景修图教程(后期修图给产品加影子)(17)

对比:

后期背景修图教程(后期修图给产品加影子)(18)

整体提升

影子处理到这一步,也就是锦上添花的过程了。

比如瓶盖、瓶尾可能会有一些反光,我们再做一点提亮,整体颜色再优化等等,最终成品如图:

后期背景修图教程(后期修图给产品加影子)(19)

另外,处理影子时,有一点格外提醒大家注意:不要为了图快,直接用曲线去调整影子图层!每一步操作最好都有一个单独的图层,方便自己修改,当客户有反馈意见或者输出要求时,也能快速处理优化。

最简单的,万一曲线把某个角落提的太亮了,你再想用画笔描回来,可能会遇到如下的车祸现场:

后期背景修图教程(后期修图给产品加影子)(20)

刺激不刺激?

总结

给产品加影子,不只是复制填充这么简单;

为了让影子更加真实,我们需要对影子进行造型、虚实处理、明度处理,以及整体提升。

按惯例,放一个我修图的过程视频,供你参考:

有没有发现视频里多了一种影子?

后期背景修图教程(后期修图给产品加影子)(21)

没错,试试怎样做出一个立起来的影子吧~

今天所讲的全部内容,包括第二种影子的详细绘制技法,在我的课程里都有详细讲解。

如果你想好好练个手,私信我【修图】,即联系获取本次psd素材

最后,我的产品后期精修正在招生中,欢迎来交流学习~

后期背景修图教程(后期修图给产品加影子)(22)

点击扩展链接,深入学习~

,