插畫(huà)技巧分享

轉(zhuǎn)載贊4 收藏 評(píng)論

舉報(bào) 2018-07-13

掃描,分享朋友圈

來(lái)源：UI中國(guó)
作者：RDD-Tenney

最近一年來(lái)，我們?cè)诟鱾€(gè)設(shè)計(jì)平臺(tái)上也經(jīng)常看到一些雜點(diǎn)風(fēng)格的插畫(huà)作品，也在越來(lái)越多的app和網(wǎng)頁(yè)的插圖中，看到一些雜點(diǎn)風(fēng)格插畫(huà)的運(yùn)用。或許有一天雜點(diǎn)表現(xiàn)的插圖風(fēng)格會(huì)被其他表現(xiàn)形式的風(fēng)格替代，但是我們不得不承認(rèn)這一年來(lái)雜點(diǎn)風(fēng)格的插圖是流行趨勢(shì)之一，而且現(xiàn)在以及在以后的一段時(shí)間里，雜點(diǎn)風(fēng)格的插圖還將扮演著重要的角色。

在最近一段時(shí)間，經(jīng)過(guò)和很多喜歡雜點(diǎn)風(fēng)格插畫(huà)的設(shè)計(jì)朋友的探討交流，總結(jié)出來(lái)幾個(gè)探討最多的問(wèn)題。

疑問(wèn)：

01.這種雜點(diǎn)是怎么畫(huà)出來(lái)的？

02.用的什么軟件來(lái)畫(huà)的，有沒(méi)有用手繪板？

03.使用的是什么筆刷，能不能分享一下？

04.你用的顏色很鮮亮，是怎么調(diào)出來(lái)的？05.我也很想畫(huà)這種插畫(huà)，但是沒(méi)有想法，不知道該畫(huà)什么？

06.你的插畫(huà)是自己想的還是臨摹的，我就想不出來(lái)，該怎么辦？

…

在回答了當(dāng)時(shí)的一些朋友詢(xún)問(wèn)的這些問(wèn)題以后，很多朋友積極去嘗試，馬上就學(xué)會(huì)了。不過(guò)還有一些朋友，可能也對(duì)這類(lèi)型的雜點(diǎn)風(fēng)格插圖比較感興趣，但是又不知道如何上手的。Tenney來(lái)給大家分享一下雜點(diǎn)插畫(huà)繪制的過(guò)程和及步驟，以及每一個(gè)環(huán)節(jié)應(yīng)該注意的問(wèn)題。

步驟：

01.素材搜集：大多數(shù)人創(chuàng)作都需要素材靈感來(lái)源

02.草圖繪制：可以快速把自己的靈感跟想法記錄

03.軟件造型：在草圖的基礎(chǔ)上用軟件畫(huà)出基本造型

04.確定基調(diào)：確定整個(gè)插畫(huà)的基調(diào)，為下一步打下基礎(chǔ)

05.雜點(diǎn)處理：利用雜點(diǎn)來(lái)表現(xiàn)出體積、光影、質(zhì)感

06.色彩矯正：對(duì)最后的色調(diào)進(jìn)行矯正

—— 01.素材搜集 ——

很多時(shí)候，我們?cè)谧鲈O(shè)計(jì)的時(shí)候，在確定主題以后，第一步都是需要先參看一些參考素材來(lái)吸取靈感。我的參考素材一般來(lái)源于兩個(gè)途徑：

* 一種是平時(shí)每天逛設(shè)計(jì)網(wǎng)站時(shí)候，看到優(yōu)秀的作品，我會(huì)收藏起來(lái)，我平時(shí)一般喜歡用eagle來(lái)分類(lèi)整理我喜歡的作品。

* 另一個(gè)途徑就是去各個(gè)設(shè)計(jì)網(wǎng)站輸入跟自己要?jiǎng)?chuàng)作主題相關(guān)的關(guān)鍵詞，然后就會(huì)找到很多優(yōu)質(zhì)的作品。

拿以下這個(gè)松鼠的插畫(huà)舉例，講解Tenney是怎么搜集素材的。

／首先

確定要畫(huà)一張以小松鼠為主體的插畫(huà)。Tenney的習(xí)慣是要先去看很多小松鼠相關(guān)的圖片素材，我們可以在很多圖片素材網(wǎng)站上去輸入關(guān)鍵詞“松鼠”來(lái)看松鼠的千姿百態(tài)，大量的瀏覽以后，選擇其中在造型跟構(gòu)圖上能打動(dòng)你的幾張保存下來(lái)，作為創(chuàng)作的造型參考依據(jù)。

／其次

去看看別人怎么來(lái)創(chuàng)作“松鼠”，那最常用的套路就是在dribbble、Behance等國(guó)外設(shè)計(jì)網(wǎng)站上輸入松鼠的英文單詞“squirrel”，或者在國(guó)內(nèi)的設(shè)計(jì)網(wǎng)站比如UI中國(guó)上輸入“松鼠”。搜索結(jié)果一般都會(huì)把其他設(shè)計(jì)師做的以“松鼠”為主題的作品按照受歡迎程度排列，在前的質(zhì)量都不錯(cuò)，所以大家看的時(shí)候看搜索結(jié)果排前的作品就可以了。

—— 02.草圖繪制 ——

當(dāng)我們參看了很多素材圖片以及別的設(shè)計(jì)師做的相關(guān)主題作品以后，就需要開(kāi)始創(chuàng)作構(gòu)思了。這時(shí)候，草圖繪制是必不可少的一部分，草圖的作用就是快速記錄自己腦海中靈光一現(xiàn)的想法。有時(shí)候在接單的時(shí)候，先把草圖給客戶(hù)看看，客戶(hù)覺(jué)得ok了再用軟件來(lái)繪制，這樣子可以避免不必要的返工。

草圖剛剛開(kāi)始可以很草，不過(guò)在整體構(gòu)圖跟造型確定了以后，草圖越完整精確的話(huà)，對(duì)后期用軟件繪制時(shí)候越有利。

—— 03.軟件造型 ——

在這一步，就是開(kāi)始用軟件來(lái)制作了。不同的設(shè)計(jì)師使用的軟件會(huì)不一樣，這個(gè)看每個(gè)人的習(xí)慣。有的設(shè)計(jì)師習(xí)慣用PS，有的習(xí)慣用AI，也有的直接用 Sketch等相關(guān)軟件，不過(guò)對(duì)于UI設(shè)計(jì)師來(lái)說(shuō)，這三個(gè)軟件是用得最多的了。就我而言，在畫(huà)這種雜點(diǎn)插畫(huà)的時(shí)候，Tenney習(xí)慣用PS來(lái)做，因?yàn)榭梢愿帽憩F(xiàn)雜點(diǎn)的肌理。

幾何形狀繪圖：Tenney在造型的時(shí)候，全部都是用圓形、矩形、三角形等規(guī)則的幾何形狀來(lái)繪制，任何一個(gè)不規(guī)則的形狀，都可以用規(guī)則的幾何形狀來(lái)概括，這個(gè)有點(diǎn)類(lèi)似于我們以前學(xué)素描時(shí)候的起形，都是用不同線(xiàn)條組成的幾何形狀來(lái)概括。所以，Tenney從來(lái)不用鋼筆工具來(lái)繪制圖形，最多是在進(jìn)行幾何布爾運(yùn)算以后會(huì)來(lái)調(diào)整錨點(diǎn)。

幾何圖形繪圖的優(yōu)點(diǎn)：

01.高效：用幾何圖形切割出來(lái)的造型比用鋼筆工具耗時(shí)更少

02.規(guī)范：用圓形切割弧線(xiàn)肯定比用鋼筆工具畫(huà)出來(lái)的更優(yōu)美

03.簡(jiǎn)潔：幾何圖形具有概括性，可以把負(fù)責(zé)的形狀簡(jiǎn)介化

…

—— 04.確定基調(diào) ——

在造型確定了以后，接下來(lái)我們就要鋪色調(diào)，具體使用什么樣的色調(diào)，就完全取決于設(shè)計(jì)師本人想表達(dá)一個(gè)什么樣的氛圍了。

不同的設(shè)計(jì)師對(duì)于同樣的造型肯定會(huì)配出不一樣的配色方案，但是所需要遵循的配色法則都是一樣的。

配色法則：

01.色調(diào)構(gòu)成：80%主色調(diào)+20%輔助色調(diào)

02.色彩需要有冷暖對(duì)比

03.色彩需要有明度跟純度對(duì)比

…

—— 05.雜點(diǎn)處理 ——

之前很多朋友問(wèn)得最多的也就是雜點(diǎn)是怎么做的。在說(shuō)雜點(diǎn)怎么做以前，我們先來(lái)分析一下雜點(diǎn)的作用，這樣子我們可能就更好理解為什么這么做雜點(diǎn)了。

01.我們可以把雜點(diǎn)理解成我們畫(huà)素描時(shí)候的筆觸：

沒(méi)有加雜點(diǎn)以前，更像是一個(gè)照片，我們加了雜點(diǎn)以后，就多了筆觸，多了藝術(shù)感跟繪畫(huà)感。

02.我們可以用雜點(diǎn)來(lái)處理插畫(huà)的亮灰暗的素描關(guān)系：

在每一個(gè)形狀上Tenney一般用的是3-4個(gè)顏色的雜點(diǎn)來(lái)過(guò)渡，就是用來(lái)塑造體積。

03.我們可以用雜點(diǎn)來(lái)處理插畫(huà)的空間虛實(shí)關(guān)系：

最前面的或者在視覺(jué)中心的雜點(diǎn)層次比較豐富，雜點(diǎn)顏色對(duì)比也比較強(qiáng)烈，越往后雜點(diǎn)的這種層次根顏色對(duì)比慢慢變?nèi)酰沟卯?huà)面有主次虛實(shí)。

04.我們可以用雜點(diǎn)來(lái)豐富插畫(huà)的色彩：

使得畫(huà)面層數(shù)更加豐富，如果一張插圖，沒(méi)有雜點(diǎn)以前有10個(gè)層次的顏色，按照我的做法，每個(gè)層次的顏色用3-4個(gè)顏色的雜點(diǎn)來(lái)過(guò)渡，那我們的插圖就變成了30-40個(gè)層次的顏色，畫(huà)面層次感是不加雜點(diǎn)前的3-4倍。

雜點(diǎn)處理方法一：刷筆刷以后溶解

筆刷的使用，Tenney一般選用PS畫(huà)筆工具中自帶的中密度硬筆刷，偶爾也會(huì)用到高密度或者低密度硬筆刷。很多人都找不到這個(gè)筆刷的位置。也不知道如何來(lái)設(shè)置參數(shù)，Tenney把筆刷路徑以及可以設(shè)置的參數(shù)截圖如下：

在PS左邊的工具欄中找到“畫(huà)筆工具”

在畫(huà)筆工具對(duì)應(yīng)的頂部狀態(tài)欄點(diǎn)選“切換畫(huà)筆面板”

在“畫(huà)筆預(yù)設(shè)”里邊可以調(diào)整畫(huà)筆大小，Tenney一般直接調(diào)到最大值300，如果畫(huà)小區(qū)域里邊的筆刷的時(shí)候大小減半。畫(huà)筆選擇“中密度硬筆刷”，偶爾選用高密度或者低密度硬筆刷。

我們用一片簡(jiǎn)單的樹(shù)葉來(lái)舉例。和的任何復(fù)雜的形狀的處理方式也是一樣的。

—— 06.顏色矯正 ——

很多朋友都會(huì)覺(jué)得Tenney的用色很鮮亮，其實(shí)這里涉及到顏色矯正。具體的做法是：當(dāng)完成了之前所有的步驟以后，把插畫(huà)導(dǎo)成圖片，再放入PS里邊整體的調(diào)整亮度對(duì)比度顏色模式等。

矯正顏色前

矯正顏色后

矯正顏色前后

大家可以看到，在矯正顏色前，整個(gè)畫(huà)面的色彩其實(shí)是有點(diǎn)臟的對(duì)比也沒(méi)有那么強(qiáng)烈，跳不出來(lái)。矯正顏色以后的效果就是把亮度提亮，對(duì)比度加強(qiáng)。

矯正顏色的方法就是在PS里邊的【圖像】-【調(diào)整】-【亮度／對(duì)比度】，根據(jù)具體情況來(lái)把亮度／對(duì)比度的色值稍微提高。也可以是復(fù)制一個(gè)圖層，把圖層的模式調(diào)整成疊加，調(diào)整疊加的不透明度也是可以達(dá)到加強(qiáng)對(duì)比的效果。當(dāng)然大家也可以嘗試矯正別的參數(shù)，Tenney個(gè)人主要是去調(diào)整亮度跟對(duì)比度來(lái)達(dá)到讓畫(huà)質(zhì)更鮮亮的效果。

總結(jié)&

在以上的六個(gè)步驟里邊，前四個(gè)基本都是通用的，大家在做設(shè)計(jì)的時(shí)候可能基本都會(huì)有這些步驟，后面的兩個(gè)步驟是Tenney在繪制這種雜點(diǎn)插畫(huà)的過(guò)程中個(gè)人習(xí)慣性的方法。當(dāng)然同樣是雜點(diǎn)風(fēng)格的插畫(huà)，也是有很多種樣式的，這里的方法只是針對(duì)于Tenney平時(shí)畫(huà)的這種雜點(diǎn)風(fēng)格，其它的雜點(diǎn)風(fēng)格的方法，是需要向大家學(xué)習(xí)的。