大家好，我是烏魚哥。我一直在做營銷設(shè)計，目前主要是做針對B2B的營銷設(shè)計，處理頁面設(shè)計的時候，經(jīng)常需要繪制體現(xiàn)業(yè)務(wù)場景的插畫，篇幅比較大但是制作周期都是十分緊張，一般預(yù)留1-3天左右的繪圖時間，在工作的時候會不斷的去總結(jié)設(shè)計方法，不斷的提升自己的效率，保證需求高效高質(zhì)的完成，今天和大家分享一下十分容易出效果的大場景漸變插畫技巧

漸變插畫在營銷設(shè)計、UI設(shè)計中都十分的流行，應(yīng)用場景廣泛，在營銷設(shè)計中開機(jī)屏等氛圍圖以及主視覺，ui界面中icon、空白頁、提示頁等應(yīng)用，漸變插畫可以讓畫面更加豐富，不在單一，漸變插畫看似復(fù)雜，只要處理方法得當(dāng)，其實(shí)十分容易上手，我在處理漸變插畫的時候會按照3個步驟去處理：

1、構(gòu)圖設(shè)定

2、配色選定

3、細(xì)節(jié)刻畫

我根據(jù)之前做的營銷項(xiàng)目進(jìn)行逐步分解一下繪畫方法(我在文章中配有了解析圖，可以更好的理解步驟)，這張圖主要是展示業(yè)務(wù)場景，包含了主要的橫向行業(yè)，分別是進(jìn)口、服裝、新零售、非消，運(yùn)輸場景，總長4000像素*500像素一共耗時一個工作日，主要當(dāng)時是同時進(jìn)行其他項(xiàng)目，在繪制買手節(jié)的描邊插畫(下一次會分享描邊插畫的技巧)，只繪制這一副的話，大概半個工作日就可以了，言歸正傳進(jìn)入技巧講解

01 構(gòu)圖設(shè)定

很多小伙伴在構(gòu)圖的時候，不知道如何下手，我來告訴大家小竅門，我首先會從兩個緯度把畫面拆分，一是從畫面節(jié)奏感來繪制草稿，畫面主要是建筑為主，高低起伏的節(jié)奏感要把握好，這樣畫面才有韻律感，畫面更具生動，首先確定畫面左右兩邊建筑為視覺高點(diǎn)，中間位置為視覺低點(diǎn)，中心點(diǎn)的旁邊在安排一個視覺高點(diǎn)，讓視覺中心放在畫面的中心位置，畫面的空余部分就按照高低高的節(jié)奏來安排(高點(diǎn)不能超過兩側(cè)的高點(diǎn)，低點(diǎn)圍繞中心位置的低點(diǎn)展開)。這個原理和樂譜的原理一樣，具有韻律才能產(chǎn)生悅耳的聲音。畫面是一個長方形，需要通過建筑物的高低起伏，將畫面合理的分割，產(chǎn)生視覺的舒適度。

請點(diǎn)擊查看大圖

確定好了畫面節(jié)奏感，接下來從空間角度分析，將畫面分為前景、中景、背景。前景主要是核心內(nèi)容的展示，要直接的表達(dá)主題，傳遞核心思想、中景主要是裝飾，可以采用一些圖形元素豐富前景和渲染氣氛，背景層采用大塊的幾何圖形去點(diǎn)綴，提升畫面的整體性，將前景、中景的元素貫穿起來，讓畫面豐富但不會雜亂。

前景

中景

背景

畫面的左右韻律關(guān)系、前后空間關(guān)系確定好了，開始上色。

02 配色選定

這個時候會有小伙伴問為什么開始繪制用黑白灰的顏色，主要是為了確定畫面的顏色比重，光影的關(guān)系，這樣會讓扁平風(fēng)也有空間關(guān)系，提升效率。

我們首先確定畫面的主色調(diào)，這個就要根據(jù)主題來確定，此次畫面主要是體現(xiàn)春夏季節(jié)的，所以用色上采用紅色和黃色為主，為了保證畫面顏色不會過暖，需要增加一些冷色去平衡畫面的冷暖關(guān)系，輔助冷色系選為藍(lán)、紫色，藍(lán)紫色和黃紅色是互補(bǔ)色，組合在一起會讓畫面和諧，如果添加綠色，把控不好就需要反復(fù)的調(diào)整(這也是配色節(jié)省時間的小竅門，不要緊急任務(wù)中去嘗試自己不能百分百把控的設(shè)計)，輔助背景色需要采用和主色系相同色系的顏色，但是色彩的飽和度不要超過主體顏色，顏色采用粉色系為主，從桃紅漸變到淡粉色。確定好顏色后，根據(jù)黑白稿的明暗關(guān)系、空間前后關(guān)系層添加的顏色就好。

這里還要強(qiáng)調(diào)幾個配色容易出現(xiàn)的幾個誤區(qū)，漸變色不是從一個顏色的亮色漸變到暗色，不是亮部不斷的增加白色、暗部不斷的加深，這樣的漸變色會變的很臟。而是從一個顏色漸變到臨近的色系，這樣可以讓畫面，看上去視覺沖擊力更強(qiáng)更舒適。

在選取顏色的時候不要去選擇拾色器暗色和亮白色部分，而是選取飽和度高的色彩范圍，主要是選取下圖藍(lán)色圈區(qū)域的顏色

03 刻畫細(xì)節(jié)

在空間構(gòu)圖、顏色填充進(jìn)行完之后，再進(jìn)行細(xì)節(jié)刻畫、陰影的調(diào)整，細(xì)節(jié)刻畫為了讓畫面更加的豐富和細(xì)致，刻畫也是有技巧，在物體的亮面增加一個飽和度、明度更高的色塊，暗部添加反光色塊，會讓物體更加的有質(zhì)感，可以看一下添加和沒有添加的對比圖。

在物體上面增加一些機(jī)理或者小的裝飾，可以打破基本形體的呆板、豐富畫面。

調(diào)整完細(xì)節(jié)，整幅畫面就繪制完了!可以根據(jù)這個步驟舉一反三的進(jìn)行繪制，不管是扁平漸變插畫還是立體的漸變插畫，都可以高效高質(zhì)的處理好!

是不是感覺很簡單，就和把大象放進(jìn)冰箱的步驟一樣簡單，那就分享給身邊的小伙伴!一起進(jìn)步!

平面漸變插畫

立體漸變插畫

banner中的應(yīng)用

ICON 應(yīng)用

下期我會和大家分享一下描邊插畫的快速繪制的技巧。

最后送上“烏·魚·說”給大家的祝福：大勇者直面內(nèi)心疑問，正因如此，才可以更篤定的期待美好之事的降臨。

【烏·魚·說】

不想高談闊論，只想和你促膝而談，以設(shè)計實(shí)踐經(jīng)驗(yàn)交流為主的公益圈子，每期我們將邀請一位嘉賓與大家聊聊工作實(shí)踐中的那些事，不容錯過你值得擁有。