手把手教你制作可以上線官方商店的微信動態表情包



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設計

來源:UI設計之家


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM