寫在前面

大家好，我是 Arche 阿北~今年年初開始接觸手繪插畫，在不斷學(xué)習(xí)的過程中也不斷地積累，在UI中國等平臺(tái)上發(fā)布了四個(gè)系列的插畫，很榮幸地得到了平臺(tái)的推薦以及小伙伴們的喜歡，能帶給你們快樂愉悅的感受和創(chuàng)作的激情我也十分開心O(∩_∩)O

在和很多小伙伴的交流中，感知到一些插畫學(xué)習(xí)中的迷茫和共有的困惑，遂想把自己的一些想法和方法記錄下來分享給大家，希望能為大家開啟畫畫 Buff，感受畫畫帶來的快樂~

下面我結(jié)合個(gè)人的一些點(diǎn)滴經(jīng)驗(yàn)為大家分享一下插畫的現(xiàn)狀、插畫的學(xué)習(xí)方法、優(yōu)質(zhì)資源以及創(chuàng)作的技巧。希望給想入行插畫設(shè)計(jì)的小白同學(xué)們一點(diǎn)建議，給喜好插畫的你有點(diǎn)點(diǎn)幫助，如果是插畫大神請(qǐng)忽略，如有不足之處希望大家留言補(bǔ)全和指正，謝謝大家！

一，驚鴻一面始相逢（插畫領(lǐng)域及相關(guān)工作）

?

1. 插畫于我

我對(duì)插畫的認(rèn)知，大致可分為兩個(gè)階段，也就是工作前和工作后，工作前以傳統(tǒng)的出版類為主，工作后以互聯(lián)網(wǎng)的視覺類為主。

工作前，大概是高中和大學(xué)的時(shí)候，接觸最多的是夏達(dá)的漫畫、幾米的繪本、伊吹五月的同人插圖繪本以及丁一晨的條漫，那時(shí)候以印刷品為主，算是插畫的最早啟蒙。

工作后則多為互聯(lián)網(wǎng)的視覺類，最早認(rèn)識(shí)和知道的插畫領(lǐng)域的前輩有旺旺Mandy、Erics、冬不拉dong、少年夾子、飯?zhí)〉取?

所以在我看來，插畫領(lǐng)域的工作可以基本分為兩大類：線下的傳統(tǒng)平面印刷出版，以及線上的互聯(lián)網(wǎng)視覺設(shè)計(jì)。

??

2. 傳統(tǒng)的印刷類

繪本類

兒童插畫：有故事性、導(dǎo)向性，多為知名童話故事改編或原創(chuàng)性童話故事。

同人插畫：電影、游戲、動(dòng)漫、書籍等主題的同人類插畫作品，具有欣賞和珍藏價(jià)值。

原創(chuàng)繪本：多為有故事性、主題性的插畫作品，個(gè)人風(fēng)格明顯。

廣告類

常見于流行市面的招貼廣告、海報(bào)、宣傳單等，早期美觀度不足，現(xiàn)在在逐漸改善。

刊物類

報(bào)紙、雜志、書本等的內(nèi)頁插圖設(shè)計(jì)，封皮插圖設(shè)計(jì)，文章配圖設(shè)計(jì)等。

包裝類

產(chǎn)品外包裝類的應(yīng)用也越來越廣，最著名的如農(nóng)夫山泉的各種主題系列包裝，其他還有三只松鼠等食品類包裝，百雀羚等美妝類包裝設(shè)計(jì)。

??3. 互聯(lián)網(wǎng)視覺類

UI設(shè)計(jì)師

Logo&icon：節(jié)日換膚、偏向?qū)憣?shí)的插畫風(fēng)格 icon 等。

APP：開屏界面、節(jié)日開屏頁面、新手引導(dǎo)頁面、內(nèi)容缺省頁面等。

WEB：登錄頁面、官網(wǎng)設(shè)計(jì)手繪元素、產(chǎn)品介紹等。

視覺設(shè)計(jì)師（運(yùn)營+品牌）

H5：線上宣傳類海報(bào)及H5小游戲，前者鮮明活潑具有吸引力，后者有故事性、設(shè)計(jì)感及傳播價(jià)值和現(xiàn)實(shí)意義。

活動(dòng)頁面設(shè)計(jì)：電商類的店鋪活動(dòng)頁面也越來越多的用到手繪元素（同時(shí)越來越受歡迎的還有C4D），特點(diǎn)是主題突出、氛圍感強(qiáng)，制作周期短，整體版式很重要。

品牌形象：吉祥物、品牌形象、LOGO、表情包、線下延展等。

商業(yè)插畫師（自由設(shè)計(jì)師）

類似運(yùn)營設(shè)計(jì)師，為某一商品或品牌服務(wù)，產(chǎn)出物為線上或線下物料，設(shè)計(jì)師個(gè)人ID 和品牌ID 互相影響、相輔相成。

游戲設(shè)計(jì)師

CG類游戲原畫師，包括游戲場(chǎng)景設(shè)定、人物設(shè)定、圖標(biāo)和界面設(shè)定等多方面的內(nèi)容。

二、琳瑯滿目比比是（流行風(fēng)格及優(yōu)質(zhì)資源）

??

1. 目前較流行的插畫風(fēng)格

涂鴉插畫

線形或面形涂鴉風(fēng)格的插畫，特點(diǎn)是張揚(yáng)隨意、年輕大膽，凌亂卻有章，簡單又粗暴，用于H5宣傳海報(bào)或部分LOGO設(shè)計(jì)。

描邊插畫

線面結(jié)合的表現(xiàn)形式，在H5中運(yùn)用的越來越多，同時(shí)我認(rèn)為MBE風(fēng)格的小插畫也屬于這個(gè)范疇。

矢量漸變插畫

矢量漸變插畫以漸變場(chǎng)景插畫為代表，色彩或優(yōu)美柔和，或強(qiáng)烈鮮明，整體感強(qiáng)，美觀度高，手機(jī)APP開屏頁面中會(huì)見到這樣的插畫。

扁平插畫

和扁平圖標(biāo)一樣，扁平插畫是去除了很多質(zhì)感、紋理，只保留主要特點(diǎn)的一類插畫，大色塊、簡約造型是它的基本特點(diǎn)，在手機(jī)APP和網(wǎng)頁中比較常見。

肌理插畫

肌理插畫本質(zhì)上還是屬于扁平插畫的范疇，用顆粒感制造紋理，一般將顆粒應(yīng)用在受光面和背光面，增加畫面的細(xì)節(jié)和美觀性，讓畫面更加耐看，運(yùn)營類插畫中這一類技法比較常見。

手繪插畫

手繪插畫本身也包含著各種風(fēng)格，和主體的造型、顏色配比、主題傳達(dá)息息相關(guān)，在開屏頁和活動(dòng)頁比較常見。

立體插畫

從去年開始出現(xiàn)越來越多的2.5D插畫，在網(wǎng)頁設(shè)計(jì)、APP啟動(dòng)頁比較常見，輕微的透視感增強(qiáng)了畫面的趣味性，能更好地進(jìn)行信息傳達(dá)。

??2. 資源分享

網(wǎng)站

25學(xué)堂的插畫素材資源：http://www.itlnk.cn/works/illustrations?

插畫師（國內(nèi)+國外）

國內(nèi)：風(fēng)綻、erics、插畫師卷耳、冬不拉dong、Y園糖、森妮、Littlehmxx、吾空空kongkong、Ciao大榴蓮、biiig_bear、Diable咔咔、布林YQ、碧綠色的兔子seven、Tsuyu魚貓、Paco_Yao、鹵貓、飯?zhí)〉取?

國外：Cami、garethlucasart、Tom Clohosy Cole、Benjamin Flouw、Dung Ho、Ahmet Iltas、Hannah sun、ranganath krishnamani、Brian Miller、Slawek Fedorczuk、mori_raito、anneliesdraws、Akira Kusaka、Mark Boardman、Tristan Gion。

三、源頭活水清如許（學(xué)習(xí)思路和分析方法）

??1. 分析

一般插畫分析方法：主題+構(gòu)圖+造型+配色+氛圍+肌理+創(chuàng)意

系列插畫創(chuàng)作要點(diǎn)：保持主題、造型、肌理三個(gè)基本點(diǎn)的一致性

主題

畫面主題以及作者采用了什么元素去闡述主題。

在這個(gè)過程中可以進(jìn)行一個(gè)情緒板的管理，是一個(gè)頭腦風(fēng)暴的過程，發(fā)散的層次越多，越能找到一些有創(chuàng)意、新奇的想法。

比如定一個(gè)主題叫做四季，也許第一層我們會(huì)想到春夏秋冬四個(gè)季節(jié)的氣候，如春雨、夏日、秋風(fēng)、冬雪。深一層可能會(huì)想到四季的植被、衣物、食物。再深一個(gè)層次，可能會(huì)想到四個(gè)季節(jié)中分別能體現(xiàn)季節(jié)特征的節(jié)日或節(jié)氣。繼續(xù)深入，四季是否也可以看作人的一生，春生、夏榮、秋瑟、冬蕭，然后對(duì)應(yīng)到戲曲中的生、旦、凈、末？我舉的例子未必恰當(dāng)，你能理解我的意思就好。

日常工作和生活中畫畫的靈感從哪里來？

• 固定的事物：二十四節(jié)氣、十二月份、東西方節(jié)日、放假開學(xué)等；
• 二次創(chuàng)作：童話故事、神話元素、電影電視、音樂繪畫、同人作品等；
• 生活感悟：親情、朋友、愛情、獨(dú)處、社會(huì)熱點(diǎn)，對(duì)人性等的思考。

構(gòu)圖

常見的構(gòu)圖有水平線、垂直線、斜線、環(huán)形、對(duì)稱、S、C、平鋪、俯視、平視等，根據(jù)畫面主題和預(yù)期的效果進(jìn)行構(gòu)圖。切忌主體太小、太偏、喧賓奪主等行為。

造型

動(dòng)物、人物、靜物等的造型因?yàn)樽髡卟煌?、感悟不同而有不同的形態(tài)特征，畢竟「一千個(gè)讀者眼中有一千個(gè)哈姆雷特」。

對(duì)于這部分進(jìn)行分析的同時(shí)也要去積累，他山之石可以攻玉，多多積累總有用得著的一天。比如同樣是畫一個(gè)人，他的五官、四肢、比例、頭發(fā)會(huì)有很多種畫法，而你要做的是不斷積累，去整理自己的素材庫，去學(xué)習(xí)更多的表現(xiàn)形式以備不時(shí)之需。

收藏素材的方式可以以人物 + 動(dòng)物 + 植物 + 靜物 + 風(fēng)景 + 建筑 + 色彩 + 創(chuàng)意等分類。

配色

配色的方式有千千萬萬種，常見的配色方式有單色、同色系、鄰近色、對(duì)立色、互補(bǔ)色、分散互補(bǔ)色等。

我比較習(xí)慣的方法是用追波的色卡和 eagle 的色板，在花瓣中也會(huì)收藏很多配色用在自己的創(chuàng)作中。

快速得到同一色系的色彩方法，控制明度和純度保持統(tǒng)一，改變色相即可，即H值改變，SB值不變。

氛圍

氛圍的塑造和顏色有關(guān)，更和光線有關(guān)，三大面背光面、受光面、側(cè)光面一定要分清楚。如果希望畫面更有細(xì)節(jié)也要注意到高光、灰部、明暗交界線、反光和投影，這些內(nèi)容并不是都要在畫面中體現(xiàn)，但是體現(xiàn)的多一層，則畫面的豐富程度就加深一層，更耐看一點(diǎn)。

建議收集一些光感強(qiáng)的插畫去欣賞和研究。如果想突出氛圍，在創(chuàng)作的過程中可刻意去塑造光，但是注意不要影響到主題的表達(dá)。

肌理

肌理是區(qū)分不同畫風(fēng)的重要手段之一，每個(gè)人都會(huì)有自己不同的使用習(xí)慣和刻畫習(xí)慣，而商業(yè)插畫作品也習(xí)慣性的疊加一些紋理來增加畫面的細(xì)節(jié)，是比較普遍實(shí)用的方式。

創(chuàng)意

其實(shí)每一張插畫都是作者的創(chuàng)意成果，但是為什么有的畫作讓人覺得炫酷、有創(chuàng)意，而有的插畫只是好看、舒服呢？和構(gòu)圖、造型等也有很大的關(guān)系，常見的創(chuàng)意手法有夸張、對(duì)比、超寫實(shí)等，是為主題服務(wù)的另一種強(qiáng)有力手段。

2. 圖層

我?guī)缀跛胁瀹嬜髌返膱D層分類都是 FG+MAN+BG，也就是前景、人物和背景。在畫畫的過程中我認(rèn)為圖層越多越好，方便修改和創(chuàng)意疊加，背景用來渲染大的氛圍和基本基調(diào)，人物承擔(dān)著表達(dá)主題的重要任務(wù)，前景多采用靜物、植物等元素去襯托主體人物。

3. 過程

僅僅從我一貫的作品中分析，畫畫的過程就是從草稿開始，然后鋪大色塊，線條區(qū)分結(jié)構(gòu)的同時(shí)進(jìn)行投影部分的刻畫，點(diǎn)狀（小面或小線）增加細(xì)節(jié)，最后去塑造一些紋理和質(zhì)感。

四、萬里路攜萬卷書（繪畫演示及技巧分享）

??1. 構(gòu)思、腦暴階段

得到主題，進(jìn)行頭腦風(fēng)暴，聯(lián)想到相關(guān)元素，進(jìn)行大致的構(gòu)思，并且盡量讓自己的畫面當(dāng)中具有一定的故事性，提升一個(gè)層次。

??2. 草圖階段

在草圖階段解決構(gòu)圖、造型、色調(diào)的黑白灰處理等大致情況，這個(gè)階段可以在紙上進(jìn)行，也可以在 ps 中建立一個(gè)線稿的圖層。

??3. 上色階段

鋪大色調(diào)，這時(shí)候建議開啟一個(gè)黑白圖層去看一下整體的明暗關(guān)系，可以及時(shí)調(diào)整。

??4. 細(xì)節(jié)塑造

這時(shí)主要考慮到光源、氛圍、質(zhì)感紋理的的塑造，一層層去深入刻畫，建議齊頭并進(jìn)，一起進(jìn)行深入刻畫，得到一種隨時(shí)可以停下來不畫，又隨時(shí)可以繼續(xù)深入刻畫的階段。

??5. 整體調(diào)節(jié)

用 ps 自帶的濾鏡 camera raw 去調(diào)節(jié)整體的色調(diào)，完成最后的美化。

復(fù)習(xí)一下整個(gè)作畫過程。

主題：

• 題目：四季 – 冬天；
• 關(guān)鍵詞：蕭索、凋零；
• 色調(diào)：一般都用冷色調(diào)表示冬天，所以采用帶有灰度的暖系傾向色系；
• 定位：清新、安靜、生活化；
• 聯(lián)想：晴朗的冬日早晨，陽光灑在身上是涼涼的感覺，穿過小巷拿起晨報(bào)，準(zhǔn)備走河邊小路回家，這時(shí)發(fā)現(xiàn)家里的貓跟在身后；
• 根據(jù)個(gè)人喜好和商業(yè)硬性要求增加一些元素，使得故事性更強(qiáng)。

構(gòu)圖：斜線構(gòu)圖，使得畫面更有動(dòng)感和故事性。同時(shí)注意主體的位置不要太偏太小，用九宮格的方法確定主體位置。

造型：

• 主體：大胖妞，頭小身子大，簡化四肢；
• 元素：人物、貓咪、遠(yuǎn)山、河流、植物；
• 盡量采用偏向幾何化的圖形進(jìn)行繪制，不要讓畫面太繁瑣復(fù)雜。

配色：冬天蕭條的感覺，鋪大色塊，看黑白灰關(guān)系，新建一個(gè)調(diào)整圖層，常用色階、曲線、黑白、對(duì)比度；60灰色+30略灰+10高純度。

氛圍：冷、雪花

肌理：干畫筆

創(chuàng)意：人物夸張表現(xiàn)

作畫技巧：

1，png、jpg圖片紋理變成筆刷或圖案疊加；

2，干畫筆大面積刷出質(zhì)感+鎖定透明像素?fù)Q色；

3，干畫筆干蹭制造紋理感；

4，暗部方式同色正片疊底/色譜右下方；

5，鎖定透明像素或剪切蒙版；

6，開黑白圖層看整體的黑白灰關(guān)系；

7，制造紋理邊緣的快速方法：正常筆刷刷上去（如粉筆、蠟筆），選區(qū)刪除，用有肌理的筆刷平鋪。好處是有選區(qū)不會(huì)刷到外面，大筆刷邊緣可以擁有同樣的質(zhì)感。

寫在最后

希望這篇文章能讓你對(duì)插畫有一個(gè)比較完整的認(rèn)知，都能畫畫 Buff 加身。

本文由 @Arche阿北?原創(chuàng)發(fā)布于易設(shè)計(jì)