页面载入中...

PS合成硝烟弥漫的城市战争场景

xingphotoshop, 2013-12-311

PS合成硝烟弥漫的城市战争场景

来源:优设网 作者:cyRotel

今天的教程是教同学们如何打造一个硝烟弥漫的城市战争场景,教程稍长,不过寻着作者的想法一路做下去,肯定会有不少的收获,特别是细节修饰和场景搭配方面,都能学到很多,同学们挑一个精力充沛的时间,来挑战一下吧。

最终效果:

先附上PSD,同学们有不懂的来看看:网盘下载

a60812a268abc3f1f5c56ddc205e5a23 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

一、创建一个大小宽度200px,高度1700px 的文件

fbf9c52ec98500e36e1f975d28bb4afa 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

接下来创建背景,你可以用画笔涂抹后添加高斯模糊,效果如下:

91618232c6505dc600fe293c0baedc34 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

2,把墙体素材拖进来,添加蒙版

7227e28581f07398283fc118906e9f1b 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

3,用黑色画笔,在蒙版上涂抹,效果如图,这时候不必担心不好看,记得涂抹墙体的边缘部分

109d4d9df2cbe1982a7311e9ca166681 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

4,将城市素材拖进来,位置如下:

4209f05b8b517a5a87f17addcea68f37 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

5,重复上一步的操作,添加蒙版,除了建筑,涂抹掉无关的景物,你可以使用套索工具作好选区再操作。

59e6a2abbfc929c7051d634f5f442959 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

6,将图层混合模式改为正片叠底

2e3f209d4f2bb34667dde08e3c9585f1 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

7,把天空素材拖进来

87a65c45188dde46b55becb5f7f03548 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

8,改图层混合模式为柔光

66c62e2614c4964d544a29ec49ba6cf8 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

9,新建一个图层,图层模式改为柔光,选择柔边黑色笔刷,把天空跟高楼的亮部都稍作涂抹,你可以将画笔的不透明度降低,或者将图层不透明度降低到40%也可以,调整效果如下:

c8d0a8c7c34eea34b607d6cf519a394f 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

10,拖进火焰素材,调整图层混合模式为柔光模式,不透明度60%,填充50%,如图

d389aa5ba756a62934bfaaa738d6b26c 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

9309246e416d3e9e4f788406b48b8bb6 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

11,为火焰图层添加高斯模糊,参数如下:

0a45b7a7dfc7611d86fe612202f2b3b1 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

12,添加另一张火焰素材,像之前一样添加蒙版,用黑色画笔调整边缘,使过渡比较和谐。

接着图层模式改为滤色,不透明度降低为50%,填充80%

141f5b1d2172be4ef2f7dd97e612763e 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

5e9ac5d787f7bdd0fa73b873ad4f278e 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

13,继续添加火焰素材,改图层模式为滤色

919d250e02683667351d5452a3a2a2e9 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

14,复制火焰图层,调整位置到墙后面,不透明度调整为55%,如下:

f908f971301411a4259ee45a8d1bc08d 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

15,把素材包的纹理拖进来,旋转180度,移到左边的墙体

6a1b6dfef4633061e8f86e896ccf2a8a 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

添加蒙版,擦掉其他部分,留下墙壁的那几个洞

6b1e900ef71d2678dced39ec1c0d775e 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

将不透明度降低为70%,如图

bafdc6b70da2067dd9ff43d7909b3d4e 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

16,将素材包的破碎效果打开(上传前名字搞错了,是破碎效果图,不是笔刷,见谅),添加到高楼上面,如图

f1b2452da84551fc91db93425b6a20d9 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

17,给城市底部添加一点雾,才有轰然坍塌的感觉,关于雾的素材,同学们自己百度就好,北京的朋友请右转出门拍个天气照(戴好口罩),找到素材后降低不透明度到满意为止,也可以用蒙版修饰一下,效果见下

a8d887b4a788efb46aa2d67972522e59 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

18,拿起笔刷,选用黄色或者橘色,给高楼顶部添加一点火焰,如下

330f49be40bd3e42db221b09703e27f3 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

继续添加大点的火焰,记得随时调整不透明度跟笔刷大小,直到效果看起来很棒了,像这样

6b6144e8bab7df7ac31f6154aacc97b0 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

好叻,真能干少年,现在开始来修饰细节,稍微考验功力唷,拿起涂抹工具,在火焰上涂抹,让效果更逼真。

11a79d7138c20b383d8a92c9f2c55f4f 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

在这个过程中,你可以新建一个图层,把不透明度降低,用柔边笔刷涂抹,直到效果越来越震撼,如图

2e001e2f483b759588103672e0346950 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

19,这一步添加阴影细节,新建一个图层,用黑色柔边笔刷,分别给高楼底部,侧部添加阴影

ea3b767d933b3f54f44709bd2bfbc6e0 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

eddea26e35e2fde4c56fc1a0027827a0 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

继续细节修饰,选择5px大小的黄色画笔,给残垣的边缘描边,制造火光映衬的效果,如下

572d048533887c2aa062b062e42c8710 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

20,把人物素材拖进来,用套索工具选出主体人物

abdcbe9055756b4b12debbabd93ecf57 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

选区搞定后,添加蒙版,就把人物抠出来了

bd3c04f6c343138c39fc2b4da2edda5b 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

21,用同样的方法抠出防毒面具,然后Ctrl + T 调整位置大小,直到适合头部(素材的防毒面具与教程不同,同学们也可以自行百度,喜欢就好)

03e8feca96d8365a38b4e01870b24bf0 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

载入警示标志的画笔,在人物的肩膀跟武器上画上标志

c19e42bd9bdabe36e9a9b4349e7696f3 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

0f7064a8464bd5d9db29305843822dd4 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

22,把子弹素材拖进来,同样用蒙版抠图,Ctrl + J 复制一个,放地上,如图

b0dafd11aa2813880e7626463b7b82bf 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

23,接下来是人物的细节修饰,打开画笔,选择一种裂痕性的笔刷,用灰色画笔,在人物的手臂上添加污渍

6266e0c466433d839dc5e3d205fcb7c6 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

46b0bb9b201d4dfa7da8685d30dc3546 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

继续用2px或者3px的柔边画笔,选择红色跟黑色,给人物添加伤痕

b56abada5090ed5a8e8ba276ee35cdea 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

用150px大小的圆形黑色柔边画笔,50%的不透明度,给人物添加阴影,如下图

66eacd0f05c4d28a6accdcfb145e9366 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

利用浅橘黄色笔刷给人物的身体添加亮部

85a114d43a09babcdaca18b3f80ac36b 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

降低不透明度,图层混合模式改为颜色减淡

6cc5bfa497974b9af667a216a2274f5c 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

用同样的给地面添加亮部,造成火光熊熊,地面也亮了的逼真效果,在这儿不透明度可以调节为40%

6be79869078655589bcb14726e040021 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

24,利用2px大小的橘色画笔,给高楼边缘添加火光

30df1e8d44596b398a4a4375c77b289c 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

同样的方法给模特添加全身发光的效果,你可以加点15px大小的高斯模糊,会越形象。

c7324edb15ca4f5ae6d3bdf4af0a7d98 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

25,把素材包的辐射标志拖进来,利用蒙版擦除多余部分,调整大小

46bf36a7193438f81fccc9c4bcc8343e 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

拖进STOP标志的素材,擦除多余部分,剩下那条金属杆子。

8f6b1ed5254ee544de45fcaecf432b00 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

移动到辐射标志的下方,然后复制一层,降低不透明度为70%

49826fb6f3ad24bf916a9026ed9be186 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

为辐射标志添加点斑驳的效果,你可以把素材的破碎图案拖一个进来,图层模式改为颜色加深,多复制几个,旋转,调整大小跟方向就好

cecd547f72849c8809e7a87dce99e6d5 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

同样用2px大小的画笔给标志描亮光的边

6ad2e21cbb19de1dc88e69480bc5a6ff 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

把素材包的「爆炸效果」图拖进来,改不透明度为90%

02072fae3101a7d925f2b87e9eaba395 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

这一步作火光的影子,复制一层「爆炸素材」的图,旋转180°,降低不透明度为55%,将离火光较远的部分用柔边画笔擦淡一点

4ab75cd86f7c3e2ab941434ce88295af 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

在模特图层下面新建一个图层,图层混合模式改为柔光,不透明度降低到70%,然后用橘色画笔给人物涂抹边缘

6af6edee2338999d33a09bb50ca9e267 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

26,现在修饰大局咯,新建一个图层,用画笔涂抹,画笔颜色如下

8f52a5625438731b5c647f76009f1489 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

涂抹效果如下

e088da492d765f482e9add3eaca52c5c 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

添加50px大小的高斯模糊

607759159e18219d6dcb5dfeda428654 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

改不透明度为60%,图层混合模式改为柔光

23add0e901ffdd244cac5727ca4dfc91 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

新建图层,填充颜色参数如下,图层混合模式改为柔光,不透明度65%

31cef08807c6c944eb70343b22c1be77 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

学完之后继续我们的教程。(CS6 以上版本才有这个功能噢),没有这个版本的同学不要放弃,最后也有讲解 : )

在图层底部新建一个颜色查找的调整图层

c85a4a9cd61c130fd525ea36becac235 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

选择「胶片质感」的光线效果,如下,然后调整不透明度为25%,填充65%

0ebf1f412a76624d7f84dd8c220d2bac 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

继续新建一个,光线效果改为青橙(不透明度和填充都填充为50%):

b66b6fbbe4f852d2f951920fe7142d22 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

如果你的版本较低,可以选择在底部新建一个曲线调整图层,形状如下

66b0b9c8ff028845664dba72a9425f2e 碉堡!手把手教你:创建硝烟弥漫的城市战争场景

最终效果

a60812a268abc3f1f5c56ddc205e5a23 碉堡!手把手教你:创建硝烟弥漫的城市战争场景


标签: PS合成

分享:

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

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

微信