打造生动下雨效果图片

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:   作者:网络

关键词

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

教程素材
下列是教程当中所需要的素材。请下载以下的素材或寻找替代品
Walk on pier(走在码头)
Cloudy Scotland (多云苏格兰)

合成背景图层

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


打造生动下雨效果图片


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


打造生动下雨效果图片


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


打造生动下雨效果图片


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


打造生动下雨效果图片


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


打造生动下雨效果图片


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


打造生动下雨效果图片

2. 实现雨效果

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


打造生动下雨效果图片


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


打造生动下雨效果图片


关键点,想要获得更逼真,更有趣的变化。想一下,雨通常是不会落下一条笔直的线,因为风。为了这种变化,我们将重复设置几次杂色和运动模糊的不同角度大小。
接下来步骤:
创建图层,添加杂色,放大250%,动感模糊,角度79,距离250。调整曲线


打造生动下雨效果图片

 收藏