矢量效果,設計一張插畫風格海報

2022-12-26 07:34:54 來源/作者: / 己有:16人學習過
分析矢量插畫效果的海報制作步驟,本期教程顏色疊加圖層樣式及其混合模式的應用是重點。有興趣學習的同學可以跟著一起練習一下。做完記得交作業。


教程素材下載:http:///photoshop/sucai/2015/f682232.html
矢量效果,設計一張插畫風格海報

第一步:畫面構思,先確定我們想做的畫面是什么樣的,可以先用草圖的形式表現出來。
(只是個大概就好,能準確表達想法即可)

矢量效果,設計一張插畫風格海報
第二步:根據藍圖去百度搜索圖片
(實在找不到的圖片,也可以用其他元素來代替)

矢量效果,設計一張插畫風格海報

第三步:接下來我們把用到的圖片摳出來,如下圖所示拼成我們預想的構圖
(因為后期是要處理成矢量風格的插畫,所以像僵尸這里有個外形即可)

矢量效果,設計一張插畫風格海報
第四步:正餐到了,我們在處理圖片之前,先在頂部添加黑白調色層
(因為我們是把圖片處理成矢量樣式,且顏色是我們最后單加上去的,所以這里把整個PSD先處理成黑白樣式,方便我們調整矢量化后的陰暗關系)

矢量效果,設計一張插畫風格海報
第五步:先從中景的人物開始,對其添加顏色疊加圖層樣式,且設置混合模式為亮光,產值如下圖,然后再用白色畫筆涂出一些亮部的細節。
(從中景人物出發是因為它是畫面的中心視覺,先確定下它的明暗關系,然后已它為參考再去調整其它圖層)

矢量效果,設計一張插畫風格海報
第六步:我們繼續處理地面,對其添加顏色疊加圖層樣式,混合模式設置為線性加深,顏色設置如下圖,這里處理完仍然覺得地面不夠暗,所以又增加了一個黑色透明層。

矢量效果,設計一張插畫風格海報
第七步:再來處理前景的僵尸和植物,對它兩添加顏色疊加樣式,混合模式為正常,因為這里離太陽的光源最遠,且又是逆光,所以直接純黑色值即可。

矢量效果,設計一張插畫風格海報
第八步:到這里,前中景就差樹還沒有處理了,對其添加和之前處理人物一樣的顏色疊加模式,如下圖。

矢量效果,設計一張插畫風格海報
第九步:繼續處理遠景的城市,對其添加顏色疊加圖層樣式,混合模式為強光,顏色設置如下圖,因為是處理成矢量插畫的感覺,不能用模糊來制作景深,這里則通過調整城市的透明度為32,來表現遠景。

矢量效果,設計一張插畫風格海報
第十步:接下來對天空也添加顏色疊加圖層樣式,混合模式為點光,顏色設置如下圖。需要注意的是,由于之前改變了城市的透明度,使得天空圖層里的樹透了出來,并影響了景深的層次,所以這里進行二次處理,用仿制圖章進行修補。

矢量效果,設計一張插畫風格海報
第十一步:我們再把直升機處理下,并加個落日,整個畫面加個暗角,黑白插畫基本就完成了,先對直升機添加顏色疊加圖層樣式,混合模式為強光,顏色如下圖:

矢量效果,設計一張插畫風格海報
第十二步:最后,我們在圖層頂層添加一個漸變映射,來給畫面上色,并調整畫面亮度/對比度,漸變映射如下圖:

矢量效果,設計一張插畫風格海報
亮度/對比度如下圖:

矢量效果,設計一張插畫風格海報
再加上SLOGAN,大功告成。

矢量效果,設計一張插畫風格海報
本期教程,顏色疊加圖層樣式及其混合模式的應用是重點喲。
各步驟效果:
矢量效果,設計一張插畫風格海報

上一篇:利用PhotoShop制作水面材質

下一篇:舞者