今天的教程是教同學們如何打造一個硝煙彌漫的城市戰爭場景，教程稍長，不過尋著作者的想法一路做下去，肯定會有不少的收獲，特別是細節修飾和場景搭配方面，都能學到很多，同學們挑一個精力充沛的時間，來挑戰一下吧。

如果時間不夠，你可以先嘗試這個初級的扁平化圖標教程：《手把手教！用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】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：