提交需求
賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱?,我們會在第一時間與您聯(lián)系!
制作表情包時發(fā)現(xiàn)網(wǎng)上的相關(guān)信息都很少,所以將這次的制作過程記錄下來,和大家分享一下。
--
今年本命年想做個表情包,但是之前沒有做過,在網(wǎng)上搜索教程時,沒有找到很有用的。所以我大部分都是看很多喜歡的表情包然后錄屏逐幀來分析的。
在表情包做完后,想要做一個記錄總結(jié),分享給同樣想做表情包的新手朋友。
--
我是用AI來畫原畫,AE來制作動畫,最后用PS導(dǎo)出gif的。
透明底的圖用AE導(dǎo)出時,記得在“輸出模塊”設(shè)置中選擇“視頻輸出:通道 →
RGB+Alpha”這樣才能保存不透明度。
1.確定表情包內(nèi)容
微信表情商店里上架的“表情專輯”分兩種:16個表情,24個表情。
常見的表情包類型分為以下幾種:
第一次制作我選擇了16個表情的表情專輯。這樣既不會因為表情太多而拖延,也可以很好的練習(xí)卡通形象的風(fēng)格把控和動作設(shè)計。
將要做的表情一一羅列出來,針對每一個表情設(shè)定具體的時間節(jié)點(diǎn)。拆分工作量。
這樣短時間的“設(shè)計 → 制作 → 看到成果”有利于我們完成長期的計劃,避免拖延和懶惰。
2.卡通形象設(shè)計
微信商店中專輯表情包設(shè)計尺寸為:240 x 240 px 且要<100KB。
圖片大?。河蓤D片色彩數(shù)量,色彩面積,圖形復(fù)雜程度和圖形尺寸決定。
設(shè)計表情包的卡通形象時描線越復(fù)雜,色彩越多,面積越大的占用空間就越大。
做gif時動作設(shè)計的幀數(shù)就越少,有可能造成動畫不流暢的卡頓感。
所以卡通形象設(shè)計簡潔,有利于后期的動作設(shè)計。
過于精細(xì)的人物設(shè)計會使人產(chǎn)生距離感,嚴(yán)肅正式的感覺,而不能隨意發(fā)送使用,反倒有適得其反的效果。
如上白二九的形象設(shè)計就比《百變乖巧》復(fù)雜一些,后期設(shè)計動作時確實有一些頭疼的地方。
3.動作設(shè)計
表情包在我們?nèi)粘A奶焓褂弥芯褪菫榱酥卑缀唵伪砻魑覀兊那榫w和態(tài)度的。即時聊天的屬性和大小的限制,使他本身不適合做太過復(fù)雜的動畫效果。
大多數(shù)表情包都是逐幀動畫的做法,即將每一幀畫出來,之后連續(xù)播放來制作動態(tài)的效果。
一般一個表情做1~2個動作即可,一個動作3~4張圖。再多則容易大小超出限制。
表情包的設(shè)計中,一些微表情效果會比較好。例如動物類的:抖耳朵,搖尾巴,點(diǎn)頭,眨眼睛等。
例如二九被風(fēng)吹的抖耳朵的圖:
如圖所示,抖耳朵不需要太大的幅度差別,三個耳朵狀態(tài)疊在右側(cè),差異并不大,就已經(jīng)有明顯的效果了。所以在設(shè)計動作時,要多注意動作變化幅度問題,避免卡感。
人眼識別連貫的動作是1s中近25幀。
因此動作變化中的每一張圖的停頓時間3幀即可,少于3幀容易捕捉不到這個狀態(tài),多于3幀有時會有緩慢卡頓感。
定格停頓的畫面可以根據(jù)內(nèi)容而定,一般5~10幀都可以。
如白二九這樣略微復(fù)雜的形象,一個表情做15幀左右是保險的方案。也有特殊的可以達(dá)到30~50幀的情況,這種在動作中會有大量幀數(shù)的圖形所占面積小,且顏色分布簡單。
例如狗年大吉這個表情
為了避免我們在做完所有最后導(dǎo)出gif發(fā)現(xiàn)超出限制太多這種悲劇。盡量還是采用保守的方案?;蛘?strong>多試最終導(dǎo)出gif的大小,盡早調(diào)整。
我在做每個原畫繪制的時候是用AI繪制的矢量圖,這樣的好處是方便圖像做后面的延展設(shè)計例如表情頁面的橫幅banner等,但是壞處是不動的地方感覺會有些死板。
為了改善這種狀態(tài),我們可以讓主體形象或者眉毛等細(xì)節(jié)做一些細(xì)微抖動。
例如上下或左右,抖動幅度不需要太大,0.5~1px即可。
在極少幀數(shù)下,做到較連貫的微小動作,動作幅度很小,一般變化2px左右即可,如“嚼東西的嘴巴”“會動的眼睛,眉毛”等變形。
若想有明顯的變化效果則4px也足夠了。
如果整體不變只有某一部分需要多次變化,例如吐舌頭,可以將圖形切分,用AE中旋轉(zhuǎn)的功能使舌頭擺動,減小工作量。
與此類似還有四肢的擺動,眼珠轉(zhuǎn)動等。
4.常見問題
在我們將表情都做完后,最后一步導(dǎo)出gif圖時,最容易出的問題就是:
a.大小超過100KB了
前面也一直在強(qiáng)調(diào)這個,因為我自己在做的過程中有三四個都出現(xiàn)了這個問題,非常頭疼。
除了之前提到的幾個原因,還有一個殺傷力非常大的元兇就是“文字”!
雖然不推薦表情上有很多描述非常具體,使用場景比較狹窄的文字。
但是在許多情況下,有添加文字的必要。比如日常問候中的:謝謝,撕比吵架的表情包等等,文字出場都很多。
因為文字筆畫多,復(fù)雜度高。所以很多圖形較復(fù)雜的gif添加文字后容易大小超限。
還有一種是在純色背景上加文字,可以參照上文中“狗年大吉”的表情包。但是這個的適用范圍就相對狹窄了。但確實比透明底上加文字,gif會小很多。
b.沒有給表情加2px白色描邊
微信表情制作規(guī)范要求,圖像都要有2px的白色描邊。
這個大家可以在做完所有動畫,即將要從PS中導(dǎo)出為gif時,將所有圖層統(tǒng)一編組,在“圖層混合模式”中增加2px的白色描邊即可,簡單方便,一次搞定,而且絕對不會有漏掉的。
c.表情背景不透明
是可以不透明的,只要你的背景不是滿滿的240x240 px的大小。換言之,你的背景也需要有2px的白色描邊。
正文完
--
這次的記錄到這里就完結(jié)了,第一次制作還有許多不足,希望可以和大家多多交流~希望想要制作表情包的同學(xué)看完這篇可以有一點(diǎn)收獲,我就很開心啦。謝謝閱讀。
最后如果對白二九感興趣,也歡迎下載看看。微信表情商店搜索《狗子白二九》即可。感謝!
大牛,別默默的看了,快登錄幫我點(diǎn)評一下吧!:)
登錄 立即注冊