插畫技巧分享
來源：UI中國
作者：RDD-Tenney
最近一年來，我們在各個設(shè)計平臺上也經(jīng)常看到一些雜點風(fēng)格的插畫作品，也在越來越多的app和網(wǎng)頁的插圖中，看到一些雜點風(fēng)格插畫的運用。或許有一天雜點表現(xiàn)的插圖風(fēng)格會被其他表現(xiàn)形式的風(fēng)格替代，但是我們不得不承認這一年來雜點風(fēng)格的插圖是流行趨勢之一，而且現(xiàn)在以及在以后的一段時間里，雜點風(fēng)格的插圖還將扮演著重要的角色。
在最近一段時間，經(jīng)過和很多喜歡雜點風(fēng)格插畫的設(shè)計朋友的探討交流，總結(jié)出來幾個探討最多的問題。
疑問：
01.這種雜點是怎么畫出來的？
02.用的什么軟件來畫的，有沒有用手繪板？
03.使用的是什么筆刷，能不能分享一下？
04.你用的顏色很鮮亮，是怎么調(diào)出來的？05.我也很想畫這種插畫，但是沒有想法，不知道該畫什么？
06.你的插畫是自己想的還是臨摹的，我就想不出來，該怎么辦？
…
在回答了當時的一些朋友詢問的這些問題以后，很多朋友積極去嘗試，馬上就學(xué)會了。不過還有一些朋友，可能也對這類型的雜點風(fēng)格插圖比較感興趣，但是又不知道如何上手的。Tenney來給大家分享一下雜點插畫繪制的過程和及步驟，以及每一個環(huán)節(jié)應(yīng)該注意的問題。
步驟：
01.素材搜集：大多數(shù)人創(chuàng)作都需要素材靈感來源
02.草圖繪制：可以快速把自己的靈感跟想法記錄
03.軟件造型：在草圖的基礎(chǔ)上用軟件畫出基本造型
04.確定基調(diào)：確定整個插畫的基調(diào)，為下一步打下基礎(chǔ)
05.雜點處理：利用雜點來表現(xiàn)出體積、光影、質(zhì)感
06.色彩矯正：對最后的色調(diào)進行矯正
—— 01.素材搜集 ——
很多時候，我們在做設(shè)計的時候，在確定主題以后，第一步都是需要先參看一些參考素材來吸取靈感。我的參考素材一般來源于兩個途徑：
* 一種是平時每天逛設(shè)計網(wǎng)站時候，看到優(yōu)秀的作品，我會收藏起來，我平時一般喜歡用eagle來分類整理我喜歡的作品。
* 另一個途徑就是去各個設(shè)計網(wǎng)站輸入跟自己要創(chuàng)作主題相關(guān)的關(guān)鍵詞，然后就會找到很多優(yōu)質(zhì)的作品。
拿以下這個松鼠的插畫舉例，講解Tenney是怎么搜集素材的。
／首先
確定要畫一張以小松鼠為主體的插畫。Tenney的習(xí)慣是要先去看很多小松鼠相關(guān)的圖片素材，我們可以在很多圖片素材網(wǎng)站上去輸入關(guān)鍵詞“松鼠”來看松鼠的千姿百態(tài)，大量的瀏覽以后，選擇其中在造型跟構(gòu)圖上能打動你的幾張保存下來，作為創(chuàng)作的造型參考依據(jù)。
／其次
去看看別人怎么來創(chuàng)作“松鼠”，那最常用的套路就是在dribbble、Behance等國外設(shè)計網(wǎng)站上輸入松鼠的英文單詞“squirrel”，或者在國內(nèi)的設(shè)計網(wǎng)站比如UI中國上輸入“松鼠”。搜索結(jié)果一般都會把其他設(shè)計師做的以“松鼠”為主題的作品按照受歡迎程度排列，在前的質(zhì)量都不錯，所以大家看的時候看搜索結(jié)果排前的作品就可以了。
—— 02.草圖繪制 ——
當我們參看了很多素材圖片以及別的設(shè)計師做的相關(guān)主題作品以后，就需要開始創(chuàng)作構(gòu)思了。這時候，草圖繪制是必不可少的一部分，草圖的作用就是快速記錄自己腦海中靈光一現(xiàn)的想法。有時候在接單的時候，先把草圖給客戶看看，客戶覺得ok了再用軟件來繪制，這樣子可以避免不必要的返工。
草圖剛剛開始可以很草，不過在整體構(gòu)圖跟造型確定了以后，草圖越完整精確的話，對后期用軟件繪制時候越有利。
—— 03.軟件造型 ——
在這一步，就是開始用軟件來制作了。不同的設(shè)計師使用的軟件會不一樣，這個看每個人的習(xí)慣。有的設(shè)計師習(xí)慣用PS，有的習(xí)慣用AI，也有的直接用 Sketch等相關(guān)軟件，不過對于UI設(shè)計師來說，這三個軟件是用得最多的了。就我而言，在畫這種雜點插畫的時候，Tenney習(xí)慣用PS來做，因為可以更好表現(xiàn)雜點的肌理。
幾何形狀繪圖：Tenney在造型的時候，全部都是用圓形、矩形、三角形等規(guī)則的幾何形狀來繪制，任何一個不規(guī)則的形狀，都可以用規(guī)則的幾何形狀來概括，這個有點類似于我們以前學(xué)素描時候的起形，都是用不同線條組成的幾何形狀來概括。所以，Tenney從來不用鋼筆工具來繪制圖形，最多是在進行幾何布爾運算以后會來調(diào)整錨點。
幾何圖形繪圖的優(yōu)點：
01.高效：用幾何圖形切割出來的造型比用鋼筆工具耗時更少
02.規(guī)范：用圓形切割弧線肯定比用鋼筆工具畫出來的更優(yōu)美
03.簡潔：幾何圖形具有概括性，可以把負責(zé)的形狀簡介化
…
—— 04.確定基調(diào) ——
在造型確定了以后，接下來我們就要鋪色調(diào)，具體使用什么樣的色調(diào)，就完全取決于設(shè)計師本人想表達一個什么樣的氛圍了。
不同的設(shè)計師對于同樣的造型肯定會配出不一樣的配色方案，但是所需要遵循的配色法則都是一樣的。
配色法則：
01.色調(diào)構(gòu)成：80%主色調(diào)+20%輔助色調(diào)
02.色彩需要有冷暖對比
03.色彩需要有明度跟純度對比
…
—— 05.雜點處理 ——
之前很多朋友問得最多的也就是雜點是怎么做的。在說雜點怎么做以前，我們先來分析一下雜點的作用，這樣子我們可能就更好理解為什么這么做雜點了。
01.我們可以把雜點理解成我們畫素描時候的筆觸：
沒有加雜點以前，更像是一個照片，我們加了雜點以后，就多了筆觸，多了藝術(shù)感跟繪畫感。
02.我們可以用雜點來處理插畫的亮灰暗的素描關(guān)系：
在每一個形狀上Tenney一般用的是3-4個顏色的雜點來過渡，就是用來塑造體積。
03.我們可以用雜點來處理插畫的空間虛實關(guān)系：
最前面的或者在視覺中心的雜點層次比較豐富，雜點顏色對比也比較強烈，越往后雜點的這種層次根顏色對比慢慢變?nèi)酰沟卯嬅嬗兄鞔翁搶崱?/p>
04.我們可以用雜點來豐富插畫的色彩：
使得畫面層數(shù)更加豐富，如果一張插圖，沒有雜點以前有10個層次的顏色，按照我的做法，每個層次的顏色用3-4個顏色的雜點來過渡，那我們的插圖就變成了30-40個層次的顏色，畫面層次感是不加雜點前的3-4倍。
雜點處理方法一：刷筆刷以后溶解
筆刷的使用，Tenney一般選用PS畫筆工具中自帶的中密度硬筆刷，偶爾也會用到高密度或者低密度硬筆刷。很多人都找不到這個筆刷的位置。也不知道如何來設(shè)置參數(shù)，Tenney把筆刷路徑以及可以設(shè)置的參數(shù)截圖如下：
在PS左邊的工具欄中找到“畫筆工具”
在畫筆工具對應(yīng)的頂部狀態(tài)欄點選“切換畫筆面板”
在“畫筆預(yù)設(shè)”里邊可以調(diào)整畫筆大小，Tenney一般直接調(diào)到最大值300，如果畫小區(qū)域里邊的筆刷的時候大小減半。畫筆選擇“中密度硬筆刷”，偶爾選用高密度或者低密度硬筆刷。
我們用一片簡單的樹葉來舉例。和的任何復(fù)雜的形狀的處理方式也是一樣的。
—— 06.顏色矯正 ——
很多朋友都會覺得Tenney的用色很鮮亮，其實這里涉及到顏色矯正。具體的做法是：當完成了之前所有的步驟以后，把插畫導(dǎo)成圖片，再放入PS里邊整體的調(diào)整亮度對比度顏色模式等。
矯正顏色前
矯正顏色后
矯正顏色前后
大家可以看到，在矯正顏色前，整個畫面的色彩其實是有點臟的對比也沒有那么強烈，跳不出來。矯正顏色以后的效果就是把亮度提亮，對比度加強。
矯正顏色的方法就是在PS里邊的【圖像】-【調(diào)整】-【亮度／對比度】，根據(jù)具體情況來把亮度／對比度的色值稍微提高。也可以是復(fù)制一個圖層，把圖層的模式調(diào)整成疊加，調(diào)整疊加的不透明度也是可以達到加強對比的效果。當然大家也可以嘗試矯正別的參數(shù)，Tenney個人主要是去調(diào)整亮度跟對比度來達到讓畫質(zhì)更鮮亮的效果。
總結(jié)&
在以上的六個步驟里邊，前四個基本都是通用的，大家在做設(shè)計的時候可能基本都會有這些步驟，后面的兩個步驟是Tenney在繪制這種雜點插畫的過程中個人習(xí)慣性的方法。當然同樣是雜點風(fēng)格的插畫，也是有很多種樣式的，這里的方法只是針對于Tenney平時畫的這種雜點風(fēng)格，其它的雜點風(fēng)格的方法，是需要向大家學(xué)習(xí)的。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）