- 前言 -

Hello！大家不怎么期待的海膽表情包又來啦。

上次做了一個(gè)靜態(tài)的表情包以后有好多朋友問為什么表情不會(huì)動(dòng)，其實(shí)是因?yàn)槲覍W(xué)藝不精呀！然后我就超級(jí)努力學(xué)了一下怎么做動(dòng)態(tài)的表情包，不得不說，這件事情還真是耗精神。耗時(shí)近一個(gè)月，終于完成，這次就來分享一下怎么制作動(dòng)態(tài)的表情包。

- 構(gòu)思 -

首先就是16和24的抉擇，上一次我偷懶選擇只畫16個(gè)表情，這一次我很勤奮，但后來還是懶惰支配這我，還是畫16個(gè)吧。不過設(shè)計(jì)的想法有很多，最后還是選了一些可以表達(dá)的想法來畫的（構(gòu)思都列在下面）。但我最喜歡的就是喝奶茶啦，所以第一個(gè)就是制作了一個(gè)喝奶茶的表情，噸噸噸。其中還有一個(gè)表情借鑒了蠟筆小新里面的設(shè)計(jì)，最愛的蠟筆小新，沒有之一（畫表情包的一個(gè)月時(shí)間里我同時(shí)刷了幾百集蠟筆小新）。

- 表情制作 -

制作表情包主要使用兩個(gè)軟件：Procreate 和 PhotoShop

Procreate 用來畫表情，PhotoShop 則用來制作動(dòng)畫文件，主要制作步驟：

Procreate 畫好表情包

Procreate 可以將文件以 PSD 格式分享至電腦（可以使用 AirDrop 傳輸）

PhotoShop 打開 PSD 文件，制作動(dòng)畫

PhotoShop 導(dǎo)出 GIF 文件

表情制作時(shí)需要考慮到在動(dòng)畫中每一個(gè)圖層的變化，比如一個(gè)眨眼的表情，那么整張臉就是不動(dòng)的，但是眼睛圖層需要畫出睜眼和閉眼的兩個(gè)動(dòng)作，下面是圖例：

制作的時(shí)候就將眼睛的圖層根據(jù)不同的時(shí)間的幀進(jìn)行切換，就可以實(shí)現(xiàn)眨眼的效果。

但如果制作的動(dòng)作比較復(fù)雜，那么需要繪制的幀數(shù)就比較多，比如我想做出一個(gè)葉子滑落的效果，那么我需要對(duì)于葉子的動(dòng)態(tài)軌跡進(jìn)行繪制，葉子本身需要旋轉(zhuǎn)落下，所以幀數(shù)比較多：

將 PSD 文件導(dǎo)入到 PhotoShop 后，可以在界面的左下角進(jìn)行動(dòng)畫編輯，需要在對(duì)每一幀選擇圖層，比如第一幀要顯示最上方的葉子，第二幀葉子落下，每一幀都編輯好，大概需要設(shè)置的有圖層和幀時(shí)長(zhǎng)，循環(huán)模式一般選擇永遠(yuǎn)。

GIF 文件導(dǎo)出在【文件 -> 存儲(chǔ)為 Web 所用格式 -> GIF 格式】，放一張效果圖~

但是每一幀要怎么畫還是需要一點(diǎn)一點(diǎn)修改的，幾乎每一個(gè)表情都要改幾十次甚至上百次，要充分利用圖層的復(fù)制和變換扭曲功能，這樣可以節(jié)約很多時(shí)間。

一個(gè)制作和修改的過程：

大概教程就是這樣啦，后續(xù)的上架步驟在上一篇已經(jīng)介紹過，如果有什么疑問，可以在公眾號(hào)里面問我，可以幫得上忙一定會(huì)回答的~

- Tips -

還有一點(diǎn)提示小建議，制作的時(shí)候一定不要畫出太多太炫的效果，其實(shí)我也說不上具體是什么效果，但會(huì)導(dǎo)致導(dǎo)出文件很大，但上架平臺(tái)是要求 GIF 文件小于200K，幀數(shù)不要太多，元素不要太多，否則就只能用弱化顏色辨識(shí)度和刪幀的代價(jià)來換文件大小了，我的好幾個(gè)表情包都遭遇這條毒手，希望大家不要犯這個(gè)錯(cuò)誤啦。

- 結(jié)語 -

最后，當(dāng)然是二維碼和鏈接了，希望大家多多支持喲，我會(huì)更努力地做表情包的，這么有成就感的事情，要不要一起來玩？

傳送門：https://w./s/AaepI97#wechat_redirect

掃碼也可以下載~

最喜歡的蠟筆小新，給你笑和感動(dòng)，忍不住放幾張截圖。