|
01_Why do you make an expression 為什么做表情包 前段時(shí)間大概是因?yàn)?看膩了 自己近七年的55分的長(zhǎng)發(fā)發(fā)型,，去剪了個(gè)空氣劉海并將長(zhǎng)發(fā)剪到下巴以上，為此欣喜了好久,。 這也許是大多數(shù)人的生活狀態(tài)吧,，長(zhǎng)時(shí)間待在舒適區(qū)，無論是懶惰還是習(xí)慣,，我們總是想要改變但始終沒有去行動(dòng),。做設(shè)計(jì)這么久，都是領(lǐng)到需求才去執(zhí)行,。這一次,，由我自己給 自己提供需求 ， 自己去執(zhí)行 ,。 02_How to make an expression 如何制作表情包 一,、使用工具： 所謂“工欲善其事，必先利其器”,，在開始之前我們先來說下這次我們會(huì)使用到的一些軟件：
二,、查看微信表情包上傳規(guī)范
在制作表情包之前一定要先去看一下“微信表情制作規(guī)范”，其實(shí)微信規(guī)范一直在不斷的迭代更新,。比如,，在我剛做好表情包的時(shí)候,，以前是要在每個(gè)表情主圖上都要加一個(gè)2cm的白邊的，現(xiàn)在改了規(guī)則就不需要加了,。所以無論我們之前做沒做過表情包,，都要事先再 明確 下規(guī)范。 三,、確定表情包內(nèi)容 微信表情商店上架的“表情專輯”分兩種：16個(gè)表情,、24個(gè)表情。這次我選擇的是16個(gè)表情,，這樣不會(huì)因?yàn)?拖沓 而最后完成不了~,。 然后我們找了一些發(fā)送量很高的表情包進(jìn)行 分析 ，分析結(jié)果得出：高興,、快樂,、哭泣、點(diǎn)頭答應(yīng),、委屈,、你好等多為常用表情，也就是用戶使用量最多的,，除了這些,，我們也可以再選些自己平時(shí)想用，卻找不到的表情,，加起來16個(gè)表情即可,。
四、 表情包形象制作 1. 草稿圖 所有的準(zhǔn)備工作結(jié)束,，那我們就可以真正開始制作了,。 先從草圖開始，描繪表情包的卡通形象,，這一次我設(shè)計(jì)的是一個(gè)套著貓衣服的齊劉海小女孩~因?yàn)樽约杭袅藙⒑Ｂ飤比較形象一點(diǎn),，科科o(*￣︶￣*)o。
2. 上色-描邊-表情動(dòng)作定稿
初稿的時(shí)候,，其實(shí)大家也看到我最開始的設(shè)計(jì)是有一個(gè)小裙子,，已代表“喵頭嚶嚶”是個(gè) 女孩子 ，后來發(fā)現(xiàn)這對(duì)后期設(shè)計(jì)動(dòng)作會(huì)帶來比較大的難度,，所以就放棄了,。 再?gòu)?qiáng)調(diào)一下在設(shè)計(jì)卡通形象時(shí)，需要注意的是：卡通形象設(shè)計(jì)要 簡(jiǎn)潔 ,，無論是顏色還是設(shè)計(jì)的細(xì)節(jié),。這有利于后期的動(dòng)作設(shè)計(jì)，也方便用戶 記憶 ,，最重要的是,，在最后導(dǎo)出GIF的時(shí)候,，要求是不能大于100KB，你的細(xì)節(jié)顏色越多,，線條越多,，都會(huì)對(duì)你的文件大小有一定的影響。 經(jīng)過無數(shù)的調(diào)整,，我們的 “喵頭嚶嚶” 終于誕生了~o(*￣︶￣*)o開心~,。
五、 添加動(dòng)畫 到這里其實(shí)我們的表情包就已經(jīng)可以上傳到微信表情包平臺(tái),，因?yàn)槲⑿牌脚_(tái)的上傳方式是分： 靜態(tài)表情和動(dòng)態(tài)表情兩種 ,。 那這里為了使“喵頭嚶嚶”更加生動(dòng)活潑，我們需要添加流暢的動(dòng)畫效果,，用到的軟件是AE,。我們將AI做好的源文件導(dǎo)入到AE進(jìn)行制作，因?yàn)槲覀?40px的圖要求是不能大于 100kb ,，所以AE的設(shè)置改為了8幀/秒,。 這里就不細(xì)節(jié)的闡述如何用AE制作動(dòng)畫了。做動(dòng)畫需要知道運(yùn)動(dòng)規(guī)律,，因?yàn)槲乙膊皇菍I(yè)的,，所以在做動(dòng)畫時(shí)時(shí)常會(huì) 盯著鏡子去觀察自己的動(dòng)作 ，雖然很傻,，哈哈哈,。但也沒有比這更好的方式了。然后再對(duì)動(dòng)畫一點(diǎn)點(diǎn)進(jìn)行調(diào)整,，比如下面拱臉的動(dòng)作：
這兩個(gè)動(dòng)態(tài)完全不一樣,，相差很多，左邊的動(dòng)態(tài)圖只調(diào)整了臉部和手部的動(dòng)效,，而且?guī)瑪?shù)一共只有兩幀，很少,。但其實(shí)“嚶嚶”在動(dòng)的時(shí)候,，耳朵也會(huì)有一些微小的動(dòng)畫，加上耳部動(dòng)效后,，效果明顯比第一個(gè)更 自然流暢 ,。 所以在做動(dòng)畫的時(shí)候要無限的進(jìn)行調(diào)整才可，也可以多參考些大神的動(dòng)畫效果,，也可以像我這樣多對(duì)著鏡子進(jìn)行動(dòng)作分解,，能做出超棒的動(dòng)畫效果，傻算的了什么 ~ 科科 o(*￣︶￣*)o,。 最后,，AE制作好后我們可以導(dǎo)入到PS里進(jìn)行導(dǎo)出GIF圖,。我會(huì)在篇幅的最后附上“嚶嚶”的動(dòng)態(tài)二維碼供大家進(jìn)行 參考 。
03_Submit Your Applications 提交微信平臺(tái)審核 那么,，現(xiàn)在我們已經(jīng)完成了所有的動(dòng)態(tài)主圖,，然后將剩下的縮略圖、詳情頁(yè)橫幅等設(shè)計(jì)好后,，一并上傳到平臺(tái)上等待審核,。快的好像幾天就有回復(fù)了,，慢的可能要等上兩個(gè)星期,。 一些 駁回理由 都會(huì)給標(biāo)注的很仔細(xì)，比如圖片大小,、圖片空白位置太多等都會(huì)一一標(biāo)注,。方便我們更明確的去修改~這一點(diǎn)微信平臺(tái)真的做的很好~。 以上,，是我通過這次在制作動(dòng)態(tài)表情的獲得的經(jīng)驗(yàn),，我也是第一次做表情包，也會(huì)有很多需要改進(jìn)的地方,，整套表情包做下來前前后后也花了近兩個(gè)月的時(shí)間,，因?yàn)闀r(shí)常會(huì)有工作穿插進(jìn)來，所以時(shí)間上會(huì)長(zhǎng)了很多,。但這些并沒有打消我的 積極性 ,，每完成一個(gè)表情動(dòng)畫時(shí)，都像老母親看著自己的孩子出生一樣,，哈哈哈哈哈哈,，更加有動(dòng)力了。 最后的最后,，當(dāng)然會(huì)附上完整“喵頭嚶嚶”的表情包給大家~希望對(duì)想做表情包的小伙伴有所幫助~~有興趣就從現(xiàn)在開始動(dòng)手去做吧?。〔灰僬f沒有時(shí)間啦~期待你們的 表情包 哦~~科科o(*￣︶￣*)o 編輯：千鋒UI設(shè)計(jì) 來源：UI設(shè)計(jì)之家 |
|
|
