本教程主要使用Photoshop設計時尚的漸變主題風格圖标，整體的效果非常的簡潔，都是用PS的圖層樣式來完成，推薦給朋友學習，希望大家可以喜歡。

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

先看看效果圖：

一、草圖階段

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

二、拆分基礎形

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

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

三、海面的基礎形

STEP 01

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

STEP 02

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

STEP 03

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

STEP 04

繼續複制波浪形以完成下方的形狀效果。這就是我們構想中的海面的效果。這時還可以繼續的進一步調整到理想狀态。

四、太陽和水珠的基礎形

STEP 05

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

STEP 06

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

五、填色

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

STEP 07

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

STEP 08

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

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

STEP 09

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

STEP 09

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

STEP 10

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

STEP 11

轉為智能對象，繼續複制第一個做好的水珠，然後散布在合适的位置。

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

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

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

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!