前言：插畫設(shè)計(jì)是現(xiàn)在比較流行的設(shè)計(jì)風(fēng)格之一，以致于很多平面設(shè)計(jì)師紛紛加入了學(xué)習(xí)插畫的行列，其中不乏很多不會(huì)美術(shù)、沒有繪畫基礎(chǔ)的設(shè)計(jì)師。但是插畫本身是非常系統(tǒng)的體系，如果簡(jiǎn)簡(jiǎn)單單的學(xué)習(xí)就可以入門，那么插畫師就不會(huì)這么稀有了。那么學(xué)習(xí)插畫怎么入門呢？尤其是對(duì)于不會(huì)美術(shù)和沒有繪畫基礎(chǔ)的設(shè)計(jì)師，今天分享的內(nèi)容會(huì)對(duì)你有不小的幫助。

當(dāng)下大部分設(shè)計(jì)都有一個(gè)共同的問題：同類型產(chǎn)品，不管是操作還是視覺上，差異化很小。這是因?yàn)楸馄交旧砗茈y做出差異化，所以經(jīng)過幾年的沉淀，衍生出插畫設(shè)計(jì)。

早期插畫設(shè)計(jì)并不如現(xiàn)在這樣大面積使用，只在引導(dǎo)頁和空頁面等地方使用。如今，插畫廣泛應(yīng)在移動(dòng)端和pc端上，既體現(xiàn)品牌獨(dú)特標(biāo)示，而且對(duì)用戶的接受程度也非常高，幾乎沒有人會(huì)討厭插畫的存在，這也是為什么當(dāng)下很多產(chǎn)品運(yùn)營頁大量運(yùn)用插畫的原因之一。

說到插畫設(shè)計(jì)的流行，是比較為難設(shè)計(jì)師的，不是所有公司都是BAT，會(huì)有專門的插畫師來進(jìn)行大量的視覺美化，大部分公司不會(huì)單獨(dú)招聘一位插畫師來任職，所以這種風(fēng)格的制作就會(huì)延伸到公司的平面設(shè)計(jì)師者ui設(shè)計(jì)來執(zhí)行。

一天之內(nèi)你需要完成一幅畫

工作當(dāng)中，我們可能需要完成引導(dǎo)頁，運(yùn)營頁，或banner，今天或幾天之內(nèi)完成，對(duì)于沒有學(xué)過美術(shù)，又需要畫插畫的設(shè)計(jì)師來說，是一個(gè)需要面對(duì)的問題。

設(shè)計(jì)師的插畫方法

傳統(tǒng)方法手繪，需要長(zhǎng)時(shí)間的練習(xí)，質(zhì)量是隨練習(xí)時(shí)間提升，練習(xí)時(shí)間越長(zhǎng)，效果越好。

而設(shè)計(jì)師往往需要快速實(shí)現(xiàn)，手繪雖好，但時(shí)間成本會(huì)高，所以我總結(jié)了一套方法，可以讓設(shè)計(jì)師在幾天內(nèi)做出質(zhì)量較高的插畫。

學(xué)會(huì)分析

學(xué)習(xí)之前，要先提升一下大家的分析力，學(xué)習(xí)分析優(yōu)秀作品，提取設(shè)計(jì)路徑，是成長(zhǎng)和提高的關(guān)鍵。

以上兩組圖片是比較有代表性的“設(shè)計(jì)師插畫”，以建筑為元素，描繪風(fēng)景，用1分鐘，找出2個(gè)共通點(diǎn)。

上圖藍(lán)色區(qū)域?yàn)榛A(chǔ)圖形，大都是圓角矩形和橢圓形，右圖紅色區(qū)域?yàn)椴灰?guī)則形狀，通過鋼筆可以快速形成，難度也非常低。這里，我們總結(jié)一下這種插畫的特點(diǎn)。

圖形幾何化：圖中展示效果偏向手繪，但圖形勾出大多是用基本幾何體，整體圖形更加規(guī)律，各元素間產(chǎn)生呼應(yīng)。

顏色統(tǒng)一化：顏色的主色調(diào)會(huì)保證在幾種之內(nèi)，第一眼看到就可判斷出主色，這可以用戶群體一個(gè)深刻的印象。

以上2點(diǎn)是可以概括當(dāng)下比較流行的插畫類型，接下來就是整體的設(shè)計(jì)思路。

《四利原則》是我針對(duì)0基礎(chǔ)插畫設(shè)計(jì)的一個(gè)思路，從構(gòu)思到實(shí)現(xiàn)4個(gè)步驟。下面用一副我設(shè)計(jì)的插畫《日式一角》，來做今天的案例。

這個(gè)插畫的難度不高，整體構(gòu)思到落地是用了不到一天時(shí)間，因?yàn)榈谝淮螄L試這種風(fēng)格才耽誤了，不然時(shí)間會(huì)更短。

第一點(diǎn)是前期準(zhǔn)備工作，也就是整理素材。這里需要確定方向，尋找一切所需要的圖片，獲取靈感，可以在百度搜索關(guān)鍵詞，攝影圖，繪畫圖或者三維游戲里的截圖都可以。

找圖的時(shí)候，一定確定好主題，比如我做的是酒館，就要搜日本酒館，或者日本小館，精確的搜索，會(huì)讓你節(jié)省大量時(shí)間。

選擇有代表性的內(nèi)容——比如日式木欄，黑白色門簾，紅色布簾，日式燈籠等等。

當(dāng)找到合適的素材之后，要確定構(gòu)圖方式——《日式一角》，使用的對(duì)稱構(gòu)圖法，中間放置重點(diǎn)元素，兩邊留出空間。

為什么要用先要構(gòu)圖？先構(gòu)圖可以突出高、寬、深之間的關(guān)系，加強(qiáng)主題，增強(qiáng)感染力。構(gòu)圖處理是否得當(dāng)，是否新穎，是否簡(jiǎn)潔，對(duì)于作品的成敗關(guān)系很大。對(duì)稱式構(gòu)圖可以使畫面布局更加規(guī)整，也可以保留視覺焦點(diǎn)。左右對(duì)稱也會(huì)讓畫面形成對(duì)等的視覺效果，讓空間布局更加合理。

如果是banner設(shè)計(jì)或活動(dòng)頁，通常需要留出文字區(qū)域，這里可選用九宮構(gòu)圖法，在左上角或者左下角的位置，留出留白部分，讓文字更好的展示，以防畫面對(duì)文字產(chǎn)生影響。

構(gòu)圖法的種類還有很多，這里今天就不在介紹了。要提醒的是，構(gòu)圖法需要長(zhǎng)時(shí)間練習(xí)，并不一定要先確定，可以在執(zhí)行的過程中進(jìn)行修改。

利用軟件功能構(gòu)建輪廓

已經(jīng)有了素材之后，我們將圖片放置在畫布之內(nèi)，最好選擇可以勾畫的素材圖形。這里，我選擇的樣式很簡(jiǎn)單，欄桿式窗戶，右側(cè)為常見窗簾，中間為日本燈籠，基本大體構(gòu)圖就確定了。

通過圖形工具，給場(chǎng)景進(jìn)行基本構(gòu)建。操作過程當(dāng)中，遇到和設(shè)想效果不同的問題，比如設(shè)想中，做一個(gè)精致吉祥物，難度比預(yù)想要高，這時(shí)候建議整體搭配，選擇可替代的物品從新設(shè)計(jì)，盡量避免出現(xiàn)某一元素反復(fù)修改的現(xiàn)象，先大體,在細(xì)致局部設(shè)計(jì)。

設(shè)計(jì)的同時(shí)，把色調(diào)給預(yù)設(shè)好，畫面當(dāng)中的房子大多數(shù)是胡桃木色的暗色調(diào)，顏色上要有亮度。

利用特殊材質(zhì)確定風(fēng)格

圖形設(shè)計(jì)后，開始考慮材質(zhì)的變化。因?yàn)橐o整體添加真實(shí)感，木紋是最適合的素材，木紋效果畫起來很難，用素材疊加可以解決。

選好素材以后，通過圖片疊加到對(duì)應(yīng)的位置上，讓紋理效果更真實(shí)。并不是所有元素都要用素材疊加，大部分還是要進(jìn)行圖形勾繪，圖形實(shí)現(xiàn)不了，在考慮素材。

這一步要再次整理整體的顏色統(tǒng)一，盡量讓顏色看起來少一些。設(shè)計(jì)當(dāng)中，顏色越多難度越大，所以顏色的使用通常會(huì)少一些，先確定一些大色調(diào)。

利用噪點(diǎn)遮罩提高藝術(shù)性

當(dāng)完成整個(gè)效果后，目前還是扁平效果，這一步，就化腐朽為神奇，利用筆刷，來實(shí)現(xiàn)從圖形到畫像的轉(zhuǎn)變。在這里，使用的是ps2018自帶的筆刷，（KYLE額外厚實(shí)炭筆）這個(gè)筆刷的好用之處是讓人驚嘆的，可以通過簡(jiǎn)單的涂抹，讓簡(jiǎn)單的東西，做出層次，

在涂抹的過程當(dāng)中，要確定好光源位置。比如左上方是常用的光源，我們就設(shè)定為左上方，元素涂抹的時(shí)候，左邊為亮色，右邊為暗色，如果想要效果好，可以多添加幾層。

當(dāng)整體畫面解決完成的時(shí)候，要整體審視一遍，盡量讓畫面多一些“生物”。因?yàn)檫@樣能讓畫面生活感更加強(qiáng)烈，比如貓狗魚鳥等，這幅作品當(dāng)中，就增加了一個(gè)打瞌睡的貓，讓生活氛圍更加強(qiáng)烈。

到此，整體元素已經(jīng)勾繪好，設(shè)定發(fā)生時(shí)間為下午，所以光源也是重點(diǎn)，我們給整體添加一個(gè)斜面，顏色選擇為暗色，用畫筆涂抹,最終達(dá)到了今天所看到的圖像。

結(jié)語

本篇插畫完成過程當(dāng)中，大部分是用圖形工具來實(shí)現(xiàn)的，小元素可使用鋼筆工具。前期一定要考慮好構(gòu)圖比例，如設(shè)計(jì)引導(dǎo)頁，更適合中心構(gòu)圖法，要考慮文字的放置區(qū)域。

對(duì)于沒有手繪和美術(shù)基礎(chǔ)的朋友來說這是一篇非常實(shí)用的教程，能幫助快速實(shí)現(xiàn)插畫設(shè)計(jì)。