插畫(huà)制作，制作扁平化插畫(huà)(4)

本篇教程通過(guò)PS制作一款扁平插畫(huà)，在PS中制作插畫(huà)很多同學(xué)覺(jué)得會(huì)很難，其實(shí)插畫(huà)制作起來(lái)沒(méi)有那么的難，可能是因?yàn)槠綍r(shí)學(xué)習(xí)制作的太少，缺乏創(chuàng)造力，但是我們可以從最基本的開(kāi)始，先從現(xiàn)實(shí)場(chǎng)景中學(xué)習(xí)場(chǎng)景搭建、色彩搭配等，只要從最基本的做起，就可以制作更炫的插畫(huà)，具體還是需要同學(xué)們根據(jù)教程進(jìn)行學(xué)習(xí)。

首先來(lái)看一下效果：

搜索公眾號(hào)photoshop教程論壇，免費(fèi)領(lǐng)取自學(xué)福利

操作步驟：

步驟1 選擇場(chǎng)景參考

很多小伙伴畫(huà)插畫(huà)時(shí)總是為不知道怎樣構(gòu)建場(chǎng)景而發(fā)愁，這其實(shí)是因?yàn)槿粘７e累不夠，缺乏創(chuàng)意思維造成的，那么我們可以降低一下難度，從現(xiàn)實(shí)場(chǎng)景進(jìn)行著手創(chuàng)作。

在這里我選擇了一副建筑攝影照片，選擇的依據(jù)是首先是因?yàn)閮?yōu)秀的攝影圖片在構(gòu)圖、光影和色彩等方面已經(jīng)做的非常好，不需要我們?cè)偃ミM(jìn)行調(diào)整，其次建筑類(lèi)的元素用到了大量直線(xiàn)，對(duì)于一些鋼筆使用不熟練的小伙伴來(lái)說(shuō)不會(huì)出現(xiàn)造型方面的問(wèn)題。

步驟2 繪制基本框架

使用鋼筆工具將建筑物、植物、收件箱等畫(huà)面主要物體勾畫(huà)出來(lái)，為下一步填色和其他操作建立基礎(chǔ)。

①啟動(dòng)PS，點(diǎn)擊歡迎頁(yè)面左側(cè)的打開(kāi)按鈕，在資源管理器中找到我們需要的參考圖片后點(diǎn)擊打開(kāi)，將圖片導(dǎo)入PS內(nèi)；

②選擇鋼筆工具，調(diào)整鋼筆屬性為形狀，填充設(shè)置為無(wú)填充，描邊設(shè)置為1像素黑色；

③沿著建筑物邊緣將建筑物主體的各面勾畫(huà)出來(lái)；

④將主要元素勾畫(huà)完成后隱藏參考圖片，得到整體的基本框架；

這里需要注意的是勾畫(huà)這些元素時(shí)不要特別在意某些細(xì)節(jié)，因?yàn)槲覀儎?chuàng)作的風(fēng)格偏向簡(jiǎn)潔，過(guò)多細(xì)節(jié)會(huì)使頁(yè)面非常混亂，同時(shí)也會(huì)對(duì)后期操作帶來(lái)不便。

步驟3 確定基本明暗關(guān)系

有了基本框架后我們需要利用黑白灰對(duì)其進(jìn)行大面積填色，這樣做不僅可以更好地區(qū)分各個(gè)元素，也可以為其確定基本的明暗關(guān)系。雖然我們的插畫(huà)是扁平風(fēng)格，但是適當(dāng)添加一些明暗關(guān)系可以使畫(huà)面更加富有層次。

①使用路徑選擇工具，選中一個(gè)圖形，關(guān)閉描邊，為其填充灰色；

②選擇其他圖形，以此完成類(lèi)似操作，得到整體的明暗關(guān)系；

步驟4 為主要物體填色

有了基本的明暗關(guān)系接下來(lái)我們對(duì)其進(jìn)行進(jìn)一步的上色處理。首先我們選擇其固有色，適當(dāng)調(diào)整一下飽和度和明度作為基本色，然后使用漸變模式按照光照方向?qū)R進(jìn)行填色。

①使用路徑選擇工具選中圖形，點(diǎn)擊左上角屬性欄中的填充，選擇漸變填充；

②雙擊漸變條上的色標(biāo)，用吸管工具吸取圖片中相對(duì)應(yīng)部分的顏色；

③在拾色器中調(diào)整剛才吸取顏色的明度和飽和度，沿著物體表面光照方向填充漸變色；

④草地、臺(tái)階等光線(xiàn)變化不明顯的地方使用純色填充即可；

對(duì)于配色不太好的小伙伴我建議大家最好能夠選擇一些色彩感比較強(qiáng)的圖片作為參考，這是學(xué)習(xí)配色的一種非常好的方法。

這里需要注意的地方也是不要過(guò)于在意細(xì)節(jié)，同類(lèi)型的材質(zhì)盡量使用相同色相，飽和度和明度的差異也不要過(guò)大，盡量減少顏色的使用，保證畫(huà)面的簡(jiǎn)潔。

步驟5 優(yōu)化背景天空

現(xiàn)在我們已經(jīng)把建筑物的主體處理完畢，接下來(lái)重點(diǎn)刻畫(huà)一天背景部分的天空。

①選中天空?qǐng)D形，填充線(xiàn)性漸變色，色值分別為#F8EA6A和#FF2116;

②選擇鋼筆工具，在天空左側(cè)創(chuàng)建三角形作晚霞，顏色填充#FE8F70，復(fù)制兩次，調(diào)整大小至于畫(huà)面右側(cè)，設(shè)置透明度為65%左右；

③再次使用鋼筆工具創(chuàng)建一個(gè)較小的三角形，向下移動(dòng)上部錨點(diǎn)將其壓扁，顏色填充#FE8F70，設(shè)置透明度100%；

前面的建筑和植物我們使用了大量的冷色，為了突出主體我們選擇紅和黃的暖色作為天空的背景色，適當(dāng)?shù)奶砑右恍┰撇首鳛檠b飾，不至于太過(guò)空洞。

步驟6 添加雜色紋理

到這里我們的插畫(huà)已經(jīng)基本完成了，但是建筑物表面看起來(lái)很光滑，所以我們可以在整個(gè)畫(huà)面上添加一些噪點(diǎn)，使其更加有質(zhì)感。

①點(diǎn)擊鍵盤(pán)D鍵將前景色和背景色設(shè)置為默認(rèn)黑白，點(diǎn)擊X鍵切換背景色和前景色；

②新建空白圖層，點(diǎn)擊OPTION+DELETE鍵填充為黑色；

③選擇濾鏡-雜色-添加雜色；

④數(shù)量建議設(shè)置為50%一下，選擇平均分布和單色，點(diǎn)擊確定；

⑤設(shè)置雜色圖層的混合模式為柔光；

柔光模式可以讓雜色圖層更自然地融進(jìn)插畫(huà)了，并且會(huì)讓整個(gè)畫(huà)面對(duì)比度更強(qiáng)，看起來(lái)更加有質(zhì)感。

用PS制作插畫(huà)并沒(méi)有那么難，很多同學(xué)覺(jué)得比較難是因?yàn)槠綍r(shí)練習(xí)和接觸的這個(gè)較少，只要發(fā)散思維，就可以制作更炫的插畫(huà)。