看了很多大作，依舊畫不好插畫？

Sponsor

前言：很多人覺得插畫難，畫面結構、形態的把控、色調等要掌握的東西太多，但是對插畫很感興趣，不知道從何下手。那是因為你還不知道插畫的創作思路和學習方法。今天這篇內容非常適合學插畫的小白學習，文章結合了作者的實例分析來講解插畫的設計思路過程，是一份實用的插畫入門教程。

目錄

1. 創作構思
2. 創作過程
3. 個人學習法
4. 資料傳送門

一、創作構思

1.靈感來源

之前打算參加一個活動，活動主題是關于畫畫的，畫面主要想表達有趣、夢幻、快樂、童真。打了幾個草稿后，突然萌生了一個想法：畫畫的時候，總會進入一個奇妙的世界，一切都很美好，在畫筆下，萬物生長…

根據這個念頭，梵高的星空，貓，小白熊就出現了…

2.參考收集

帶著這些關鍵詞，我去谷歌搜索了一些參考。搜索時需要自行篩選合適的圖作為畫面的元素，這步我通常都是憑第一印象去篩選圖片。

二、擼圖過程

1.打草稿

首先打開ps，畫板設置1920??1080，PPI 72，顏色為RGB模式。用黑色、灰色的普通的鉛筆畫筆即可。然后把參考圖放在畫板外或者畫板內，可以畫個大概雛形再清清稿，把線條畫得清晰一些，此處需要注意構圖的平衡。

2.上底色

把線稿放在最上方，混合模式選擇正片疊底并鎖定。新建圖層，挑個下手舒服的筆刷好好當個粉刷匠。確定好大致的配色（比如我的畫面是藍色和黃色為主色，營造冷暖對比），注意局部上色時配不好也不用太在意，因為后期使用調色圖層調整也是可以的。

3.上漸變

這一步則需要確定好大致顏色，這里我調整了一些色彩。思考如下：

貓咪改調成藍灰色，一來因為畫面黃色太多，且貓咪占畫面面積大。

二來因為畫面中層與背景層太脫節，最好有個視覺舒適的顏色進行過渡。藍灰色與背景色相呼應，并且看起來柔和舒服，與場景十分搭配。小怪獸也是一樣的道理。

4.加噪點，細化局部

添加光影關系讓畫面更加有層次，這時候需要給畫面假定一個光源點，然后用噪點筆刷涂上物體的受光面和暗面。因為畫面比較多內容，所以這里我主要挑一些重點步驟來聊聊，主要上色的地方是受光面和暗面。

a 添加噪點筆刷

介紹兩種方法我常用的方法：

b 頭發部分處理

技巧是需要一點耐心，多疊幾層…

前景效果圖噔噔~

c 光的疊加、紋理疊加

在貓背、小怪獸和女孩的斜上方添加光：選擇一個黃色的圓然后適當羽化，混合模式選擇疊加；在一些元素上刷刷紋理，讓其變得更加豐富。

d 氛圍營造

氛圍的塑造和顏色以及光線有關，有時候也需要一些小元素的配合。在這里我加了：

雪花：為畫面添加一點靈氣，女生嘛總喜歡blingbling的東西。

星空雜色&煙霧：讓背景不要太空。

飄帶：模仿了梵高星空的造型，抽象而輕盈。

星球：遠處的星球縮小，不透明度降低，并高斯模糊，有大有小四處散落，營造畫面層次。

悄咪咪把文案擱出來…這下畫面就穩了啦！

5.調色

這一步就像上菜，爆炒完一碟，總得拿配料上上色嘛～讓畫面的顏色糅合，整體感也提升了一個大大滴層次。首先Shift+Ctrl+Alt+E蓋印一張圖，再進行以下操作：

整體調色后效果圖：

6.加動畫

使用軟件：Adobe After Effects、Adobe Premiere

1.準備工作

先把不需要動的圖層合并，將要做動畫的部分轉換為智能對象，每個圖層在PSD中注意好命名，不然放到AE里容易混淆。在導入ae的時候勾選合成-保持圖層大小。因為考慮到這張圖是用ps繪制的非矢量圖，所以在做這張圖的動畫上沒有做太大的變化哈哈。

2.ae部分：加效果

這一部分簡單說好了，因為在動效方面我了解得不深…主要效果分別如下：

飄點效果：縮放

星球：上下浮動，若影若現

背景上的飄帶：波浪

文字：溶解

具體參數就不搬出來了，這點大家可以靈活運用～最后記得檢查一下，把所有關鍵幀都加上緩動，然后再導出H.264格式就毛問題啦！

3.Adobe Media Encoder：轉換高清小視頻

因為ae導出mov太大，后期上傳各種網站實在不方便。推薦用這個軟件轉視頻格式，預設豐富，可以將多種設備格式的音頻或視頻導出，將多種文件格式轉換為高質量的h.264視頻(mp4、3gp)或flash媒體(flv、f4v)文件。

此處奉上完整音樂版小動畫：https://dribbble.com/shots/5845871-Imaginary-words

三、個人學習法

零基礎的我一開始看了幾篇文章就開擼了…所以基礎不是很扎實，一路過來有幾個小方法供大家參考（以下圖片均為我的eagle以及印象筆記軟件）

最后，兩點建議：

(1)快速畫，多練習

12月的時候報了個班，常常因為很多事耽誤了畫畫也沒跟上同學的節奏。印象很深刻的是，我的老師(園園)說，畫畫需要快速畫完，如果每次磨太多糾結太久，畫出來的畫會顯得很拘謹，進步也會比較慢。我理解是，畫畫一開始也是需要像產品一樣，小步跑，快速迭代鴨！在這里順便也分享給大家(雖然我還沒做到哈哈)。

(2)有機會打好基礎

有基礎那是甚好。畢竟很多事物沒有基礎都會琢磨得不夠通透，比如透視人物比例等等。所以有時間還是可以繼續把底層先搭好。我以后找機會也要好好打基礎了惹～

最后是一些關于插畫的花樣種草，希望對你的插畫學習能提供資源幫助。

四、資源傳送門

1.插畫網址

推薦我常關注的基本網址：國內涂鴉王國、視覺me、古田路9號;國外behance、dirbbble、pinterest、Artstation.

2.插畫師（也有的是設計師）

蘿卜青菜各有所愛，大神是列不完的，這里列一些我比較喜歡的～

國內

個人 | rwds、y園糖、MORNCOLOUR、貓矮_MAOI、aiki007、卷耳、林遭遇…

團隊 | B&B、RaDesign、innn、VisualMaka（團隊里很多人插畫都非常棒喲）

國外

個人 | Ryo Takemasa、Mike | Creative Mints、febin_raj、ranganath krishnamani

團隊 | tubik、Paperpillar、Studio V?R、Dropbox Design

其實自己多去看一下這些網站，就能發現非常多大咖。我一般的做法除了搜索和看熱榜外，還有看大咖的關注，這樣順藤能摸出更多的大咖哈哈哈…

3.插畫類微信訂閱號

之間:經常分享各種關于插畫的干貨，而且內含大量免費筆刷。

第九工場：每周都有一位設計界大咖去做公開授課，光在這里蹭聽了好多節課…

4.脈脈教程

說看教程上脈脈的估計我是第一個人了…我經常會看脈脈上大觸分享的教程，

5.壓箱底文章傳送門

推一些收藏已久的文章，希望對你有幫助～

【教程】開啟你的畫畫Buff
https://www.ui.cn/detail/282279.html
0美術基礎，如何設計插畫
https://www.zcool.com.cn/article/ZODI3OTQ0.html
SA9527-如何多維度思考臨摹練習
https://www.ui.cn/detail/424784.html
噪點插畫的六種繪制方法
https://www.zcool.com.cn/article/ZODQzODQ4.html
插畫技法-插畫中的光影表現
https://www.ui.cn/detail/370001.html
PS+AI教程！教你繪制極具質感的雨夜街道插畫
https://www.ui.cn/detail/370901.html

插畫不是一朝一日就能學好的，一定要多畫、多練、多學習，一起加油！

作者 | 橘子tea
來源 | 站酷 （http://orangtea.zcool.com.cn）

贊助商鏈接

喜歡這篇文章嗎？歡迎分享到你的微博、QQ群，并關注我們的微博，謝謝支持。
版權：除非注明，本站文章均為原創文章，轉載請聯系我們授權，否則禁止轉載。