最近一年來,我們在各個設計平台上也經常看到一些雜點風格的插畫作品,也在越來越多的app和網頁的插圖中,看到一些雜點風格插畫的運用。或許有一天雜點表現的插圖風格會被其他表現形式的風格替代,但是我們不得不承認這一年來雜點風格的插圖是流行趨勢之一,而且現在以及在以後的一段時間裡,雜點風格的插圖還将扮演着重要的角色。
在最近一段時間,經過和很多喜歡雜點風格插畫的設計朋友的探讨交流,總結出來幾個探讨最多的問題。
疑問:
01.這種雜點是怎麼畫出來的?
02.用的什麼軟件來畫的,有沒有用手繪闆?
03.使用的是什麼筆刷,能不能分享一下?
04.你用的顔色很鮮亮,是怎麼調出來的?
05.我也很想畫這種插畫,但是沒有想法,不知道該畫什麼?
06.你的插畫是自己想的還是臨摹的,我就想不出來,該怎麼辦?
在回答了當時的一些朋友詢問的這些問題以後,很多朋友積極去嘗試,馬上就學會了。
不過還有一些朋友,可能也對這類型的雜點風格插圖比較感興趣,但是又不知道如何上手的。
步驟:
01.素材搜集:大多數人創作都需要素材靈感來源
02.草圖繪制:可以快速把自己的靈感跟想法記錄
03.軟件造型:在草圖的基礎上用軟件畫出基本造型
04.确定基調:确定整個插畫的基調,為下一步打下基礎
05.雜點處理:利用雜點來表現出體積、光影、質感
06.色彩矯正:對最後的色調進行矯正
—— 01.素材搜集 ——
很多時候,我們在做設計的時候,在确定主題以後,第一步都是需要先參看一些參考素材來吸取靈感。我的參考素材一般來源于兩個途徑:
* 一種是平時每天逛設計網站時候,看到優秀的作品,我會收藏起來,我平時一般喜歡用eagle來分類整理我喜歡的作品。
* 另一個途徑就是去各個設計網站輸入跟自己要創作主題相關的關鍵詞,然後就會找到很多優質的作品。
拿以下這個松鼠的插畫舉例,講解我是怎麼搜集素材的。
首先
确定要畫一張以小松鼠為主體的插畫。我的習慣是要先去看很多小松鼠相關的圖片素材,我們可以在很多圖片素材網站上去輸入關鍵詞“松鼠”來看松鼠的千姿百态,大量的浏覽以後,選擇其中在造型跟構圖上能打動你的幾張保存下來,作為創作的造型參考依據。
其次
去看看别人怎麼來創作“松鼠”,那最常用的套路就是在dribbble、Behance等國外設計網站上輸入松鼠的英文單詞“squirrel”,或者在國内的設計網站比如UI中國上輸入“松鼠”。
搜索結果一般都會把其他設計師做的以“松鼠”為主題的作品按照受歡迎程度排列,在前的質量都不錯,所以大家看的時候看搜索結果排前的作品就可以了。
—— 02.草圖繪制 ——
當我們參看了很多素材圖片以及别的設計師做的相關主題作品以後,就需要開始創作構思了。這時候,草圖繪制是必不可少的一部分,草圖的作用就是快速記錄自己腦海中靈光一現的想法。有時候在接單的時候,先把草圖給客戶看看,客戶覺得ok了再用軟件來繪制,這樣子可以避免不必要的返工。
草圖剛剛開始可以很草,不過在整體構圖跟造型确定了以後,草圖越完整精确的話,對後期用軟件繪制時候越有利。
—— 03.軟件造型 ——
在這一步,就是開始用軟件來制作了。不同的設計師使用的軟件會不一樣,這個看每個人的習慣。有的設計師習慣用PS,有的習慣用AI,也有的直接用 Sketch等相關軟件,不過對于UI設計師來說,這三個軟件是用得最多的了。
幾何形狀繪圖:我在造型的時候,全部都是用圓形、矩形、三角形等規則的幾何形狀來繪制,任何一個不規則的形狀,都可以用規則的幾何形狀來概括,這個有點類似于我們以前學素描時候的起形,都是用不同線條組成的幾何形狀來概括。所以,我從來不用鋼筆工具來繪制圖形,最多是在進行幾何布爾運算以後會來調整錨點。
幾何圖形繪圖的優點:
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畫筆工具中自帶的中密度硬筆刷,偶爾也會用到高密度或者低密度硬筆刷。很多人都找不到這個筆刷的位置。也不知道如何來設置參數
在PS左邊的工具欄中找到“畫筆工具”
在畫筆工具對應的頂部狀态欄點選“切換畫筆面闆”
在“畫筆預設”裡邊可以調整畫筆大小,我一般直接調到最大值300,如果畫小區域裡邊的筆刷的時候大小減半。畫筆選擇“中密度硬筆刷”,偶爾選用高密度或者低密度硬筆刷。
我們用一片簡單的樹葉來舉例。和的任何複雜的形狀的處理方式也是一樣的。
—— 06.顔色矯正 ——
很多朋友都會覺得用色很鮮亮,其實這裡涉及到顔色矯正。
具體的做法是:當完成了之前所有的步驟以後,把插畫導成圖片,再放入PS裡邊整體的調整亮度對比度顔色模式等。
矯正顔色前
矯正顔色後
矯正顔色前後
大家可以看到,在矯正顔色前,整個畫面的色彩其實是有點髒的對比也沒有那麼強烈,跳不出來。矯正顔色以後的效果就是把亮度提亮,對比度加強。
矯正顔色的方法就是在PS裡邊的【圖像】-【調整】-【亮度/對比度】,根據具體情況來把亮度/對比度的色值稍微提高。也可以是複制一個圖層,把圖層的模式調整成疊加,調整疊加的不透明度也是可以達到加強對比的效果。當然大家也可以嘗試矯正别的參數
福利互動為答謝客官閱讀完此文支持,特準備新人大禮包贈送領取:2000種設計筆刷,設計師必備500種字體~~下方是領取方式
1,關注小勇哥哥PS視覺設計頭條号~
2,評論文章,不限字數,
3,私信小勇回複:福利
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!