教你怎樣設計插畫,零美術基礎也不怕!

早期插畫設計並不如現在這樣大面積使用,只在引導頁和空頁面等地方使用。如今,插畫廣泛應在移動端和pc端上,既體現品牌獨特標示,而且用戶的接受程度也非常高,幾乎沒有人會討厭插畫的存在,這也是為什麼當下很多產品運營頁大量運用插畫的原因之一。

教你怎樣設計插畫,零美術基礎也不怕!


教你怎樣設計插畫,零美術基礎也不怕!


說到插畫設計的流行,是比較為難設計師的,不是所有公司都是BAT,會有專門的插畫師來進行大量的視覺美化,大部分公司不會單獨招聘一位插畫師來任職,所以這種風格的製作就會延伸到公司的平面設計師者ui設計來執行。

教你怎樣設計插畫,零美術基礎也不怕!


工作當中,我們可能需要完成引導頁,運營頁,或banner,今天或幾天之內完成,對於沒有學過美術,又需要畫插畫的設計師來說,是一個需要面對的問題。

教你怎樣設計插畫,零美術基礎也不怕!


傳統方法手繪,需要長時間的練習,質量是隨練習時間提升,練習時間越長,效果越好。

教你怎樣設計插畫,零美術基礎也不怕!


而設計師往往需要快速實現,手繪雖好,但時間成本會高,所以我總結了一套方法,可以讓設計師在幾天內做出質量較高的插畫。

教你怎樣設計插畫,零美術基礎也不怕!


學習之前,要先提升一下大家的分析力,學習分析優秀作品,提取設計路徑,是成長和提高的關鍵。

教你怎樣設計插畫,零美術基礎也不怕!


以上兩組圖片是比較有代表性的“設計師插畫”,以建築為元素,描繪風景,用1分鐘,找出2個共通點。

教你怎樣設計插畫,零美術基礎也不怕!


上圖藍色區域為基礎圖形,大都是圓角矩形和橢圓形,右圖紅色區域為不規則形狀,通過鋼筆可以快速形成,難度也非常低。這裡,我們總結一下這種插畫的特點。

教你怎樣設計插畫,零美術基礎也不怕!


圖形幾何化:圖中展示效果偏向手繪,但圖形勾出大多是用基本幾何體,整體圖形更加規律,各元素間產生呼應。

顏色統一化:顏色的主色調會保證在幾種之內,第一眼看到就可判斷出主色,這可以用戶群體一個深刻的印象。

以上2點是可以概括當下比較流行的插畫類型,接下來就是整體的設計思路。

教你怎樣設計插畫,零美術基礎也不怕!


《四利原則》是我針對0基礎插畫設計的一個思路,從構思到實現4個步驟。下面用一副我設計的插畫《日式一角》,來做今天的案例。

教你怎樣設計插畫,零美術基礎也不怕!


這個插畫的難度不高,整體構思到落地是用了不到一天時間,因為第一次嘗試這種風格才耽誤了,不然時間會更短。

教你怎樣設計插畫,零美術基礎也不怕!


第一點是前期準備工作,也就是整理素材。這裡需要確定方向,尋找一切所需要的圖片,獲取靈感,可以在百度搜索關鍵詞,攝影圖,繪畫圖或者三維遊戲裡的截圖都可以。

教你怎樣設計插畫,零美術基礎也不怕!


找圖的時候,一定確定好主題,比如我做的是酒館,就要搜日本酒館,或者日本小館,精確的搜索,會讓你節省大量時間。

教你怎樣設計插畫,零美術基礎也不怕!


選擇有代表性的內容——比如日式木欄,黑白色門簾,紅色布簾,日式燈籠等等。

當找到合適的素材之後,要確定構圖方式——《日式一角》,使用的對稱構圖法,中間放置重點元素,兩邊留出空間。

教你怎樣設計插畫,零美術基礎也不怕!


為什麼要用先要構圖?先構圖可以突出高、寬、深之間的關係,加強主題,增強感染力。構圖處理是否得當,是否新穎,是否簡潔,對於作品的成敗關係很大。對稱式構圖可以使畫面佈局更加規整,也可以保留視覺焦點。左右對稱也會讓畫面形成對等的視覺效果,讓空間佈局更加合理。

教你怎樣設計插畫,零美術基礎也不怕!


如果是banner設計或活動頁,通常需要留出文字區域,這裡可選用九宮構圖法,在左上角或者左下角的位置,留出留白部分,讓文字更好的展示,以防畫面對文字產生影響。

教你怎樣設計插畫,零美術基礎也不怕!


構圖法的種類還有很多,這裡今天就不在介紹了。要提醒的是,構圖法需要長時間練習,並不一定要先確定,可以在執行的過程中進行修改。

教你怎樣設計插畫,零美術基礎也不怕!


已經有了素材之後,我們將圖片放置在畫布之內,最好選擇可以勾畫的素材圖形。這裡,我選擇的樣式很簡單,欄杆式窗戶,右側為常見窗簾,中間為日本燈籠,基本大體構圖就確定了。

教你怎樣設計插畫,零美術基礎也不怕!


通過圖形工具,給場景進行基本構建。操作過程當中,遇到和設想效果不同的問題,比如設想中,做一個精緻吉祥物,難度比預想要高,這時候建議整體搭配,選擇可替代的物品從新設計,儘量避免出現某一元素反覆修改的現象,先大體,在細緻局部設計。

教你怎樣設計插畫,零美術基礎也不怕!


設計的同時,把色調給預設好,畫面當中的房子大多數是胡桃木色的暗色調,顏色上要有亮度。

教你怎樣設計插畫,零美術基礎也不怕!


圖形設計後,開始考慮材質的變化。因為要給整體添加真實感,木紋是最適合的素材,木紋效果畫起來很難,用素材疊加可以解決。

教你怎樣設計插畫,零美術基礎也不怕!


選好素材以後,通過圖片疊加到對應的位置上,讓紋理效果更真實。並不是所有元素都要用素材疊加,大部分還是要進行圖形勾繪,圖形實現不了,在考慮素材。

教你怎樣設計插畫,零美術基礎也不怕!


這一步要再次整理整體的顏色統一,儘量讓顏色看起來少一些。設計當中,顏色越多難度越大,所以顏色的使用通常會少一些,先確定一些大色調。

教你怎樣設計插畫,零美術基礎也不怕!


當完成整個效果後,目前還是扁平效果,這一步,就化腐朽為神奇,利用筆刷,來實現從圖形到畫像的轉變。在這裡,使用的是ps2018自帶的筆刷,(KYLE額外厚實炭筆)這個筆刷的好用之處是讓人驚歎的,可以通過簡單的塗抹,讓簡單的東西,做出層次,

教你怎樣設計插畫,零美術基礎也不怕!


在塗抹的過程當中,要確定好光源位置。比如左上方是常用的光源,我們就設定為左上方,元素塗抹的時候,左邊為亮色,右邊為暗色,如果想要效果好,可以多添加幾層。

教你怎樣設計插畫,零美術基礎也不怕!


當整體畫面解決完成的時候,要整體審視一遍,儘量讓畫面多一些“生物”。因為這樣能讓畫面生活感更加強烈,比如貓狗魚鳥等,這幅作品當中,就增加了一個打瞌睡的貓,讓生活氛圍更加強烈。

教你怎樣設計插畫,零美術基礎也不怕!


到此,整體元素已經勾繪好,設定發生時間為下午,所以光源也是重點,我們給整體添加一個斜面,顏色選擇為暗色,用畫筆塗抹,最終達到了今天所看到的圖像。

教你怎樣設計插畫,零美術基礎也不怕!


本篇插畫完成過程當中,大部分是用圖形工具來實現的,小元素可使用鋼筆工具。前期一定要考慮好構圖比例,如設計引導頁,更適合中心構圖法,要考慮文字的放置區域。以上方法只針對於不會手繪和沒有學過美術的設計師,幫助快速實現插畫設計。

之前和同事聊天,說自己憑著感覺做設計,大部分設計師也確實是感覺+經驗的方法來設計,但每個感覺都有理可循,只是平時沒有總結和深究,今天的分享,也是這樣所得,希望能給大家帶來積極的幫助,更好的完成插畫設計。

福利互動

為答謝客官閱讀完此文支持,特准備新人大禮包贈送領取:2000種設計筆刷,10本設計書,設計師必備500種字體~~下方是領取方式

2,評論文章,不限字數,一個字都行


分享到:


相關文章: