又不懂問題可以 私信我 回覆關鍵詞 插畫
不是很高級的教學課程，是自己在摸索中的小心得記錄，希望可以幫助到大家，一起交流進步。
最近插畫很火，自己也是被那優美的畫面吸引，在日常的運營活動以及UI的界面中（空狀態圖、圖標等），加入插畫，會讓我們的作品充滿趣味。
在很多設計網站，也有很多零基礎學插畫的教程，想必很多人也很心動吧。
自己畫插畫算是自己摸索的過程，因為設計師很多都學過素描色彩的課程，其實轉換為電腦產出，有些類似，關鍵點：就是多畫多練習多產出！！！就是畫！畫！畫！
以下是自己的插畫練習，還在不斷學習中。
一：為什麼畫插畫
自己剛開始畫插畫，因為插畫的色彩搭配很贊，自己的配色能力不是很好，覺得嘗試一下，可以提高自己的色彩敏感性。
在運營以及Ui設計中，插畫的運用越來越多，它會讓我們的設計更出彩。
插畫對於UI設計師是加分項，你可以看到很多招聘需求中，寫著插畫加分項。會一項技能（UI、動效、C4D）比只會UI的設計師更有競爭優勢。
二：畫畫的工具
畫畫工具主要以下幾種，我主要使用前兩種，也許其他設計師也有其他的選擇，大家也可以自行搜索下哈。
2-1：手繪板+電腦+PS
我用的是wacom和冠的手繪板，大概是600多，我覺得最小的就夠用了；然後配合電腦中的ps的筆刷工具使用就可以了。
2-2：iPad+Procreate+手繪筆+PS後期
iPad推出的新軟件，配合手繪筆，有種在紙上畫畫的感覺，感覺比手繪板自由很多，而且多圖層，可以導出psd格式，在ps進一步修改，雖然和ps的功能相比，沒那麼強大，但是真的很好用。
這兩種工具，我一般會配合使用。ipad起稿加上色，ps可以添加沒有的材質，並整體調節氛圍，這樣整體效果會更贊。
2-3：AI+PS+手繪板+電腦
2-4：數位屏，土豪可以選擇
三：畫畫進階順序
在開始畫之前，我覺得一個合理的步驟，能夠讓你從0到1進步的更快，也能夠培養你的自信心。這只是自己在畫的過程中的心得，僅供參考哦。
3-1：先看插畫
我剛開始畫插畫的時候，其實不知道如何下手，畫成什麼樣子，什麼風格。這樣我們就可以先去站酷的插畫選項去看那些精選的插畫，我剛開始的時候看了站酷前100頁的所有插畫，然後把自己喜歡的風格收藏起來，然後整體瞭解下插畫的風格，然後選擇自己喜歡的風格練習，畢竟自己喜歡的，畫著更容易出效果。
當然還有追波、behance、ins、微博、pin上也好多插畫，很多外國的插畫師也畫的特別好，可以關注下，不斷提高自己的審美。我的微博（一個考拉呀）和ins（zsherry666）上關注了很多插畫師和博主，大家可以去關注這些優秀的插畫師。
你看的多了，靈感也更多，創作技巧也更多，閉門造車無中生有還是很難的。
總結：在ins、微博、站酷、dribble、UI中國、Behance等設計網站去看插畫作品。
3-2：臨摹
閉門造車，不如站在巨人的肩膀上。
3-2-1：看教學視頻
感覺任何的文字教程都不如視頻教程手把手教學的來的快，去看一個完整的插畫的繪圖過程，會讓你更加有自信些，然後也會讓自己少走很多彎路，在站酷高高手以及B站上有很多視頻。
3-2-2：手畫，觀察細節
在自己開始畫的時候，很多效果真的連底稿都起不太好，然後自己就拿鉛筆和速寫本，在本子上畫，一個是培養自己長久以來手繪的感覺。
而且在手繪的同時，你可以觀察每一個細節的筆觸以及色彩的轉換。而且不同風格的插畫，一些元素的處理方式不同。
3-2-3：臨摹插畫
臨摹，儘量選擇你喜歡的風格畫，臨摹自己喜歡的，畫的更開心呀。站在巨人的肩膀上，讓你進步更快。
臨摹的時候我們臨摹的是什麼：構圖、配色、細節的處理、肌理的表現手法、創意、風格...
3-3：創作
基於自己畫畫過程中的小經驗，插畫的難易程度都有一個順序，從簡單到複雜，讓我們進步更快，也不會打架你的信心，我這裡有一個建議畫畫的順序。
四：心動不如行動
看別人的畫，總會覺得很簡單，有的時候對別人的還可以指點一二，但讓你畫的畫，不一定畫成什麼鬼。眼高手低，語言上的巨人，行動上的矮子。只有畫起來，你才能真正理解一幅畫背後的好與壞，技能的高與低。
以下是自己在自己畫畫的過程中的小心得，一個建議的順序。剛開始自己選擇了直接自己創作一幅畫，真的畫了好久，很多東西不太會，很打擊自己的信心。在不斷學習的過程中，發現這樣從簡單到難，是一個相對合理的過程。當然只是個人觀點，僅供參考哦。
4-1：矢量人物
應用場景：這種被應用在很多啟動頁、H5、banner等設計上，這種畫出圖比較快，配合明亮輕快的色彩，視覺效果也很棒。
繪圖工具：Sketch+PS。
繪畫流程：1.sketch起形+上色；這種話會使用很多漸變色，Sketch調漸變色會比AI更快捷，而且很多UI設計師，使用這個工具會更熟練。2.畫完之後，可以根據需要導出到ps添加雜色，使畫面質感更豐富。
練習項目：人物的造型、人物動態、場景的傳遞等
一幅畫的練習分解
以自己畫的一張圖為例的畫畫步驟。
1.業務需求：業務經理向安全管家介紹一個App。
2.需求分析：安全管家的工作地點為安全車間，場景中的可能有安全帽、一些車間的吊車、工具之類的。
3.找參考圖：安全車間、吊車、介紹的人物動態。我們找到參考圖以後發現車間很大，那我們就加一個樓層，加一些欄杆，少畫一點沒必要的場景。那我們的參考圖就找好了。
4.配色參考：我選用了冷色調來刻畫環境，因為這樣比較安靜不雜亂。如果配色有困難，可以選一張畫的比較好的圖，參考建立一個色系。
5.大致勾畫你的草圖（當然我的草圖很爛了），然後利用Sketch勾畫，加入漸變色，選用一些明亮的漸變色刻畫突出人物。當然如果你的sketch不太熟練的畫（sketch操作教程：http://www.sketchcn.com/sketch-chinese-user-manual.html），你也可以用AI，但是我覺得sketch調漸變色更666。
6.畫完之後，放入ps添加雜色。
其實在畫的過程中會有很多修改和調整，不過開始是畫的比較慢，要慢慢摸索，也會有飛機稿，後來會越來越來越快的。
繪畫小Tips：
1.使用漸變色讓畫面更飽滿；2.植物裝飾；3.根據場景添加小元素；4.PS後期添加質感；5.與實際人物的比例不同，我們會調整人的比例，比如拉長腿的長度，縮小腦袋、手和腳。
練習項目：人物的造型、人物動態、場景的傳遞等
參考畫圖流程：https://mp.weixin.qq.com/s/MJyQ8qk-bKOySinLcowwUA
4-2：人物插畫
這種比矢量人物更多小細節，光影和質感更豐富
應用場景：啟動頁、一些banner圖
繪圖工具：AI+PS
繪畫流程：1.使用AI起形，上基本色（注意整體配色的協調），注意分圖層；2.AI可以導出分層的psd文件，我們後續可以使用ps添加暗部和亮部，而且ps筆刷工具，會讓插畫更有質感。
繪畫技巧：同一色系的使用，互補色的使用。
練習項目：噪點筆刷、人物造型、人物部分細節、人物動態
一幅畫的練習分解
1.找相似的人物動態圖。
在開始畫的時候，我們可能都不太默寫，達不到想畫什麼就畫什麼的境界。所以如果一下子畫不出來很正常。尤其是人物動態的，其實蠻複雜的，尤其是手，臉的位置。
2.利用Ai，對照圖形畫形體動態
在開始的時候，我直接在參照圖上畫，後來畫的多了就看著畫，慢慢鍛鍊自己的上手能力。
3.上基本色，這個時候我們會上色塊，順便調整整體的配色。
如果自己畫不好的話，可以找參照圖吸色。因為你的配色可能會消耗你很久的時間，你也沒有別人配的好，你在吸色的同時，也是一種學習，潛移默化中你的配色能力會越來越好。
我自己利用畫插畫練習配色的步驟：吸色—吸色+調整局部配色—看臨摹插畫配色—自己配色
4.調整整體的比例。為了凸顯人物的苗條，我們會調整人的比例，比如拉長腿的長度，縮小腦袋、手和腳。
5.將AI文件導出PSD格式。
6.利用PS分層上色。（使用工具：手繪板）當然觀看鏈接中的視頻教程，可能更直觀哦。
6-1：以給腿上色為例，我們選中腿的圖層，鎖定透明圖層。
6-2:：吸取基本色，選擇深色區域畫暗部，淺色區域畫亮部。也可以選擇相近色區域的顏色
6-3 ：選擇一個噪點筆刷。一般會調整透明度再上色，而不是100%，然後一層層疊加，創造豐富自然的漸變效果。
噪點筆刷的使用的詳細教程：https://www.gogoup.com/course/GMjYx/;和這個教程不同的是，我會利用AI畫，然後PS加明暗，我喜歡矢量明顯的形體感覺。
6-4 ：就這樣逐步上色，整體調整敏感，效果圖如下。
繪畫小Tips：
AI畫圖過程中：快捷鍵P起形；快捷鍵A，可以調整節點；快捷鍵I，吸色。
人物面部其實不是很好畫，比如側臉，鼻子之類的，你可以找一些優秀的插畫去練習。
人物的動態，可以沒事多畫速寫尋找感覺。
肢體的鏈接處，比如脖子與臉部的處理、胳膊與身體的處理、頭髮與臉部，多注意觀察這些小細節（通過觀察你身邊的人或者優秀畫作的處理方式）。
4-3：簡單場景畫
畫這類畫，我主要練習的是自己的配色能力，我會選擇一種主要色彩，比如藍色、黃色等，再採用一些其他色彩去畫一些小元素，比如說一些動態額人物去點綴整個場景。
因為在開始畫插畫，很多顏色的搭配，會有一點難度，我們選擇一種色彩，通過變化明暗、純度等，讓整個畫面有層次。
如果每一種色彩，你有了熟練的運用，那麼多種色彩搭配的時候，你會更遊刃有餘。
繪圖工具：ipad+ps，或者手繪板+ps
主要特點：相近色的運用、人物有動態無太多細節；在一幅畫中，你可以運用一種筆刷，難度就相對降低。
練習項目：色彩、構圖、筆刷練習、環境刻畫的練習
其實畫畫步驟和前面的大同小異：
1.構思並勾勒草圖
2.上大色塊
3.筆刷畫明暗+肌理
4.調整整體明暗
5.排版潤色
一幅畫的練習分解
以自己臨摹的一張類似的畫為例（工具：iPad+手繪筆+PS）
1.自己在pin上看到一幅很有感覺的畫，選擇來臨摹。首先很喜歡這張畫的藍色調（你可以練習你藍色系的配色能力）；畫好這張畫可能要處理好樹和水兩個地方。
2.首先我們定一個畫板，我選擇了750x1624px的大小的畫板，畫草圖（請忽略我的鬼畜版的草圖）。
3.在畫這幅畫之前，我畫過一個樹主題的的畫，因此這幅畫主要是水畫法的練習
樹畫的特點就是：形體：樹幹+樹葉；
樹幹：基本色+紋理+明暗；轉折處的處理
樹葉：我會選用一個點墨的筆刷用不同深度的顏色，畫出樹葉繁密的效果，效果會很透氣，即使暗部也有豐富的色彩變化。
用一張畫，練習一類事物的畫法，比如這張畫主要練習樹、這一張練習雲、這一張練習草等，然後在下一張畫出現同樣的元素你就可以覆盤利用。當你畫負責的畫，很多元素，你可以遊刃有餘，降低你畫畫的挫敗感。
4.畫水的時候，我們可以先分析它的畫法：明暗關係+肌理的處理+與周圍元素的關係處理
5.開始畫：
5-1：上基本色：因為參考圖的顏色比較髒，我選擇了更純淨的藍色，上基本色的時候就要區分大的明暗。
5-2：點綴暗部色：我們觀察暗部的畫，是一些圓形的顏色，我選用一種筆刷，吸取基本色中的深色。為了讓畫面賦予變化，我們可以根據整體明暗的變化，變化的選擇深色。
5-3：畫亮部的肌理：參考圖的亮部的肌理是，線性（長短並用），並暗示了水流的方向，顏色選用的是基本色的亮色，並不同透明度疊加，讓水更有深度。
5-4：為了讓畫面更有意思，讓水顯得更有層次，我添加了錦鯉，讓藍色的畫面增加一些點綴，增強畫面的動感。你可以畫一個，然後粘貼複製調整。
5-5：畫石頭+畫人：其實畫的思路和水是一樣的（我畫的石頭不是很好哈），觀察別人怎麼畫，基本色+明暗部+細節處理+與其他元素的交融。
其實即使再小的元素，如果你添加了明暗變化，你的整體畫面就會很贊，儘量不要畫一個色塊。
5-6：如果想讓元素更加和諧，不同元素交界處的處理會比較重要。比如我們在畫畫的時候，經常提到環境色。
石頭的地方：採用蒙版，銳化邊緣，創造石頭在水中的視覺效果。
樹的地方：在水部分，加入樹葉的倒影，以及樹的顏色。
5-7：畫完之後在ps調整細節、調整整體的視覺效果。
5-8：排版優化。
小Tips：
與矢量的插畫不同，在畫這些的時候，筆刷不斷疊加，紋理更豐富，甚至看不到基本色的影子，畫面更飽滿。
整體明暗關係+個體明暗關係+肌理刻畫
注意運用環境色
慢慢練習，進步是一個循序漸進的過程。哪怕一張畫只練一種色彩、一個筆刷、一種事物的畫法，積少成多，不要著急。
ps筆刷使用教程：https://www.gogoup.com/course/GMjEz/
4-4：自己創作
在上面我們從人物形態、人物動態，以及人物的細節，到環境的細節完成了一個小的逐步的進階練習。
慢慢的我們就可以去自己創作，因為很多插畫都是由環境+人物的組成。一開始可以選擇簡單的，慢慢的深入刻畫，從量變到質變，最終成為大神。
從開始疊加圖片畫，參考優秀插畫畫，到自己有靈感創造，就是你不斷進步的過程。也許你會被靈感砸中，然後去畫一幅畫，像看的人傳達你的思想。
4-5：2.5D科技風的插畫
這個插畫主要通過AI去畫。然後通過調整顏色，創造科技感的的視覺效果。這類的插畫都是由幾何形體變化的，即使你沒有插畫基礎你也可以畫。
一幅畫的練習分解
1.我們先畫一個正方形
2.利用Ai的一個功能，它可是比一個面一面的畫簡單很多
下面給大家分享一組自己研究的參數。
3.利用擴展外觀工具，就可以將圖形分解為面，這樣每一個面就可以編輯了。
所有的2.5D圖形，都是基於這個變化的，需要一定的耐心，還有你的idea。
五：堅持！堅持！堅持！
插畫的形式變化多樣，感覺是一個不斷學習的過程，希望大家都可以在畫畫中找到快樂，慢慢不斷解鎖自己的能力。很多教學視頻，以及優秀的插畫，都能給我們學習的途徑，很多時候在於我們有沒有開始做。
目前和很多職業插畫師還有很多差距，還有很多畫法需要自己去摸索學習。關鍵還是不斷的畫！畫！畫！，不斷進步中。
希望和大家一起進步，喜歡記得給我點贊哦 ！！！
閱讀更多 插畫師小昆 的文章
