矢量效果，設(shè)計(jì)一張插畫(huà)風(fēng)格海報(bào)

教程素材下載：http:///photoshop/sucai/2015/f682232.html


第一步：畫(huà)面構(gòu)思，先確定我們想做的畫(huà)面是什么樣的，可以先用草圖的形式表現(xiàn)出來(lái)。
（只是個(gè)大概就好，能準(zhǔn)確表達(dá)想法即可）

第二步：根據(jù)藍(lán)圖去百度搜索圖片
（實(shí)在找不到的圖片，也可以用其他元素來(lái)代替）

第三步：接下來(lái)我們把用到的圖片摳出來(lái)，如下圖所示拼成我們預(yù)想的構(gòu)圖
（因?yàn)楹笃谑且幚沓墒噶匡L(fēng)格的插畫(huà)，所以像僵尸這里有個(gè)外形即可）

第四步：正餐到了，我們?cè)谔幚韴D片之前，先在頂部添加黑白調(diào)色層
（因?yàn)槲覀兪前褕D片處理成矢量樣式，且顏色是我們最后單加上去的，所以這里把整個(gè)PSD先處理成黑白樣式，方便我們調(diào)整矢量化后的陰暗關(guān)系）

第五步：先從中景的人物開(kāi)始，對(duì)其添加顏色疊加圖層樣式，且設(shè)置混合模式為亮光，產(chǎn)值如下圖，然后再用白色畫(huà)筆涂出一些亮部的細(xì)節(jié)。
（從中景人物出發(fā)是因?yàn)樗钱?huà)面的中心視覺(jué)，先確定下它的明暗關(guān)系，然后已它為參考再去調(diào)整其它圖層）

第六步：我們繼續(xù)處理地面，對(duì)其添加顏色疊加圖層樣式，混合模式設(shè)置為線性加深，顏色設(shè)置如下圖，這里處理完仍然覺(jué)得地面不夠暗，所以又增加了一個(gè)黑色透明層。

第七步：再來(lái)處理前景的僵尸和植物，對(duì)它兩添加顏色疊加樣式，混合模式為正常，因?yàn)檫@里離太陽(yáng)的光源最遠(yuǎn)，且又是逆光，所以直接純黑色值即可。

第八步：到這里，前中景就差樹(shù)還沒(méi)有處理了，對(duì)其添加和之前處理人物一樣的顏色疊加模式，如下圖。

第九步：繼續(xù)處理遠(yuǎn)景的城市，對(duì)其添加顏色疊加圖層樣式，混合模式為強(qiáng)光，顏色設(shè)置如下圖，因?yàn)槭翘幚沓墒噶坎瀹?huà)的感覺(jué)，不能用模糊來(lái)制作景深，這里則通過(guò)調(diào)整城市的透明度為32，來(lái)表現(xiàn)遠(yuǎn)景。

第十步：接下來(lái)對(duì)天空也添加顏色疊加圖層樣式，混合模式為點(diǎn)光，顏色設(shè)置如下圖。需要注意的是，由于之前改變了城市的透明度，使得天空?qǐng)D層里的樹(shù)透了出來(lái)，并影響了景深的層次，所以這里進(jìn)行二次處理，用仿制圖章進(jìn)行修補(bǔ)。

第十一步：我們?cè)侔阎鄙龣C(jī)處理下，并加個(gè)落日，整個(gè)畫(huà)面加個(gè)暗角，黑白插畫(huà)基本就完成了，先對(duì)直升機(jī)添加顏色疊加圖層樣式，混合模式為強(qiáng)光，顏色如下圖：

第十二步：最后，我們?cè)趫D層頂層添加一個(gè)漸變映射，來(lái)給畫(huà)面上色，并調(diào)整畫(huà)面亮度/對(duì)比度，漸變映射如下圖：

亮度/對(duì)比度如下圖：

再加上SLOGAN，大功告成。

本期教程，顏色疊加圖層樣式及其混合模式的應(yīng)用是重點(diǎn)喲。
各步驟效果：