漸變用在插畫當中是能表現(xiàn)出光感的，利用簡單的幾何形搭配不同的漸變填色方法，我們就能實現(xiàn)出非常絢麗的景致。今天我們要繪制的就是一個比較小的風景類的圖標。繪制的過程非常簡單，最重要是要領會其中漸變的用法。

先看看效果圖：

靈感來源

自己的草圖構想

視頻播放

第一段： http://m.weike.fm/lecture/8412699

第二段：http://m.weike.fm/lecture/8415415

第三段：http://m.weike.fm/lecture/8415432

一、草圖階段

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

二、拆分基礎形

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

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

三、海面的基礎形

STEP 01

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

STEP 02

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

STEP 03

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

STEP 04

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

四、太陽和水珠的基礎形

STEP 05

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

STEP 06

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

五、填色

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

STEP 07

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

STEP 08

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

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

STEP 09

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

STEP 09

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

STEP 10

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

STEP 11

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

后記：漸變用色，關鍵是色

漸變用色，關鍵是色。講了這么多次漸變，感覺就是其實重點還是在對顏色的運用上。有些顏色過度非常自然，有些就有點怪異。我本人是很喜歡玩色彩的，平時沒事我都喜歡把顏料往紙上亂涂，所以這個還是要從喜歡入手。人家總結了那么多理論，我看過都會忘記，但是真正自己鼓搗出來的，才記得深刻，理解也杠杠噠。

我之前在和虎課那邊合作講了一系列的色彩課，非常基礎的色彩課。后來我想著自己其實也想繼續(xù)再深挖下去。設計理論的書看過不少，深以為還是老書寫得好。但是每個人吸收方式不同，關鍵是找到自己的口味。老的書不太重視運用，都是空空蕩蕩的大理論，但是非常適合我。我想大概很多干貨愛好者是看不下這類書的。所以我是個薦書無能，大家真想學習，和我一起，找找感覺，可能真是適合自己的路呢?