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

如果时间不够,你可以先尝试这个初级的扁平化图标教程:《手把手教!用PS设计一枚IOS 7风格日记图标》,二十多分钟就可以完成唷。

最终效果:

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

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

效果超赞的,有心给自己一个挑战的同学先给你赞一个,移步这里下载素材(已打包):微盘下载

墙体,城市
人物
防毒面具
子弹,STOP、辐射、警示标志
天空
火焰及爆炸素材
冲击破碎效果笔刷
墙体纹理

下载完成后,我们就开始咯

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

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

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

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

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

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

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

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

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

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

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

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

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

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

7,把天空素材拖进来

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

涂抹效果如下

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

添加50px大小的高斯模糊

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

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

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

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

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

能看到这儿的同学真是不容易,那么接下来就给你介绍一个特好用的功能——颜色查找,还没接触过的同学可移步这里先学一下 《PHOTOSHOP CS6新功能“颜色查找”的更多福利》

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

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

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

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

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

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

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

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

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

最终效果

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

到此结束啦,能坚持下来的同学真不容易,为自己点个赞吧,回头想想,这个教程,你学到了什么呢?欢迎分享唷

原文地址:photoshoptutorials

本文由优设网原创翻译,转摘请注明优设网译文出处,谢谢各位亲爱的小编们 : )

================关于优设网================
“优设网uisdc.com“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
PS礼仪手册:网页设计师必须修炼的内功技法,更是不可或缺的WEB设计指南http://hao.uisdc.com/ps/
设计微博:拥有粉丝量60万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

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

点赞 1
收藏 1

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。