一、開(kāi)篇

本篇文章主要針對(duì)于小白及插畫(huà)小白，在剛剛就業(yè)設(shè)計(jì)職業(yè)的道路上多一些設(shè)計(jì)方法，讓工作不再困難。當(dāng)然，在比較熟練技巧后，不要一直依賴于此，要以擴(kuò)展的方式繼續(xù)深入學(xué)習(xí)才會(huì)提高。

PS各版本軟件安裝包及視頻教程：http://zyku666.com/16793.html?id=hkgkg%676ff

二、對(duì)于插畫(huà)工具的認(rèn)知

插畫(huà)的風(fēng)格多種多樣，插畫(huà)繪畫(huà)的工具就可以分為三種：鼠繪、板繪、ipad繪；為什么重點(diǎn)說(shuō)工具呢，我想很多小白也跟我想的一樣，我也是小白，不是專業(yè)出身，對(duì)于剛剛接觸插畫(huà)，一片茫然，只知道筆和紙，并不了解怎樣在電腦上繪制。這里跟同學(xué)們建議，如果你是入門(mén)UI或者平面，對(duì)于插畫(huà)不需要太過(guò)于深入，可以先選擇鼠繪學(xué)習(xí)。

那么這三種都怎么樣，到底怎么選擇呢？

第一個(gè)就是鼠繪，鼠繪入門(mén)比較低，不需要額外投入，一個(gè)鼠標(biāo)，用PS或者AI就可以繪畫(huà)，但是適合于繪制扁平化插畫(huà)，（下面會(huì)介紹幾種常見(jiàn)插畫(huà)類(lèi)別）。

第二種板繪，板繪是插畫(huà)師的必備，是所有畫(huà)師最專業(yè)的設(shè)備，當(dāng)然板繪需要買(mǎi)一個(gè)相對(duì)好一些的，比如影拓啊之類(lèi)，專業(yè)板子價(jià)格一般都在一千以上。對(duì)于板子的運(yùn)用，零基礎(chǔ)的同學(xué)可能不適合馬上運(yùn)用，需要熟悉并且學(xué)習(xí)一段時(shí)間，畢竟看著電腦，在板子上繪畫(huà)，一開(kāi)始會(huì)不太習(xí)慣。

第三種Ipad，就更不用說(shuō)了，需要投入買(mǎi)一個(gè)，建議大家一定要買(mǎi)pro系列，因?yàn)閜ro系列會(huì)有配套的筆，其他的ipad的筆都不是蘋(píng)果原廠，用起來(lái)很不舒服。對(duì)于專業(yè)性來(lái)說(shuō)，雖然沒(méi)有板繪專業(yè)，但也適用于商業(yè)插畫(huà)的繪制，學(xué)習(xí)成本低，只需要稍微熟悉一下軟件用法就可以（ipad軟件于PS不同，但相似），畫(huà)起來(lái)的手感跟紙筆繪畫(huà)一樣。

三、插畫(huà)種類(lèi)

對(duì)于三種不同的設(shè)備來(lái)說(shuō)，有多種插畫(huà)種類(lèi)，但咱們今天主要針對(duì)的是對(duì)插畫(huà)方向的小白同學(xué)，所以主要說(shuō)一下我個(gè)人總結(jié)的一部分鼠繪插畫(huà)種類(lèi)。

在比較短的時(shí)間內(nèi)能夠用鼠繪方式繪制出來(lái)的大概總結(jié)了這幾種，首先最常見(jiàn)的就是漸變的插畫(huà)，這副插畫(huà)大概制作時(shí)間在半個(gè)工作日左右。

第二種線性插畫(huà)，在實(shí)景建筑圖片基礎(chǔ)上運(yùn)用線條的方式繪制出輪廓，達(dá)到想要的效果。

第三種，我給起名線面插畫(huà)，意思就是利用粗描邊的方式繪制輪廓，再進(jìn)行填色，適用于比較清新的顏色風(fēng)格。

第四種，應(yīng)用最廣的噪點(diǎn)插畫(huà)，本身在第一幅插畫(huà)的基礎(chǔ)上加入噪點(diǎn)，形成更深的層次感覺(jué)，在后面我會(huì)介紹一些噪點(diǎn)的畫(huà)法。

第五種，手繪和鼠繪的結(jié)合。如果小伙伴們有時(shí)間，就可以利用這個(gè)方法，在板子或ipad上先把喜歡的插畫(huà)畫(huà)出來(lái)，再導(dǎo)入PS里進(jìn)行顏色調(diào)整和文字排版。

當(dāng)然鼠繪畫(huà)法不局限于這幾種，這里只是舉例子比較常見(jiàn)的，大家可以多嘗試其他方法。

對(duì)于板繪和ipad繪制風(fēng)格，有多種多樣，比如卡通畫(huà)法、厚涂、美式畫(huà)風(fēng)等等，建議大家把鼠標(biāo)繪畫(huà)練習(xí)熟練之后再深入學(xué)習(xí)。

四、案例-雪山插畫(huà)

接下來(lái)進(jìn)入主題案例教學(xué)，今天首先給大家?guī)?lái)的是，雪山插畫(huà)，景物照片轉(zhuǎn)插畫(huà)的過(guò)程。對(duì)于我個(gè)人來(lái)說(shuō)，畫(huà)這一副需要3~4個(gè)小時(shí)，初學(xué)者可以選擇照片比較簡(jiǎn)單的開(kāi)始練起。

那么我們開(kāi)始。

1.第一步就是選圖

有很多小伙伴問(wèn)我，從網(wǎng)上截取的圖片，自己畫(huà)成插畫(huà)，有版權(quán)嗎？如果擔(dān)心，還是自己拍更好一些，或者，幾張圖片結(jié)合著畫(huà)，就是這里的一棵樹(shù)，那里的一個(gè)小房子，這樣的。當(dāng)然，這種畫(huà)法是照片→插畫(huà)，并不是去抄別人的插畫(huà)。

選圖最好從比較簡(jiǎn)單的圖片選起，一般山水，比較容易學(xué)起，這類(lèi)的線條較少，水波倒影很美，也很容易排版。

2.第二步，觀察

選好圖后要進(jìn)行觀察，因?yàn)榫拔飯D一般都是由遠(yuǎn)景到近景一系列組成，為什么要觀察這些呢？這樣有助于我們建立圖層，畫(huà)插畫(huà)的先后順序。

要注意，從遠(yuǎn)到近，從上到下去觀察。比如，從上，天空、太陽(yáng)如果沒(méi)有，可以選擇加或不加，白云；從遠(yuǎn)，遠(yuǎn)處的山，近處的山、房屋后面的樹(shù)、房屋、房屋前面的雪、雪前面的樹(shù)；再往下，就是水，加倒影。

這里要注意，在觀察之后，要選擇，哪些是可以省略掉不畫(huà)的，因?yàn)楸馄交瀹?huà)，是一些大的色塊組合而成，不是寫(xiě)實(shí)一樣細(xì)致，畫(huà)面物體零散的太多反而會(huì)影響整體，所以要抓住重點(diǎn)來(lái)畫(huà)。就比如房子前雪的前面那些樹(shù)枝，加上會(huì)不會(huì)覺(jué)得有點(diǎn)亂，不如省去；再或者，如果遠(yuǎn)處的山太多，是不是可以簡(jiǎn)略一些。

選擇好需要畫(huà)的主體后，開(kāi)始下一步。

3.第三步，找色彩

色彩搭配是比較多的人問(wèn)我的一點(diǎn)，其實(shí)這張圖還好，顏色比較鮮艷，直接運(yùn)用其實(shí)都可以。但是在我的其他插畫(huà)中可以看出，很多插畫(huà)的照片，顏色是不會(huì)拿來(lái)直接用的，這里就需要伙伴們對(duì)顏色的定義。那么顏色怎么選呢？

這里教大家一個(gè)比較實(shí)用的方法來(lái)找色彩，我這里給分成了三個(gè)大類(lèi)：

第一個(gè)是季節(jié)，觀察你想要畫(huà)的，主要突出的場(chǎng)景是什么，比如說(shuō)驚蟄、夏至、東至這種季節(jié)代表性的照片，可以用季節(jié)來(lái)尋找色彩，不同的季節(jié)有不同的顏色范圍。

第二個(gè)是時(shí)間段，一說(shuō)小伙伴就懂了，每天都有不同的時(shí)間段，清晨、上午、正午、落日、傍晚，仔細(xì)觀察每天陽(yáng)光的動(dòng)向，照射大地的顏色，都是豐富多彩的，不同時(shí)間段有著不同的色彩。

第三個(gè)是情感，就比如我有一副畫(huà)的是親情，運(yùn)用了一個(gè)比較暖暖的色調(diào)來(lái)襯托母愛(ài)的溫暖，相對(duì)來(lái)說(shuō)還有愛(ài)情、友情等不同顏色，還有可以表達(dá)小孩子的童真的顏色，等等。

那么，選定了自己想要的色彩方向，怎么去定義色值呢？

這里就需要大家平常的積累和準(zhǔn)備，作為設(shè)計(jì)師，積累是很重要的。網(wǎng)上有很多插畫(huà)的成品，很多顏色參考，可以搜集代表不同的感情色彩，需要用的時(shí)候直接拿出來(lái)看。

找到很多有代表意義的色彩，選定自己的方向后，進(jìn)行定義，這里的定義顏色并不是說(shuō)大家去抄，去吸色。就比如你的圖，是落日，你選擇了中間那一副，你知道落日是從淡黃色到橙黃色的漸變，鄰近色也可以運(yùn)用，ok，然后下一步去漸變色網(wǎng)站去找你想要的顏色，比如：https://webgradients.com/；

這里很多很多色卡，可以去選擇你需要的，另外，在顏色上最好稍微鮮艷一些，提升整體感覺(jué)。

4.第四步，開(kāi)始著手畫(huà)

終于可以開(kāi)始畫(huà)了是吧哈哈~

開(kāi)始之前，先要確定一下你畫(huà)插畫(huà)的目的，來(lái)選擇軟件，在這里，我就用PS來(lái)畫(huà)，因?yàn)樵谝恍┕ぞ叩倪\(yùn)用來(lái)說(shuō)，PS比AI要更方便一點(diǎn)，更容易操作。當(dāng)然，如果需要印刷圖，需要注意一下尺寸和分辨率。

在畫(huà)布大小上我想建議一下小伙伴們，一般來(lái)說(shuō)，畫(huà)布可以分為PC端的橫向矩形，和移動(dòng)端的豎向矩形，為什么不選擇用正方形這種，你可以先用正方形畫(huà)布，之后再根據(jù)需要進(jìn)行剪裁，但是建議初學(xué)者還是先定義好畫(huà)布大小再進(jìn)行繪制，這樣對(duì)于物體位置的把控就會(huì)比較直接。

這里，就用移動(dòng)端畫(huà)布大小進(jìn)行演示。

在原圖上可以看出，整體分為水和陸地，陸地部分占比沒(méi)有水多，整體畫(huà)面的中心則還需要在陸地，因此咱們需要向下移動(dòng)一些，縮小水的面積。因此可以確定，最底層，可以用兩個(gè)矩形，一個(gè)在上面作為天空，一個(gè)在下面作為水面。

在天空上，可以畫(huà)個(gè)矩形，作為太陽(yáng)，復(fù)制一個(gè)太陽(yáng)加高斯模糊作為陽(yáng)光的照射。陽(yáng)光下面的云，就用鋼筆工具來(lái)勾勒，直接加個(gè)與天空一樣的漸變就可以，如果不明顯，可以換一個(gè)方向，如果過(guò)于明顯，可以稍稍改變一下色調(diào)。

接下來(lái)是什么呢，就是遠(yuǎn)處的山，也是用鋼筆勾勒形狀，從最遠(yuǎn)的開(kāi)始畫(huà)起，每畫(huà)一層，就要給這層加漸變，從最下層開(kāi)始一層一層的畫(huà)。畫(huà)房屋的時(shí)候，房屋的每一個(gè)面，每一個(gè)窗戶也要分層來(lái)，方便上色。

有小伙伴問(wèn)，那我找不準(zhǔn)形狀怎么辦，鋼筆勾的不穩(wěn)。沒(méi)關(guān)系，按照自己的感覺(jué)走，比如樹(shù)木那里，就算原圖是很模糊的，看不清樹(shù)枝的方向，也可以根據(jù)自己的想法，隨意勾勒，隨意一點(diǎn)。

用相同方法，繪制出前后不同的景觀，顏色深淺度要把握一下。

接下來(lái)比較重要的是，水面波紋的畫(huà)法。

水面的倒影就是將上半部分的靜物與天空中的云朵和太陽(yáng)復(fù)制一層，倒立過(guò)來(lái)，轉(zhuǎn)換成智能對(duì)象，用蒙版拉伸一下，從下至上，從透明到不透明。重要的是，添加動(dòng)感模糊，數(shù)值不要太大。

接下來(lái)，就是水面波紋的畫(huà)法了。這個(gè)大家還仔細(xì)來(lái)做。

首先，用鋼筆畫(huà)出一個(gè)波浪的形狀，再加動(dòng)感模糊。復(fù)制多個(gè)，不規(guī)則排列，再?gòu)?fù)制多層，每層都調(diào)整不同顏色，制作出深淺度不同的水波紋。

就這樣，一幅照片轉(zhuǎn)的插畫(huà)就這樣完成了。

等等，還沒(méi)結(jié)束，不加文案的插畫(huà)是不完整滴~大家要注意，一個(gè)頁(yè)面上不要出現(xiàn)三種以上的字體，所以在字體的選擇上，不要過(guò)多，而且要注意版權(quán)問(wèn)題，文字排版如果是零基礎(chǔ)，建議大家有空的時(shí)候看一本書(shū)《寫(xiě)給大家看的設(shè)計(jì)書(shū)》。主要針對(duì)于設(shè)計(jì)零基礎(chǔ)的童鞋們，里面有很多文字排版的規(guī)范和注意事項(xiàng)。

如果前期對(duì)排版還不是很熟練，是要用業(yè)余時(shí)間多多看網(wǎng)上優(yōu)秀的案例，多保存在自己的素材庫(kù)中，作為參考是很不錯(cuò)的。

5.第五步，豐富頁(yè)面之-噪點(diǎn)

如果大家覺(jué)得頁(yè)面不夠飽滿，又不能再加?xùn)|西了，到了一個(gè)十分尷尬的地步，就可以往噪點(diǎn)插畫(huà)方向制作一下。

那么噪點(diǎn)可以怎么加呢？這里我總結(jié)了三種加噪點(diǎn)的方法供大家選擇。

首先是筆刷，噪點(diǎn)筆刷需要大家找一下，沒(méi)有的話就需要從網(wǎng)上下載一下了。噪點(diǎn)筆刷比較隨意，想怎么畫(huà)就怎么畫(huà)，但不是一步到位，需要慢慢來(lái)，這樣也會(huì)很細(xì)致。

第二種方法是雜色，需要提前蓋印出一張成品圖，在濾鏡→雜色里面添加單色的雜色，可以控制雜色數(shù)量，添加完之后配合蒙版，擦去不需要的雜色。

第三種方法是濾鏡里面的顆粒，有兩種顆粒，另一個(gè)是膠片顆粒。普通顆粒和雜色幾乎一樣，但可以調(diào)節(jié)對(duì)比度等。膠片顆?？梢愿鶕?jù)高光區(qū)域來(lái)選擇顆粒的范圍，不過(guò)最好還是配合蒙版來(lái)進(jìn)行擦除。

怎么樣，小伙伴們畫(huà)出來(lái)自己心儀的插畫(huà)了嗎？??