前幾天我很高興通過友好猴平臺(tái)和近2000位朋友分享我在靜態(tài)和動(dòng)態(tài)手繪制作方面的一些經(jīng)驗(yàn)。

下面是我們承諾給大家的手繪課程圖文并茂及添加中文字幕的安裝包。

手繪課程總結(jié)

好啦，下面就開始今天的課程《如何從零開始制作有趣的公眾號(hào)手繪插畫吧。

所謂零基礎(chǔ)，就是不需要具備任何繪畫技能，也不需要會(huì)操作PS、Ae、Flash等軟件，就可以快速上手精美手繪。

以下是本課程的大綱，您可以花10秒鐘瀏覽一下，對(duì)今天的課程有一個(gè)大概的了解。

如何在沒有任何基礎(chǔ)知識(shí)的情況下為公眾號(hào)創(chuàng)作有趣的手繪插畫

1.手繪與公眾號(hào)結(jié)合的必要性

2.如何用最基本的PPT畫手繪圖

3.動(dòng)態(tài)手繪的制作

4. 如何將手繪視頻轉(zhuǎn)換為 GIF 動(dòng)畫

在座的很多朋友都是做公眾號(hào)運(yùn)營(yíng)或者品牌推廣的，現(xiàn)在是新媒體時(shí)代，流量才是最吸引人的，今天講的手繪插畫，雖然不能讓你一夜暴富，但會(huì)為以后的海量粉絲打下基礎(chǔ)。當(dāng)你有機(jī)會(huì)和平臺(tái)讓別人看到你的公眾號(hào)時(shí)，一定要有不一樣的東西留住用戶，這樣才能潛在地增加用戶粘性。

微商也是一樣，正如硅谷創(chuàng)投教父彼得說過的：“不管你的產(chǎn)品有多好，它都不會(huì)說話?！彼阅阋恳恍┦侄稳I(yíng)銷，營(yíng)銷大家都懂。所以如果你在營(yíng)銷中加入一些小細(xì)節(jié)，加點(diǎn)趣味，你會(huì)收到意想不到的效果。

上圖是GIF動(dòng)圖，這是我的二維碼的宣傳圖，如果你用這種形式來(lái)推廣自己的公眾號(hào)，會(huì)有趣很多，同時(shí)也增加了你品牌的獨(dú)立性，提高品牌的辨識(shí)度。

廢話不多說，現(xiàn)在我們開始實(shí)操部分，首先我們來(lái)學(xué)習(xí)如何用PPT來(lái)畫手繪。

我們來(lái)看下面這張圖，都是我之前畫的，花了不到二十分鐘就完成了。很多人會(huì)花錢去淘寶或者找人畫手繪，每張要二三十塊錢。其實(shí)這種圖畫起來(lái)很簡(jiǎn)單，復(fù)制一些線條然后填上顏色就可以了。

首先我們打開PPT，相信大家電腦里都裝了PPT，什么版本都可以，打開之后插入一張圖片，比如我們插入這張。

然后我們?cè)赑PT上的形狀中選擇曲線工具，我已經(jīng)幫大家標(biāo)注好了，如圖，標(biāo)注的東西比較重要，大家可以把圖片保存到手機(jī)里，方便查閱。

注意，這是曲線工具，不是自由曲線，自由曲線沒有磁性，勾勒邊緣的時(shí)候，會(huì)出現(xiàn)毛邊，復(fù)制起來(lái)很困難，線條也非常不流暢，大家一定要注意。

而且勾勒輪廓的時(shí)候一定要注意把起點(diǎn)和終點(diǎn)連起來(lái)，然后勾勒完一個(gè)形狀之后會(huì)自動(dòng)用默認(rèn)顏色填充sketch教程動(dòng)圖，這時(shí)候?yàn)榱朔奖愎蠢掌渌胤?，一定要把填充顏色選成“無(wú)填充色”，這樣才能看到圖片里的其他東西，繼續(xù)勾勒輪廓。

輪廓線還是要保留的，有時(shí)候?yàn)榱朔奖?，我們?huì)選擇比較醒目的顏色，比如紅色、黃色等，等全部畫完之后再改顏色。

看，這是我勾勒出輪廓后的圖片。例如，臉部應(yīng)該放在帽子下面。你可以在頭發(fā)層下的任何位置勾勒出輪廓，因?yàn)楫?dāng)你轉(zhuǎn)頭時(shí)帽子會(huì)擋住它。

然后我們根據(jù)照片一一填充顏色，填充完顏色后，將原來(lái)的照片刪除。

這里值得一提的是圖層的疊放順序，可以通過右鍵點(diǎn)擊圖層來(lái)改變圖層的順序，也可以直接從圖案旁邊的小標(biāo)記中選擇。我們需要清楚的知道哪些在最上面，哪些在最下面。比如帽子上的標(biāo)簽應(yīng)該放在最上面一層，如果我們把它放在最下面一層，我們來(lái)看看效果。

如果放在最底層，標(biāo)簽是看不到的，現(xiàn)在它位于帽子下面，所以我們看不到。注意這些，一張圖就畫出來(lái)了。所以你看，是不是很簡(jiǎn)單，很容易上手呢？下圖是PPT手繪步驟：

上面我們學(xué)習(xí)了如何使用 PPT 制作手繪作品，不需要再用摳圖工具或者鋼筆工具來(lái)畫點(diǎn)，很麻煩，其實(shí)這就是新技術(shù)改革的魅力所在。

新的流程改革就是要讓看似專業(yè)的技術(shù)普及化、普通化，一幅手繪肖像畫，你用PS建50個(gè)圖層，調(diào)顏色，換通道，我們說其實(shí)這些都沒有必要。

毫無(wú)疑問，Adobe 的一系列軟件工具確實(shí)功能強(qiáng)大，但往往不夠接地氣，制作成本高，費(fèi)時(shí)費(fèi)力。所以新流程改革的魅力就在于此，把復(fù)雜的事情簡(jiǎn)單化，讓技術(shù)更接地氣。

比如動(dòng)態(tài)手繪視頻的制作可以用AE和Flash來(lái)做，但是很費(fèi)時(shí)間，輸出時(shí)間也比較長(zhǎng)。接下來(lái)我們要學(xué)習(xí)動(dòng)態(tài)手繪制作軟件-，很簡(jiǎn)單，不需要任何基礎(chǔ)知識(shí)就可以馬上上手。同類型的軟件也有，但是里面的手部模型太丑了，我個(gè)人比較喜歡VS。

你看到的動(dòng)圖是用 制作的，首先你可以去我的公眾號(hào)：西瓜姑娘愛分享 回復(fù)關(guān)鍵字安裝包 即可獲取下載鏈接，打開Vs后，新建文件頁(yè)面如下。

這里，我把除了工具欄之外的一些常用工具的功能都標(biāo)注出來(lái)了。

左側(cè)第一個(gè)是保存，第二個(gè)是添加圖庫(kù)圖案或者本地圖片，這個(gè)是比較重要的功能，其他的就是添加文字、圖表、音樂等，這里就不詳細(xì)講解了。再往下是選擇背景和移動(dòng)頁(yè)面的小手，最右邊兩個(gè)分別是預(yù)覽和輸出功能。

這是背景的選擇，底紋和上面9種一樣，不過顏色多了一些，顏色旁邊是光圈效果，有三種不同硬度的光圈，可以自行選擇。

然后我們重點(diǎn)看添加樣式的功能菜單，小房子就是點(diǎn)擊圖片，樣式分為在線素材和本地素材，時(shí)鐘是實(shí)時(shí)保存的，左下角的文件夾可以打開本地素材文件。

點(diǎn)擊小房子，會(huì)出現(xiàn)離線資料和在線資料兩種sketch教程動(dòng)圖，我用黃色高亮筆圈出的地方就是離線資料，也就是說當(dāng)你的電腦沒有聯(lián)網(wǎng)的時(shí)候，黃色框里的資料還是可以用的。

以上兩個(gè)素材是以顏色、線條為主的素材庫(kù)。

比如我們現(xiàn)在選中的地球儀，在地球儀的右側(cè)有一個(gè)很重要的菜單選項(xiàng)，這個(gè)選項(xiàng)就像是一個(gè)小文檔，功能非常強(qiáng)大，我們點(diǎn)擊它之后會(huì)出現(xiàn)下面的界面。

具體的操作選項(xiàng)已經(jīng)在圖中標(biāo)注出來(lái)了，大家可以參考并在操作過程中慢慢體會(huì)。

DRAW就是用畫筆慢慢的繪制圖形，效果如下圖。

移動(dòng)：用手或刷子將圖案推入，效果將如圖所示。

MORPH：圖案轉(zhuǎn)換，詳見下文超人起飛案例。

動(dòng)態(tài)時(shí)長(zhǎng)：圖像從開始移動(dòng)到結(jié)束所需要的時(shí)間。

PAUSE：指暫停持續(xù)多長(zhǎng)時(shí)間。

停留長(zhǎng)度：上一張圖片結(jié)束和下一張圖片開始之間的暫停時(shí)間。

效果設(shè)置：當(dāng)我們討論超人案例時(shí)將會(huì)詳細(xì)介紹這一點(diǎn)。

手勢(shì)和筆樣式選項(xiàng)如下圖，大家可以根據(jù)自己的喜好選擇，ADD OWN按鈕可以把自己的手放進(jìn)去作為素材，需要提前拍下手的照片。

下面就以《超人起飛》的案例來(lái)詳細(xì)講解一下MORPH的具體操作方法和注意事項(xiàng)，我們要實(shí)現(xiàn)的效果就是將《超人！》變身為《超人2》。

我們?cè)凇霸诰€素材”里選中了兩個(gè)超人在線素材，并添加到工作區(qū)，這時(shí)候就需要詳細(xì)介紹一下右邊那個(gè)像小相機(jī)一樣的按鈕——場(chǎng)景修復(fù)。

西瓜俠建議：選中每張圖片，點(diǎn)擊場(chǎng)景固定按鈕。這樣可以保證工作區(qū)內(nèi)的圖案在同一畫面，不會(huì)出現(xiàn)兩幅圖突然變大變小或者移出畫面的效果?？梢試L試對(duì)比固定場(chǎng)景和非固定場(chǎng)景的效果，如果需要特定的強(qiáng)調(diào)和放大效果，可以不固定。

MORPH 中有一個(gè)很重要的復(fù)選框，即：Clear item？是否要?jiǎng)h除目標(biāo) item？也就是說，你的第一幅圖轉(zhuǎn)換成第二幅圖之后，是否要保留第一幅圖？如果勾選，則不保留，如果不勾選，則保留。

上面剛剛說的效果設(shè)置，當(dāng)你點(diǎn)擊它們的時(shí)候，你會(huì)看到這個(gè)界面，我把比較生僻的英文單詞都標(biāo)注出來(lái)了，你可以嘗試一下每個(gè)選項(xiàng)，就會(huì)明白它們的作用是什么。

如圖所示，這是超人起飛時(shí)的線條變化效果。我們可以看到，通過這種形式，進(jìn)行了圖片之間的轉(zhuǎn)換。需要注意的是，如果是自己添加的局部素材，轉(zhuǎn)換可能沒有內(nèi)置素材那么流暢，所以需要對(duì)圖片進(jìn)行很好的處理。

最后一點(diǎn)：結(jié)束播放時(shí)是否放大？播放時(shí)右下角有一個(gè)勾選框，一般不勾選，否則視頻播放結(jié)束后會(huì)放大。

VS 導(dǎo)出成功后就是一個(gè)視頻文件了。那么如何把視頻轉(zhuǎn)成GIF添加到公眾號(hào)呢？這里就需要用到播放器了——QQ視頻。迅雷、愛奇藝通用播放器都可以，就看你用哪個(gè)比較順手了。

我用紅框標(biāo)注的地方就是截取GIF動(dòng)圖的方法，大家可以按照?qǐng)D中的步驟來(lái)操作。

然后就可以選擇動(dòng)圖大學(xué)尺寸了，截圖時(shí)間可以控制長(zhǎng)短，不建議選擇超大圖，因?yàn)槲募?，加不進(jìn)公眾號(hào)。

另外還有很多粉絲反映安裝失敗或者不知道怎么安裝，我也整理了一份詳細(xì)的安裝教程和一些常見問題的解答給大家，大家可以回復(fù)公眾號(hào)：安裝教程獲取完整長(zhǎng)圖。

另外，如果你想獲取講座鏈接，請(qǐng)向公眾號(hào)回復(fù)關(guān)鍵字：獲取講座鏈接。

另外今天給大家分享另外一款軟件——?？梢杂眠@款軟件在VS中添加中文字幕哦~同樣方法，關(guān)注公眾號(hào)回復(fù)：字幕即可獲取下載鏈接。

下載解壓后，直接打開應(yīng)用程序，無(wú)需安裝。

點(diǎn)擊左側(cè)的A，可以編輯字幕。

編輯完字幕后一定要選擇路徑菜單，將對(duì)象轉(zhuǎn)為路徑，這個(gè)也是很關(guān)鍵的一步，因?yàn)閂S目前還不能識(shí)別中文，但是可以識(shí)別路徑和圖片。

保存文件之后，保存的文件格式是svg格式，這個(gè)是正確的。然后在VS里進(jìn)入這個(gè)頁(yè)面添加本地素材，選擇我們剛剛保存的文件。

如有侵權(quán)請(qǐng)聯(lián)系刪除！