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