插畫制作，用PS設(shè)計具有漸變風(fēng)格的插畫圖標(4)

本篇教程通過PS設(shè)計具有漸變風(fēng)格的插畫圖標，整個圖片很簡潔，教程都是用PS的圖層樣式來完成的，經(jīng)常做這類練習(xí)的同學(xué)們相信已經(jīng)很熟練了，教程可以運用到許多后期設(shè)計當(dāng)中，簡潔的制作，可以用做海報或者雜志的設(shè)計，同學(xué)們可以根據(jù)來練習(xí)一下，在學(xué)習(xí)中找到樂趣，一起來看一下吧。

效果圖：

theoat.com.cn

操作步驟：

一、草圖階段

草圖階段很重要的是確定好大致的構(gòu)圖，按照一個圓形來作為畫框是非常常見的圖標的代表，當(dāng)然作為圖標有時候可大可小。但是大家應(yīng)該可以看到，這里波浪的部分是海面，而右邊的圓是太陽，上面這些分散的點就是水珠。這個景象大家應(yīng)該并不陌生。

二、拆分基礎(chǔ)形

扁平化的插畫無一不是從基礎(chǔ)形開始，保持基礎(chǔ)形的簡潔是非常重要的一步。

那我們就需要將草圖進行拆分，其實這副插畫的基礎(chǔ)形就只有兩個：圓形和波浪形。接下來我們就要考慮怎樣得到這兩個形狀，以及這兩個形狀應(yīng)該怎么組合成畫面。

三、海面的基礎(chǔ)形

STEP 01

首先，我們打開PS新建一個文檔，我這里的文檔大小設(shè)置為 1280*720px ，然后用橢圓工具畫出一個圓，這個圓形就是其中的一個基礎(chǔ)形。

STEP 02

再利用鋼筆工具來繪制波浪形。要得到這個波浪形其實有很多方法，在AI里我們可能用的是【路徑查找器】或者【形狀生成工具】，但在PS里我們用的是【蒙板】來實現(xiàn)。先繪制出波浪的上部形狀，然后下方形狀隨意，通過給這個形狀添加圓形的蒙板，它就能呈現(xiàn)我們想要的形狀。

STEP 03

這時我們可以先把色彩設(shè)置為黑白灰，將形狀安排好以后再完成填色。所以將這個波浪形放置在圓形上方，使得它們對齊。然后再復(fù)制一個波浪形，這個波浪形可以先去掉蒙板，旋轉(zhuǎn)調(diào)整以后再次添加圓形的蒙板。

STEP 04

繼續(xù)復(fù)制波浪形以完成下方的形狀效果。這就是我們構(gòu)想中的海面的效果。這時還可以繼續(xù)的進一步調(diào)整到理想狀態(tài)。

四、太陽和水珠的基礎(chǔ)形

STEP 05

太陽是圓形所以畫起來很容易，太陽光的發(fā)散這里我們可以繼續(xù)復(fù)制三個圓，每一個比原來那個大一點，這樣來制造光線往外擴的效果。

STEP 06

按照計劃增加水珠，散落整個畫面上。

五、填色

接下我們就要開始填色，首先來確定主色，比如這里我設(shè)定為藍色，那么再確定一個輔助色，比如在這里的綠色，然后漸變色可以在這兩個色彩之間過渡。藍色的飽和度和亮度比綠色稍低，這樣就容易形成光線的感覺。

STEP 07

先將漸變工具的兩端色彩設(shè)置好，這時我們要用到的是徑向漸變，先將背景進行填色。運用徑向漸變就能使中央的部分有發(fā)光的感覺(這是我們上一次講到的)。

STEP 08

波浪形的填色也是同樣，但需要注意要選中的不是原有用鋼筆工具所繪制的形狀，所以在這里要先將波浪形(也就是帶著蒙板的圖層)先轉(zhuǎn)為智能對象，再進行點選。

每個選區(qū)都才用同樣的配色，但由于是漸變填色，因此它們之間也會有比較清晰的分界。

STEP 09

最后完成整個波浪的造型。

STEP 09

太陽的顏色可以選用橙色，采用的平涂的純色。利用三個大小不等的重疊的同心圓，就能表現(xiàn)光線的感覺。下面兩個圓需要降低透明度。

STEP 10

利用白色的透明度的徑向漸變來制作水珠的效果。

STEP 11

轉(zhuǎn)為智能對象，繼續(xù)復(fù)制第一個做好的水珠，然后散布在合適的位置。

完成：

theoat.com.cn

漸變用好了，整個作品就會很自然，顏色搭配是個大學(xué)問，同學(xué)們可以學(xué)習(xí)一下色彩基礎(chǔ)知識，在后期會對自己在處理圖片上幫上大忙噢。