页面载入中...

Photoshop制作雨后路面效果

xingphotoshop, 2014-07-272

 

这一期的教程十分简单(话说我每次都这么说的),确实很简单,好了,废话依然不多讲,楼主不是水笔,开始我们的制作吧

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

本期教程的主要知识点是滤镜库中扭曲滤镜,相比前几期,本期的操作并不复杂,很多步骤基本一样,我们要做倒影,先为整体的路面添加一个“湿漉漉”的效果,用钢笔将路面抠出并转化选区

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

用选区把它从原图层中复制出来,添加滤镜库-胶片颗粒

Photoshop制作雨后路面效果-来自www.46ps.com

我们把混合模式改为柔光,在用选区从原图层中复制一份拉到最上,添加滤镜库-玻璃,然后把不透明度降低

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

我们开始制作图中物体的倒影,尽量保证底部在一个水平线上的一起扣一起做,我先扣出图中指示牌与最外面的这辆汽车

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

把抠出的倒影层放到刚才路面层的下方,以后每个倒影都是如此,让路面层在最上方,顺序如图

Photoshop制作雨后路面效果-来自www.46ps.com

我们给它添加一个海洋波纹滤镜

Photoshop制作雨后路面效果-来自www.46ps.com

然后把添加了海洋波纹的图层再复制一份,添加玻璃滤镜

Photoshop制作雨后路面效果-来自www.46ps.com

然后把在上方的玻璃滤镜的不透明度降到一半(这个可以自己把握,没有一定),然后把两个图层合并,并转换为智能对象,高斯模糊,参数如图,然后在滤镜蒙版中用画笔擦出渐变效果,在倒影的下部尽量模糊一些,上部保持清晰,最后可以再给这个图层添加一个蒙版,然后在蒙板中可以把倒影下部适当擦除,后面的物体倒影基本制作都是如此,这一步没有问题的后面也就好做了

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

指示牌,同理,步骤同上,也是两个扭曲滤镜,一个模糊滤镜,再然后擦除你认为不会有反光的地方

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

牌子后面的人,因为腿被挡住了,所以楼主从旁边的一位正太身上掰了一节腿下来送给了他

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

远近不同的物体,滤镜数值可以自己适当进行改变

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

记住不要忘了,抠出来的倒影一定要都放在最开始制作的地面两个图层下方

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

奇怪,他的腿怎么还在?

后面的一辆银色汽车

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

给大家看一下我的图层面板,刚才做的几个倒影,都在这里,都是同样的模样,因为制作步骤都是一样,所以难度都不大

Photoshop制作雨后路面效果-来自www.46ps.com

路灯

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

台阶,这个其实无所谓,只要我们把这块区域的其它物体倒影擦出即可,无太大实际意义

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

后面的汽车,这里同样有被挡住的部分,楼主直接用了涂抹工具,注意不要破坏掉车灯就好了

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

到这里图的中左部分的倒影就基本完成,我们接下来为左边的楼房及人群做倒影,这里我们可以利用开始的选区,然后将不需要的地方划掉,整体复制翻转过来,配合蒙版将边缘擦得柔和一些,然后滤镜同上,这里需要注意的是要把该图层放到之前所有做好的倒影下方,不要挡住了离我们较近的物体倒影,离我们越远的,就越下方,越近的,就放在最上

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

左半部分完成,我们开始右半部分的制作,首先当然是这个大块头,一辆双层巴士

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

离我们最近的这一群人,以及垃圾桶君

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

路灯,显眼的地方都单独做出来

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

其余的人我们和右边的建筑一同做出来,配合变换工具调整透视,同样把图层放到最下方,到这里人、物体、建筑的倒影部分就基本做完了

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

我们去网上找一张天空素材,为整体加一个天空的倒影,处理方法同上,可以给上方的天空同样替换,如果不替换,就给倒影的天空的饱和度降低一些,然后调低不透明度

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

然后是一些细节,比如车窗上的水迹,地面白色(那个叫什么线来着。。。)部分可以擦除倒影的效果,然后楼主的效果图里还有一点点雨丝的效果,这里随意

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

Photoshop制作雨后路面效果-来自www.46ps.com

最后其他的光影细节可以自行添加,楼主这里主要讲解倒影的制作,完成效果

Photoshop制作雨后路面效果-来自www.46ps.com


分享:

设计原的发展离不开您的支持与帮助,如果您觉得设计原对您有所帮助 可以用微信扫描

相应二维码打赏设计原,赏金将全部用于网站建设

微信