Photoshop制作逼真生动的的下雨效果图

2016-02-16 00:22 21 1 收藏

下面是个Photoshop制作逼真生动的的下雨效果图教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!

【 tulaoshi.com - PS 】

在本教程中,我们将演示如何添加一个生动的雨效果在Photoshop图片中。虽然下雨效果在Photoshop中不是新的手法,但能让我们在手法上提升一步,并展示如何通过增加反射和小水坑,使图像更加逼真的。让我们开始吧。

教程素材:添加生动的雨效果PS教程素材

先看看效果图

Photoshop制作逼真生动的的下雨效果图,PS教程,图老师教程网

在PS当中打开Walk on pier图片。双击图层将其命名为Base。

第一步

添加更逼真的云到图层中,打开Cloudy Scotland图片到画布中,需要拉伸图片让云完全遮蔽住天空,CTRL + T自由变换,高度设置为120%,按回车确定,命名图层为Sky,设置下透明度调整好位置,放在图层Base的下面。

Photoshop制作逼真生动的的下雨效果图,PS教程,图老师教程网

第二步

用你擅长的工具,我使用快速魔术棒工具,选择Base层,将天空的部分选中, CTRL + G建组,SHIFT+CTRL+I反选,并创建一个图层蒙版隐藏天空。将组命名为Pier

Photoshop制作逼真生动的的下雨效果图,PS教程,图老师教程网

修复一些细节问题,这样才可以让画面更真实。选择Pier的蒙版,使用黑色或白色笔刷(B)这里就不多讲了

Photoshop制作逼真生动的的下雨效果图,PS教程,图老师教程网

由于天空还是有一点点颜色,在Sky上创建一个黑白调整图层,确保适合色彩的统一。

Photoshop制作逼真生动的的下雨效果图,PS教程,图老师教程网

第三步

现在要考虑一个情况:下雨的时候,空气变得潮湿,会产生远雾的效果。要做到这一点,用一个柔软的笔刷,色调为灰色# C3C3C3,画一条直线在地平线上(按住Shift键)。设置图层不透明度为50%,然后再复制一层(CTRL + J)进行垂直拉伸(CTRL+T)设置高度为150%命名为fog放在Pier组下面。

Photoshop制作逼真生动的的下雨效果图,PS教程,图老师教程网

最后,创建曲线调整图层,使图像变暗,放在所有图层的最上面。

Photoshop制作逼真生动的的下雨效果图,PS教程,图老师教程网

2. 实现雨效果

第1步

添加雨的常用方法是通过滤镜中的添加杂色和运动模糊结合。创建一个新图层(Ctrl + Shift + N),然后填写黑色(D,然后按Alt+ Backspace键),选择滤镜杂色添加杂色,数量为100,单色,放大杂色效果为400%。

Photoshop制作逼真生动的的下雨效果图,PS教程,图老师教程网

然后选择滤镜模糊动感模糊,角度:72,距离200,CTRL + M调出曲线面板,拉开对比度,合并图层,命名为Rain。

Photoshop制作逼真生动的的下雨效果图,PS教程,图老师教程网

关键点,想要获得更逼真,更有趣的变化。想一下,雨通常是不会落下一条笔直的线,因为风。为了这种变化,我们将重复设置几次杂色和运动模糊的不同角度大小。

接下来步骤:

创建图层,添加杂色,放大250%,动感模糊,角度79,距离250。调整曲线

Photoshop制作逼真生动的的下雨效果图,PS教程,图老师教程网

创建图层,添加杂色,放大600%,动感模糊,角度60,距离200。调整曲线

Photoshop制作逼真生动的的下雨效果图,PS教程,图老师教程网

最后一次,只添加杂色,和调整曲线,命名图标为Noise

Photoshop制作逼真生动的的下雨效果图,PS教程,图老师教程网

步骤2

把所有Rain图层的的混合模式为:滤色,显示所有的Rain图层

Photoshop制作逼真生动的的下雨效果图,PS教程,图老师教程网

现在这个雨有点过了,为了解决这个问题,给每个雨图层加个图层蒙版,选择滤镜渲染分层云彩(提示:当前的前景色跟背景色要是黑白色)。这样是为了减少效果和给雨一个更多的随机性。同时,设置了Noise层不透明度20%

Photoshop制作逼真生动的的下雨效果图,PS教程,图老师教程网

3. 水坑和反射

我们设法创建降雨的效果,然而图像看起来不太真实的。那是为什么?当你看雨的照片,你意识到,雨滴通常几乎看不见。什么是可见的?是一个黑暗,浸泡和反射的地面,这是最重要和最困难的部分。

第一步

使用你最捷长的工具,扣出地板的部分,填充一个颜色在一个新的图层上。

Photoshop制作逼真生动的的下雨效果图,PS教程,图老师教程网

对扣出来的地板没有任何问题时,选中刚扣出的图层(CTRL +单击图层缩略图),创建一个新组和一个图层蒙板,命名为 Floor Mask

Photoshop制作逼真生动的的下雨效果图,PS教程,图老师教程网

第二步

复制Base层,并放在你的Floor Mask文件夹中。选择滤镜滤镜库,选择基底凸现,参数:细节为15,平滑度为1。设置曲线调整变暗一点点(你可以通过按住Alt键并单击两层之间夹),设置图层改为颜色减淡。

Photoshop制作逼真生动的的下雨效果图,PS教程,图老师教程网

接下来,增加一个云的纹理来增加随机性。滤镜渲染云彩。CTRL + T压缩到地平线的位置。在自由变换模式下,右键单击选择透视。将底部角落处理的角度大致跟匹配的木板的位置一至。选中云彩图层以外的部分,在通道当中选择任何一个通道的图层复制,将选中的部分填充黑色,选中高光部分(按将通道做为选区载入的工具)回到图层,在Base复本上添加一个蒙版。

Photoshop制作逼真生动的的下雨效果图,PS教程,图老师教程网

第三步

因为我们的地板浸湿,它应该反映在地面以上的事物,包括天空。要做到这一点,复制你的Sky层(注意在这一步也要把调整黑白的图层也复制到Pier图层),放在Floor Mask的文件夹中。垂直翻转(CTRL + T,右键单击并选择垂直翻转),设置为15%的不透明度。

Photoshop制作逼真生动的的下雨效果图,PS教程,图老师教程网

第四步

现在我们需要操作天空与地板之间的区域。为此,选择Floor Mask组的图层蒙版 (CTRL +单击),将选区反选(选择反向),然后按CTRL + Alt +点击Pier集团的图层。选区选中,复制(CTRL + J)得到了特定的区域。命名为Reflection。

(我按照上面的操作,是没有得到中间的选区,用了很比较笨的方试,反正效果能达到就行)

Photoshop制作逼真生动的的下雨效果图,PS教程,图老师教程网

接下来是有点棘手。为了把效果看清楚,把全部效果先隐藏,可以创建一个新图层在Reflection的下面,用于检查,填充红色(编辑填充),把设置不透明度为50%

Photoshop制作逼真生动的的下雨效果图,PS教程,图老师教程网

垂直翻转放置,以左边这对夫妻俩的脚在的基线。使用矩形选框工具(M),将左侧墙的部分选出,使用斜切模式(Ctrl + T,右键单击斜切),做出反射墙的角度。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

Photoshop制作逼真生动的的下雨效果图,PS教程,图老师教程网

使用相同的手法,重复下面的部分

Photoshop制作逼真生动的的下雨效果图,PS教程,图老师教程网

使用套索工具(L),将男人和孩子的选区选中,移动下来,以脚部分对齐。

Photoshop制作逼真生动的的下雨效果图,PS教程,图老师教程网

继续重复上面的方法,直到你得到以下的结果。

Photoshop制作逼真生动的的下雨效果图,PS教程,图老师教程网

第五步

你现在可以删除Floor Mask里创建的红色图层,并把Reflection层放在Sky图层的上面,将其设置为正片叠底。现在,你会发现有几个地方,我们需要多做一点功夫。

Photoshop制作逼真生动的的下雨效果图,PS教程,图老师教程网

使用涂抹工具(模糊工具中)你可以涂抹反射缺少的部分。夫妇在左边的腿之间的区域,你可以简单地用灰色画笔工具解决。

Photoshop制作逼真生动的的下雨效果图,PS教程,图老师教程网

在这种情况下,添加一个蒙版,并轻轻地涂掉部分形成反射的效果,并降低图层的不透明度为35%。当你完成后,将之前隐藏的效果全部恢复。

Photoshop制作逼真生动的的下雨效果图,PS教程,图老师教程网

第六步

我们可以增加地板的质感。选择下面的黑与白层的每一层,复制和合并。使用网状滤镜(从滤镜滤镜库素描),按照下图的值。点击CTRL + M调出曲线面板,并增加层的对比了一下。最后,入在Floor Mask组中,并命名为Reticulation。

Photoshop制作逼真生动的的下雨效果图,PS教程,图老师教程网

教程完成!如果你错过了什么,你们对照一下图片中的图层。

Photoshop制作逼真生动的的下雨效果图,PS教程,图老师教程网

欣赏你最终的比对

Photoshop制作逼真生动的的下雨效果图,PS教程,图老师教程网

最终效果:

Photoshop制作逼真生动的的下雨效果图,PS教程,图老师教程网

发上我做的效果,我英语是不好的,我是一边有工具翻译,加上自己的操作,大体了解了原作者的一些想法,这个教程特别合适初学者,因为过程讲得很详细,如果对我的翻译很不满意的,也可以看原文来练习,谢谢!

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

Photoshop制作逼真生动的的下雨效果图,PS教程,图老师教程网

来源:https://www.tulaoshi.com/n/20160216/1565793.html

延伸阅读
标签: PS PS基础
我花费了相当长的时间在思考如何在设计中做出无比逼真的阴影。我决定这个周末就要尝试一下。我开始思考怎样做才称得上是最佳的方法,有太多的工作将要动手重新制作。所以我决定尝试一下Photoshop的3D功能。这是最简单、最快捷的方法。效果也非常好。 因此在本教程中我会向大家展示如何使用Photoshop CC的3D功能制作一个带有漂亮和生动的阴影的...
标签: PS
Photoshop制作下雨效果   这篇PS教程,使用Photoshop的点状化滤镜、阈值、动感模糊滤镜、蒙版等功能制作下雨效果。步骤相对简单,您可以通过这个教程熟悉Photoshop滤镜与蒙版的基本使用方法。 效果图 原图 1.新建图层,填充为白色 再添加蒙版,填充为黑色。 2.单击黑色蒙版,选择滤镜tulaoshi - 像素化 ...
标签: PS PS基础
最终效果 1、新建一个1024 * 768,分辨率为72像素的画布,也可以根据自己屏幕大小设置尺寸。然后用油漆桶工具把背景填充暗蓝色:#1C036F,如下图。 2、新建一个图层,把前景色设置为紫色:#e869f8,背景色设置为暗蓝色:#220964,如下图。 3、选择菜单:滤镜  渲染  云彩,确定后效果如下图。 4、再按快捷键Ctrl + A...
标签: PS PS基础
制作用胶带粘住照片的方法有很多,但通常胶带都不够逼真,本篇教程主要是通过简单的方法制作逼真的透明胶带,真正的透明胶带。 效果图如下: 教程: 1、首先创建一个新的文档,大小为:600*400像素。随便选择自己喜欢的颜色,例如#7ca213,并填充画布。 2、打开一张照片,并把它拖入到画布内。然后按用Ctrl+T缩小照片,再旋转一点...

经验教程

677

收藏

9
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部