视觉设计 » PS高阶技能:逼真的弥散光效果,21分钟学会!

PS高阶技能:逼真的弥散光效果,21分钟学会!

发表于: 视觉设计. 评论
Sponsor

这次教程的主题是焦散效果,焦散是指当光线穿过一个透明介质后,由于介质表面的不平整,使光线折射不会平行发生,而是出现漫反射,投射表面形成光子分散。

PS高阶技能:逼真的弥散光效果,21分钟学会!

 

或许,你可能对这个词有点陌生,但是焦散效果的海报你绝对见过。

PS高阶技能:逼真的弥散光效果,21分钟学会!

各种大牌产品,只要产品介质偏透明,那宣传海报中就大概率要用到焦散效果。

所以,这次,应广大学员要求,我们焦散效果的教程终于来啦

PS高阶技能:逼真的弥散光效果,21分钟学会!

话不多说,先来看下我们这次教程的最终效果图。

PS高阶技能:逼真的弥散光效果,21分钟学会!

是不是开始感兴趣了,看完这篇教程,你也可以快速搞定焦散效果。

PS高阶技能:逼真的弥散光效果,21分钟学会!

在正式开始之前,想先问大家一个问题,你们有没有遇到过这种情况:

就是跟着教程,用教程提供的素材做出的东西,看着还挺对味儿,结果换个素材,却发现完全不行。

PS高阶技能:逼真的弥散光效果,21分钟学会!
生活不易,反复叹气。
出现这种情况的原因其实很简单。
大部分教程只是告诉了大家如何去做,但是为什么这么做,却很少提及。

设计需要灵活变通,具体素材,具体分析。只有知道每一步技法背后的原理,我们才能判断什么时候这个方法是有效的,什么时候是无效的。

PS高阶技能:逼真的弥散光效果,21分钟学会!

多说无益,下面正式开始我们的教程,大家跟着做的时候,多想想这一步为什么这么做,如果是你,有没有更好的方法。
 

我们先从拖入素材开始。

PS高阶技能:逼真的弥散光效果,21分钟学会!

不急着做光影,我们先给产品做一个白色的底,然后复制一层,将上面的隐藏。
至于为什么改成白底,大家可以先思考一下PS高阶技能:逼真的弥散光效果,21分钟学会!
PS高阶技能:逼真的弥散光效果,21分钟学会!

先用套索工具,选中想让产品有焦散效果的方向。

PS高阶技能:逼真的弥散光效果,21分钟学会!
选中后,利用修补工具。
修补工具,你平时用来干啥?
比如,经常把图片中的一部分去掉?

修补工具的一大特性就是,电脑会猜你的想法,把想要去掉的区域和原素材融合,效果一般都不咋地。

PS高阶技能:逼真的弥散光效果,21分钟学会!
但是这次的焦散效果,我们就要利用【修补】这个不咋地的特性,利用系统自己去计算,算的又不太准,这种模模糊糊的感觉。
选中想要焦散的区域,拖动修补工具。
修补工具不是有两个模式吗,一个【正常】,一个【内容识别】。

有的时候【正常】好用,有的时候【内容识别】好用。所以,我们就先两个都试试,看看哪个效果好。

PS高阶技能:逼真的弥散光效果,21分钟学会!
很明显,这次是【正常】模式下的效果更好。

至于我们为啥开始选择了白底?

PS高阶技能:逼真的弥散光效果,21分钟学会!
其实什么颜色的底子都行,但是白底大多数情况下,可以用【正片叠底】将其滤掉,更方便后续的操作。

利用修补把产品的阴影做出一个大概区域后,就可以利用Ctrl+M,调出曲线,把焦散的图层做一个提亮。

PS高阶技能:逼真的弥散光效果,21分钟学会!
又是一个tips提亮的时候不要一次性做到位,调过了再往回调,可能很多细节就消失了。

先提亮一点,如果不够,我们再往上加。

PS高阶技能:逼真的弥散光效果,21分钟学会!
显然红色区域部分,我们不需要,给它一个蒙版。Ctrl+I,反向把图层隐藏。

然后用白色画笔开始过渡,画笔的硬度一定要保持为0,间距默认25%左右。

PS高阶技能:逼真的弥散光效果,21分钟学会!

硬度和间距的不同会对画笔效果产生影响。

PS高阶技能:逼真的弥散光效果,21分钟学会!
硬度大的时候(情况2),画笔边缘完全没有过渡。
将硬度调节到25%到30%,能让画笔的边缘过渡更加柔和。所以,利用这个柔和的边缘,给它做一个自然的蒙版。

就像上面说的,不要着急,一次刷到位。画笔笔刷如果太小,边缘会很锋利,所以,把画笔放大,把不透明度调到50%,用画笔过渡的边缘把这个焦散一点点擦出来。

PS高阶技能:逼真的弥散光效果,21分钟学会!

然后,把不透明度调成80%,再叠一次。

PS高阶技能:逼真的弥散光效果,21分钟学会!

离产品越近,光影一般会越清晰。所以,我们需要把不透明度加到100%,把最里面的靠近产品的一圈加重颜色。

PS高阶技能:逼真的弥散光效果,21分钟学会!

如果觉得还不够,就用比较低的透明度,去加细节,然后你就能看到这个效果。

PS高阶技能:逼真的弥散光效果,21分钟学会!

底部位置的焦散面积太大,看着很脏,需要把画笔换回黑色,往回擦掉一些。

PS高阶技能:逼真的弥散光效果,21分钟学会!
开始添加细节。
如果想让焦散的区域也有一些透光,而不是现在死板的黄色,要怎么做?

先在焦散的图层上面,新建一个曲线,开始提亮。

PS高阶技能:逼真的弥散光效果,21分钟学会!

瓶身的边缘,我们想打造一种透光的感觉,这一步,可以先用白色画笔的边缘,给它擦出来。

PS高阶技能:逼真的弥散光效果,21分钟学会!
但是,擦完,你可以发现,这擦得感觉有点假

这个光被产品折射,一般最亮的位置肯定是在阴影中间的。所以,再选择黑色画笔,把贴的比较近的这一侧,再擦回来。

PS高阶技能:逼真的弥散光效果,21分钟学会!
这样,一来一回,这光影的感觉就出来了。
这过程中的压暗或者提亮,没有什么固定的标准,主要看你想表现一个什么样的效果。

为了能让大家看清,我们把阴影调的偏重,大家操作的时候,根据需求,添加细节就行。

PS高阶技能:逼真的弥散光效果,21分钟学会!
产品调的差不多了,开始加素材。

为了跟产品颜色呼应,我们选了两个柠檬,放在对角线的位置。

PS高阶技能:逼真的弥散光效果,21分钟学会!
产品的高光处在左侧,光源从左边打来,为了给背景加一些立体感,需要在背景中也加一些光影的变化。

吸一个背景色,把图层改成正片叠底。用刚才的方式,放大画笔,把背景的右下方压暗。

PS高阶技能:逼真的弥散光效果,21分钟学会!

同理,右下压暗,左上就要提亮。再次新建图层,在左上方疯狂摩擦,把颜色调上去。

PS高阶技能:逼真的弥散光效果,21分钟学会!
这光感,这不就出来了。

如果觉得这个画面太空,就可以加些光影素材。大家平时也要养成,看到好的素材就存下来的习惯,这样会节省很多时间。

PS高阶技能:逼真的弥散光效果,21分钟学会!
另外,关于素材这部分有个误区。
很多同学直接把素材正片叠底直接叠上去,这种情况影子会很显脏。
我们的背景是什么颜色,我们的阴影折射出来的光就应该是什么颜色。你把一个黑白的素材直接叠到了彩色的背景上,肯定脏。

所以,不要直接正片叠底。Ctrl+左键,获得阴影的选区。在背景图层上建立曲线,生成下面这个蒙版。

PS高阶技能:逼真的弥散光效果,21分钟学会!

然后,只需要用曲线去压暗。这时候出来的颜色就比较符合我们背景的颜色了~

PS高阶技能:逼真的弥散光效果,21分钟学会!

如果觉得曲线用起来不太熟练,也可以利用色彩平衡,对颜色进行优化,让阴影素材更好的融入背景。

PS高阶技能:逼真的弥散光效果,21分钟学会!
在这里,再讲两个细节。
第一,我们用修补工具操作的时候,会发现,电脑是直接根据产品边缘的颜色进行计算的。

如果我们产品的边缘是纯黑色,那算出来也就是纯黑色。所以,我们用的产品素材本身不能太脏,也要带有一定的光影变化。

PS高阶技能:逼真的弥散光效果,21分钟学会!
再次强调,大家一定要明白这些操作背后的原理,才能找到合适的素材。
第二个就是,我们为什么要在背景中做这些阴影?
是因为我们下一步是要加玻璃效果。

玻璃效果,肯定大家都用过。但有时候自己做出来的玻璃,就是没有案例中那么丰富的纹理。

PS高阶技能:逼真的弥散光效果,21分钟学会!
这是因为,玻璃本身是透明的。
展开来说,就是如果玻璃背后是白色,那玻璃透出来的就是白色。玻璃后面必须有东西,才能形成丰富的光影。
所以,做玻璃效果的时候,背景一定不能太空。
 
转回正题,已经做出了一定的弥散效果,下一步就是再给产品加一个影子?

先把影子轮廓勾出来,吸一个跟影子差不多的颜色,改为正片叠底。根据光的方向,调整影子的角度和形状。

PS高阶技能:逼真的弥散光效果,21分钟学会!
影子在光的底下,而且之前用的是正片叠底模式,所以光叠在影子上,颜色直接变暗,看不出弥散的效果。
而且影子不应该这么清晰,应该根据光的走向,逐渐模糊。
这种时候就可以用高斯模糊或者模糊工具。
模糊工具的优点在于,模糊效果不强,但是可以做出影子不同部分的深浅变化。

新建蒙版,开始添加影子的细节。

PS高阶技能:逼真的弥散光效果,21分钟学会!
再对阴影中间部分提亮。

这一步就非常简单,只需要在阴影的蒙版中,用黑色画笔把需要提亮的部分擦掉。光的焦散效果就回来了。

PS高阶技能:逼真的弥散光效果,21分钟学会!

做好后,把这些影子和产品打一个组,调整好斜度,跟之前柠檬的对角线呼应上。

PS高阶技能:逼真的弥散光效果,21分钟学会!m

合并当前的所有图层,用选区选择左边的区域。把这一块复制出来,开始做效果。

PS高阶技能:逼真的弥散光效果,21分钟学会!
锁定不透明像素。

正常高斯模糊会把边缘也模糊掉,而锁定不透明像素后,就可以保证边缘的清晰,这才更像玻璃的效果。

PS高阶技能:逼真的弥散光效果,21分钟学会!

然后,将这个准备做玻璃效果的图层转化为智能对象。用【滤镜库–扭曲–玻璃】开始调整玻璃的纹理。

PS高阶技能:逼真的弥散光效果,21分钟学会!mi

纹理出来后,发现这个玻璃效果差了点意思。

PS高阶技能:逼真的弥散光效果,21分钟学会!

所以,我们拖一个水雾玻璃的素材进来。

PS高阶技能:逼真的弥散光效果,21分钟学会!
注意,这里,我们只需要这个素材的雨水纹理,不需要颜色。

将颜色调整为黑白,再把素材改为叠加模式。

PS高阶技能:逼真的弥散光效果,21分钟学会!

按之前的逻辑,再对玻璃这一部分的色阶、色相、清晰度等细节进行调整。

PS高阶技能:逼真的弥散光效果,21分钟学会!

最后,加上产品文案,这张海报就基本完成了。

PS高阶技能:逼真的弥散光效果,21分钟学会!
然后将整个图层合并,转化为智能对象。

在Camera Raw滤镜中,进行微调,提升海报质感。

PS高阶技能:逼真的弥散光效果,21分钟学会!

这样一张简单的,有焦散效果的海报就做完了。

PS高阶技能:逼真的弥散光效果,21分钟学会!


这次教程输出的知识点,够密了吧,快记在自己的小本本上!!!

PS高阶技能:逼真的弥散光效果,21分钟学会!

之后,我们也会持续更新这样一些小的,比较快捷的海报技巧,包括技巧的原理讲解和具体应用,引导大家养成设计思维。
大家如果有什么比较想学的效果,或者一些效果的分析思路,也可以在评论区告诉我们。
来源:杰视帮 ID:jacksean003
推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }