【超詳細總結】製作微信動態表情的思路和方法
在微信表情搜尋貪吃龍即可下載
霸王龍，有個帥氣的英文名：T-Rex。我畫的是T-Rex家族的一隻未成年小奶龍，霸氣不足軟萌有餘。愛吃肉和手短都是不可抗拒的家族基因。
貪吃龍表情包一共有16個表情，就不全放上來啦。
嚴格的說，這篇文章主要是 自我總結設計思路和製作方法 ，不算教程，但也會講到一些製作動畫和壓縮gif的技巧，希望能給其他人帶來幫助。當然我的方法不是標準答案，只是方法之一。
所謂自我提升：
作為一個設計師，插畫技能必須點一點。多做嘗試總沒有壞處。並且我也想通過這次畫表情包可以更熟練的使用Ai畫圖。
所謂自我滿足：
畫自己喜歡的東西就是一種自我滿足。在工作上你不能隨你喜好去做事情，但是在你自己創造的世界裡可以。所以我每隔一段時間就總想創造些什麼。
萬一會火呢：
可能每個畫表情包的都有這樣的想法吧。其實看看成功案例能總結出一些規律：色彩單一、線條簡潔、表情平淡或誇張。這樣的表情包接受程度高，我想是因為代入感強的關係。
對比起來我的小恐龍不太有優勢，但出於前面提到的兩個原因，我還是把它完成了。
在開始畫表情包前，我先了解了下 平臺規範 （搜尋“微信表情開放平臺”）。
瞭解到：所需要的表情數量（16或24個）、尺寸（240*240），官方不建議含有的內容（醫療、美容、保健等）。
心裡有了個數後，順便完成了註冊。下面就可以開始製作表情包了。
STEP1 選擇自己感興趣的題材
我很久之前就一直想畫一套表情包，但也一直沒有好的想法。直到最近看完侏羅紀世界2，突然對我去年在環球影城買的軟萌小恐龍又燃起了愛意，很想為它畫一套表情包。
興趣驅動力是很強大的，因此我也建議你們第一套表情包選擇自己最喜歡最想畫的題材，女朋友也好，寵物也好，自己也好，總之是 能讓你像打了雞血一樣畫到深夜 的東西。
在壞球影城買的小恐龍
畫你喜歡的東西還有個好處，你很瞭解它，或者是有不錯的參照物。
我手繪功底差，在畫趴著時不知道怎麼畫，後來讓它給擺了個姿勢就明白了。這可是寶貴的第一手資料，和去網上搜一個別人畫好的姿勢照著畫的體驗是不一樣的。
STEP2 設定你的角色
角色設定影響著表情包的主題和內容。比如我就想做一個貪吃小恐龍的形象，那麼表情包大部分的內容就是圍繞著吃的。如此目標使用者也很明確：吃貨，特別是肉食動物。
同時因為這是一隻霸王龍，手短是不可避免的家族基因，也是個萌點。
網路圖片
STEP3 畫草稿，給角色定型
大概想清楚了之後就先畫草稿。不太會畫畫的也不要怕動筆，你看我剛開始畫的是這樣子的。
by 靈魂畫手
我的草稿風格比較狂躁，畫多之後小恐龍才慢慢的成形。 草稿必須多畫，才能找到最佳方案。
可以看到剛開始時候的草稿中牙齒比較多，還有肚臍眼，我本來還打算把爪子畫出來。但作為表情包，細節太多的話在手機上顯得繁瑣，不突出。 細節取捨很重要 。更何況恐龍是蛋生不是胎生，沒有肚臍眼（？？？）。
我想把一些小龍好玩的性格加進去，例如發笑是因為撓癢癢，睡覺會夢見雞腿等等。不過可能會導致這樣一個問題：細節太多會減少使用者的代入感。
STEP4 選擇設計軟體
我選擇了Ai畫表情包，Ae做動畫，Ps製作Gif。這之後將說到的用Ae的路徑引數做簡單動畫的技巧和用Ps壓縮Gif的方法。
如果要用AE做動畫，我強烈建議用Ai畫。因為可以直接匯入成向量圖形，並且Ai的圖形工具很棒。
不過因為Ai我比較初級，畫的方法比較野生，就不多說誤導大家了。可以在各大設計網站上搜索“Ai教程”有針對性的學習。
我在畫完後往往還會匯出png格式發到微信上看一看。也因此捨棄了一些讓表情過於複雜的細節。
step5 用AE自帶路徑效果快速做動畫
以下內容閱讀需要有AE基礎。 AE學習方法同樣可以到各大網站搜尋或報班學習。我這裡只講思路、技巧，具體方法和引數需要你自己去試一試。
*如果你不是用AE製作動畫，可以跳過這一步閱讀 下一步中用PS壓縮gif的技巧 。
下面這個小龍的外輪廓的線條是通過新增AE自帶路徑效果“扭轉”實現的。用這個方法的好處是你 可以快速看到效果，並不需要去逐個調節線條的節點。
我新增扭轉效果的圖層只是外輪廓的線條，裡面的五官是配合動作進行的位移動畫。實際用了扭轉效果的圖層效果如下：
線條動畫幅度並不大。但對於這個動畫來說很重要，顯得不那麼呆板。
具體新增方法如下： 展開輪廓圖層的小三角，再點選下圖中標紅的按鈕。需要注意的是，這個圖層必須是 形狀圖層 （名稱前會有個五角星的符號）。如果你是從Ai匯入，那麼需要右鍵將圖層轉化為形狀。
新增選單裡有很多路徑效果可以新增。我常用的是 “扭轉”和“擺動變換” 。
有時候用扭轉會使線條露出，這時我還用到效果選單裡的 “網格變形” 將線條拉回去。
至於 擺動變換 我最常用在文字動畫上。可以看到下圖中，每個“哈”字動的幅度都不一樣。其實他們全部位於同一個形狀圖層（文字圖層可以右鍵轉形狀），再通過新增“擺動變換”調節引數，就能達到這種不同時運動的效果。
使文字上下移動只需展開 擺動變換中的變換 ，在位置關鍵幀打點。（注意是擺動變換中的位置）
為了保證Gif能無縫迴圈，第一幀和最後一幀的引數最好一樣。
再講個好用快捷的動畫抖動方法。注意到下圖小雞的抖動了嗎？
方法很簡單，在“位置”、“縮放”屬性新增表示式：wiggle(x,y)。引數你可以自己試一試。
新增表示式的方法是：按alt點選下圖中左邊標紅框的按鈕。
跑步的時候加入一點抖動也會讓動作自然很多。
step6 用PS壓縮gif
你是否碰到過匯出的GIF過大或色彩失真的問題？其實用ps匯出gif的話很好解決。
首先匯出的視訊檔案幀數不要太高。貪吃龍用的fps是8幀一秒，長度一般在1秒內。
然後用ps開啟視訊檔案，ctrl+shift+alt+S儲存為web格式，格式設為gif。此時你可以觀察優化後的影象右下角顯示的大小是否達標（微信要求卡通表情在100kb以內）。
如果大小過大或在選擇64色、32色壓縮GIF時色彩失真，你可以先選擇256色。然後用左側的吸管工具（快捷鍵 i )在左邊圖片上吸取主色。每吸一個顏色就鎖上（下圖中色板下方標紅的按鈕）。我在壓縮小恐龍時，它的臉蛋周圍出現鋸齒，因此我就把粉色全鎖上，情況就好很多。
鎖完主要顏色，你再選擇64色、32色時，失真的問題應該就解決了。
step7 釋出事宜
按照官方規範，還需要提交頭圖、縮圖等素材。具體要求自己去“微信官方平臺”看哦。
稽核時間3-5個工作日，之後會有通知預約上架時間。
紅框中的一句話我當時沒有注意到。也就是說只要你願意等足夠多的時間，在新品推薦中，你的表情包會排的很前。
所以，和節日有關的表情包可以儘早開始製作哦！
謝謝看到這裡的朋友
貪吃龍表情包目前確實存在一些問題，我下次會改進的！
自我總結問題：
線粗細不一致
龍的大小不統一
一些細節不統一：大家可以來玩大家來找茬啊
圖片發自簡書App