重磅推薦！微信動態表情包的制作(微信動態表情制作教程)

表情包是大家平時都比較喜歡用的，那你知道一款可愛有趣的表情包是如何制作出來的嗎？今天就給大家帶來一篇微信動態表情包的制作教程，手把手教你制作可以上線官方商店的微信動態表情包！

本篇教程干貨十足，同學們學以致用，可以跟著一起來試著操作哦！

01_Why do you make an expression 為什么做表情包

前段時間大概是因為 看膩了 自己近七年的55分的長發發型，去剪了個空氣劉海并將長發剪到下巴以上，為此欣喜了好久。

這也許是大多數人的生活狀態吧，長時間待在舒適區，無論是懶惰還是習慣，我們總是想要改變但始終沒有去行動。做設計這么久，都是領到需求才去執行。這一次，由我自己給自己提供需求， 自己去執行 。

02_How to make an expression 如何制作表情包

一、使用工具：

所謂“工欲善其事，必先利其器”，在開始之前我們先來說下這次我們會使用到的一些軟件：

PS — 用來導出GIF

AI — 繪制表情包原型

AE — 制作動效

二、查看微信表情包上傳規范

在制作表情包之前一定要先去看一下“微信表情制作規范”，其實微信規范一直在不斷的迭代更新。比如，在我剛做好表情包的時候，以前是要在每個表情主圖上都要加一個2cm的白邊的，現在改了規則就不需要加了。所以無論我們之前做沒做過表情包，都要事先再 明確下規范。

三、確定表情包內容

微信表情商店上架的“表情專輯”分兩種：16個表情、24個表情。這次我選擇的是16個表情，這樣不會因為 拖沓 而最后完成不了~。

然后我們找了一些發送量很高的表情包進行 分析 ，分析結果得出：高興、快樂、哭泣、點頭答應、委屈、你好等多為常用表情，也就是用戶使用量最多的，除了這些，我們也可以再選些自己平時想用，卻找不到的表情，加起來16個表情即可。

四、 表情包形象制作

1. 草稿圖

所有的準備工作結束，那我們就可以真正開始制作了。

先從草圖開始，描繪表情包的卡通形象，這一次我設計的是一個套著貓衣服的齊劉海小女孩~因為自己剪了劉海嘛~比較形象一點，科科o(*￣︶￣*)o。

2. 上色-描邊-表情動作定稿

初稿的時候，其實大家也看到我最開始的設計是有一個小裙子，已代表“喵頭嚶嚶”是個 女孩子 ，后來發現這對后期設計動作會帶來比較大的難度，所以就放棄了。

再強調一下在設計卡通形象時，需要注意的是：卡通形象設計要 簡潔 ，無論是顏色還是設計的細節。這有利于后期的動作設計，也方便用戶 記憶 ，最重要的是，在最后導出GIF的時候，要求是不能大于100KB，你的細節顏色越多，線條越多，都會對你的文件大小有一定的影響。

經過無數的調整，我們的 “喵頭嚶嚶” 終于誕生了~o(*￣︶￣*)o開心~。

五、 添加動畫

到這里其實我們的表情包就已經可以上傳到微信表情包平臺，因為微信平臺的上傳方式是分：

靜態表情和動態表情兩種 。

那這里為了使“喵頭嚶嚶”更加生動活潑，我們需要添加流暢的動畫效果，用到的軟件是AE。我們將AI做好的源文件導入到AE進行制作，因為我們240px的圖要求是不能大于 100kb ，所以AE的設置改為了8幀/秒。

這里就不細節的闡述如何用AE制作動畫了。做動畫需要知道運動規律，因為我也不是專業的，所以在做動畫時時常會 盯著鏡子去觀察自己的動作 ，雖然很傻，哈哈哈。但也沒有比這更好的方式了。然后再對動畫一點點進行調整，比如下面拱臉的動作：

這兩個動態完全不一樣，相差很多，左邊的動態圖只調整了臉部和手部的動效，而且幀數一共只有兩幀，很少。但其實“嚶嚶”在動的時候，耳朵也會有一些微小的動畫，加上耳部動效后，效果明顯比靠前個更 自然流暢 。

所以在做動畫的時候要無限的進行調整才可，也可以多參考些大神的動畫效果，也可以像我這樣多對著鏡子進行動作分解，能做出超棒的動畫效果，傻算的了什么 ~ 科科 o(*￣︶￣*)o。

最后，AE制作好后我們可以導入到PS里進行導出GIF圖。我會在篇幅的最后附上“嚶嚶”的動態二維碼供大家進行參考 。

03_Submit Your Applications 提交微信平臺審核

那么，現在我們已經完成了所有的動態主圖，然后將剩下的縮略圖、詳情頁橫幅等設計好后，一并上傳到平臺上等待審核?？斓暮孟駧滋炀陀谢貜土?，慢的可能要等上兩個星期。

一些 駁回理由 都會給標注的很仔細，比如圖片大小、圖片空白位置太多等都會一一標注。方便我們更明確的去修改~這一點微信平臺真的做的很好~。

以上，是我通過這次在制作動態表情的獲得的經驗，我也是靠前次做表情包，也會有很多需要改進的地方，整套表情包做下來前前后后也花了近兩個月的時間，因為時常會有工作穿***來，所以時間上會長了很多。但這些并沒有打消我的 積極性 ，每完成一個表情動畫時，都像老母親看著自己的孩子出生一樣，哈哈哈哈哈哈，更加有動力了。

最后的最后，當然會附上完整“喵頭嚶嚶”的表情包給大家~希望對想做表情包的小伙伴有所幫助~~有興趣就從現在開始動手去做吧??！不要再說沒有時間啦~期待你們的 表情包 哦~~科科o(*￣︶￣*)o

作者：謝慧敏

來源：UI設計師之家