4

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

 2 years ago
source link: https://www.shejidaren.com/ps-bizhen-mishan-xiaoguo.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

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

5月 14, 2022 发表于: 视觉设计. 评论

Sponsor
single-top-500x62-v2.jpg

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

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设计交流群,分享经验、接单、求职、聊设计。
赞助商链接 500-62-douban-gaogen-sheji-shuji-tuijian.jpg

赞助商链接

jianli-muban.jpg
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK