- 前言 -
Hello!大家不怎么期待的海膽表情包又來(lái)啦。
上次做了一個(gè)靜態(tài)的表情包以后有好多朋友問(wèn)為什么表情不會(huì)動(dòng),其實(shí)是因?yàn)槲覍W(xué)藝不精呀!然后我就超級(jí)努力學(xué)了一下怎么做動(dòng)態(tài)的表情包,不得不說(shuō),這件事情還真是耗精神。耗時(shí)近一個(gè)月,終于完成,這次就來(lái)分享一下怎么制作動(dòng)態(tài)的表情包。
- 構(gòu)思 -
首先就是16和24的抉擇,上一次我偷懶選擇只畫16個(gè)表情,這一次我很勤奮,但后來(lái)還是懶惰支配這我,還是畫16個(gè)吧。不過(guò)設(shè)計(jì)的想法有很多,最后還是選了一些可以表達(dá)的想法來(lái)畫的(構(gòu)思都列在下面)。但我最喜歡的就是喝奶茶啦,所以第一個(gè)就是制作了一個(gè)喝奶茶的表情,噸噸噸。其中還有一個(gè)表情借鑒了蠟筆小新里面的設(shè)計(jì),最愛(ài)的蠟筆小新,沒(méi)有之一(畫表情包的一個(gè)月時(shí)間里我同時(shí)刷了幾百集蠟筆小新)。
- 表情制作 -
制作表情包主要使用兩個(gè)軟件:Procreate 和 PhotoShop
Procreate 用來(lái)畫表情,PhotoShop 則用來(lái)制作動(dòng)畫文件,主要制作步驟:
Procreate 畫好表情包
Procreate 可以將文件以 PSD 格式分享至電腦(可以使用 AirDrop 傳輸)
PhotoShop 打開(kāi) 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è)制作和修改的過(guò)程:
大概教程就是這樣啦,后續(xù)的上架步驟在上一篇已經(jīng)介紹過(guò),如果有什么疑問(wèn),可以在公眾號(hào)里面問(wèn)我,可以幫得上忙一定會(huì)回答的~
- Tips -
還有一點(diǎn)提示小建議,制作的時(shí)候一定不要畫出太多太炫的效果,其實(shí)我也說(shuō)不上具體是什么效果,但會(huì)導(dǎo)致導(dǎo)出文件很大,但上架平臺(tái)是要求 GIF 文件小于200K,幀數(shù)不要太多,元素不要太多,否則就只能用弱化顏色辨識(shí)度和刪幀的代價(jià)來(lái)?yè)Q文件大小了,我的好幾個(gè)表情包都遭遇這條毒手,希望大家不要犯這個(gè)錯(cuò)誤啦。
- 結(jié)語(yǔ) -
最后,當(dāng)然是二維碼和鏈接了,希望大家多多支持喲,我會(huì)更努力地做表情包的,這么有成就感的事情,要不要一起來(lái)玩?
傳送門:https://w.url.cn/s/AaepI97#wechat_redirect
掃碼也可以下載~
最喜歡的蠟筆小新,給你笑和感動(dòng),忍不住放幾張截圖。
圖 | 手繪
作者 | 佳鍋鍋
聯(lián)系客服