首先，介紹下我學(xué)習(xí)表情制作的歷程，最早是12年在大學(xué)里學(xué)習(xí)ps時發(fā)現(xiàn)，原來ps還可以做動圖，通過在網(wǎng)站上一些發(fā)布的教程，自己也琢磨出了方法，完成了自己的第一套QQ表情。
 

這是當(dāng)初的一套像素表情，差不多是模仿的一個教程完成的，具體教程我忘了是哪個了，但我知道了ps做動圖的基本原理。后來還用這個原理來配合AE完成了自己的一個動畫作品《超級L的秘密》，因為早期做動畫朋友和老師都推薦學(xué)flash，但從未接觸過設(shè)計軟件的我，在第一次接觸軟件時就是flash，還特么是自學(xué)（我本科是平面設(shè)計，學(xué)習(xí)木有動畫專業(yè)），于是對flash植入了深深的陰影，至今也不會拿它做東西。但我知道，那時候已經(jīng)開始出現(xiàn)了QQ里的魔法表情動畫，大多都是flash制作完成的。我已經(jīng)用著僅會的AE和PS來做動畫。

 

第二次真正意義上的開始制作一套表情是從我進(jìn)入萬合天宜后開始的，那會兒《萬萬沒想到》也剛剛火起來，我是以特效師的身份進(jìn)入了萬合，但后期技能幾乎都有涉獵，所以在《萬萬沒想到》第一季結(jié)束之后，叫獸想著做一套王大錘的QQ表情，但又沒想好怎么去設(shè)計，我記得那時候網(wǎng)絡(luò)上還沒有出現(xiàn)過真人的QQ表情，幾乎都是卡通表情，當(dāng)然，那會使用官方表情的平臺也就那么幾個，QQ、微信、微博等幾個主流平臺會加入一些網(wǎng)絡(luò)上比較火的卡通形象表情。由于是第一次制作真人的表情，叫獸也給了十足的信心，那句話我一直記得，“沒人做，那我們就做第一個吃螃蟹的人，引領(lǐng)潮流，今后別人肯定也會用真人來制作表情”。如今也見證了叫獸的超強市場嗅覺力。 而這次表情的制作確實讓我漲經(jīng)驗不少。

 

 

首先受到了一份騰訊的表情制作規(guī)范，無非幾個要求：

 

第一，表情寬高比在200*200px;

 

第二，大小為30kb以內(nèi)；

 

第三，一套表情至少16個；

 

第四，動態(tài)表情格式為gif，靜態(tài)為png，帶通道；

 

還有一個神奇的第五，騰訊得覺得好看合適。

 

我被這個神奇的第五打回來過好多回，也是因為我自身的不嚴(yán)謹(jǐn)和沒經(jīng)驗所致。當(dāng)審核通過之后，對方還會要求你把表情再制作幾個不同的規(guī)格大小來投放在不同平臺使用，例如可能還需要你提供60*60px,100*100px以及表情首頁圖等等。當(dāng)時在制作王大錘表情時我沒少被這第二條為難，30kb以內(nèi)，由于我是使用PS來完制作，所以大小控制讓我非常頭疼，動畫幀數(shù)一旦過多，大小就一定超過了30kb，而動畫一旦豐富必然幀數(shù)就會多，當(dāng)超出范圍并不是很大時，我可能就會選擇降低畫質(zhì)來保存動畫的流暢性。具體方法如圖。

 

 

降低畫質(zhì)的辦法有2個，在我圖中標(biāo)綠的范圍里，我會將顏色層次降低到16位，或者32位，這樣會嚴(yán)重影響畫面的顏色豐富度，當(dāng)然如果你畫面本身顏色并不是很多的情況下也沒有多大關(guān)系，例如暴走漫畫的表情，顏色就是黑白灰，有時候多一點紅（你懂的）。所以這個顏色選項就可以極大的優(yōu)化gif文件大小。當(dāng)你的畫面顏色比較豐富時，降低顏色層次是一件很蛋疼的事，如下圖你會發(fā)現(xiàn)使用不同顏色層次是參數(shù)，畫面效果的對比。

 

 

 

分別是色彩最豐富的256-8位，依次降低層次，但文件大小同樣也是在直線壓縮，這個時候就得根據(jù)你的畫面來取舍你的顏色了。

 

 例如近期在制作的這套表情，顏色繪制的比較豐富，但大小一直壓不下來，這個時候還有一種方法，那就是降低畫質(zhì)了，但這種方式只使用與大小的微調(diào)因為損耗增加后文件大小的幅度并不是非常大。例如我在制作唐僧的時候，顏色畫的比較豐富，但我不想降低顏色的層次，32位已經(jīng)是我能容忍的極限了，于是我只能通過增加損耗來控制大小。

 

 

 經(jīng)過我的測試，你通過上圖中看到兩張圖片的損耗對比，不難發(fā)現(xiàn)下圖中的噪點確實會多不少，但大小卻得到了控制，但我通過把這張損耗72的表情輸出后，導(dǎo)入微信里查看，其實由于圖片只有200*200px的緣故，這樣的損耗幾乎也是看不出來的，但遺憾的是在PC端和移動端QQ平臺，200*200px的像素會比較大，而損耗也比較容易看出來，所以不到萬不得已還是不推薦使用損耗來壓縮文件。

 

 而在真人表情制作流程中，同樣還會遇到這樣幾個問題。

市場部大哥：“喂，小超啊。咱們《XX》電影即將上線，能幫我們做套表情唄。”

小超：“人物表情素材給我提供下吧。最好是拍攝的動態(tài)影片，打光要好，表情要豐富。”

市場部大哥：“那是這樣的，我們的藝人很忙的，可能沒時間拍這些素材，要不這樣吧，《XX》電影里有他很多鏡頭，要不你從里邊找合適的吧。”

小超“·····”

 遇到這種情況也是常有的，因為現(xiàn)在越來越多的電影，電視劇，網(wǎng)劇都開始做各類營銷與宣傳，表情制作也成為了其中必不可少的一環(huán)，但很少有人能知道或者意識到這個正確的流程與方式，于是從電影截圖出來的表情就有這樣的案例。

 

 

 這是電影《天臺》的QQ表情，典型的從電影截圖來完成的作品，當(dāng)然這個表情做的很不錯，人物表情與字幕搭配得都非常好。這就是事先并沒有拍攝合適的人物表情素材，只能從影片當(dāng)中去挖掘了，其實想想，設(shè)計師如果擁有那些藝人的一個專屬表情庫，直接從里邊挑出能夠給自己帶來靈感的表情，合適的表情得多好?？上捌诓]有拍攝，稍微好點的可能還會有些定妝照可以看看是否有合適的素材，又或者單獨給藝人拍攝了一些表情的照片。這時候可能就可以制作成這樣的表情了。

 

 

 這些都是差不多直接用照片把人物摳下來貼上文字，并不是說這樣不OK，當(dāng)然OK。這也是一種形式。以及還有Bigbang的一套。

 

 

 這種形式跟上面《天臺》和《同桌的你》有所不同的是，人物的頭是真人，而身體就卡通化了，相比之下這種形象又是一種更萌，更有卡通感的表情。但同樣的，他們幾乎都是采用了文字配人物的這種形式。我想設(shè)計師有時候也并不是想一定得加個文字，因為素材有限，你只給我提供他們的某些影視作品，或者定妝照，我常常會找不到合適的表情來制作呀，所以人物表情并沒有太明顯的情感，那設(shè)計師只能通過添加文字來表現(xiàn)咯。而有時候這些配的文字與人物表情感覺并不搭，所以也就并沒達(dá)到能傳達(dá)用戶情感的功能。

這種形式有個問題，就是如果人物不夠火，表情又缺少合適的能傳達(dá)用戶情感的點，那表情的傳播性是肯定會大打折扣的。當(dāng)然，聽騰訊負(fù)責(zé)表情的朋友說Bigbang這套表情數(shù)據(jù)還挺高的，這到底是表情本身制作非常不錯呢還是Bigbang的人氣擺在那呢？大家見仁見智吧。

 我們在網(wǎng)絡(luò)上常常會看到很多網(wǎng)友自己制作的特別有意思的表情，它的流傳度還非常高，既不是名人又能被別人搜藏來使用他的表情，那它起碼具備了能準(zhǔn)確傳達(dá)用戶情感的屬性。例如：

 

 

抱歉，我是用自己微信搜藏截圖過來的，沒有找到動圖。不過相信一些小伙伴也都看到過。 = =
 

 像這類表情都是網(wǎng)友自行從影片里截動圖來制作完成的，有些并非名人大腕，但表情依舊能感染用戶，所以傳播性也就隨之而來了。大家不難發(fā)現(xiàn)，我選擇的這幾個表情與上述的表情又有一些區(qū)別，那就是木有配文字！沒錯！一張優(yōu)秀的表情圖，不用添加任何文字就能夠充分傳達(dá)出用戶的情感，還不失逗比。所以我們常常會使用很多“野表情”來在微信與QQ里頻繁使用，因為這些野表情非常搞笑，魔性，震撼等等因素，完美的能傳達(dá)用戶當(dāng)時的意圖。常常會有朋友問我，怎樣把藝人的表情做動呢？不是那種簡單的畫面文字動兩下，而是讓藝人的表情有動作。例如這個王大錘的表情。

 

 

 先不評判這個表情制作水準(zhǔn)哈，確實不咋地。我們可以看看這個表情是將人物頭像與卡通身體結(jié)合的，但人物頭像表情是有動的，而很多小伙伴往往在制作表情的時候，人物臉部一般都是單幀的。

 

 那么問題來了，我們給藝人在制作這樣表情的時候怎樣才能擁有這樣的臉部動起來的效果呢？

 聰明的小伙伴已經(jīng)知道了，動畫的原理是多張圖片按順序播放來達(dá)到動態(tài)效果，既然臉部在動，那么人物的臉部同樣也是需要事先做好這樣的動作。這樣就需要從前期入手了，拍攝人物表情素材。

 

第一，拍攝人物表情素材。

 

這里又分幾種情況：

 

1，如果是自己制作好友表情，那就方便得多了。拿著攝像機給他拍攝一段影片素材，記得是影片素材哦。

 

2，讓你的朋友做一些好玩搞笑的表情，可以用手機下載一些網(wǎng)絡(luò)上的表情圖讓你的朋友模仿，這樣會比較省事。

 

3，在拍攝時，最好是用清晰度較高的攝影機，當(dāng)然iPhone6以上本人覺得都是OK的。

 

4，打光一定要均勻，臉部別出現(xiàn)陰陽臉，打平光比較合適。（你有特殊需求除外）

 

5，人物構(gòu)圖最好是半身像，頭部不能出畫。例如下圖。

 

 

6，背景最好是純色，方便你摳圖。

 

7，如果是一些藝人需要制作，那就請在做服裝的定妝照拍攝期的環(huán)節(jié)上，加上表情拍攝錄制。所以這個是在前期就一定要做好相應(yīng)準(zhǔn)備的，這一點非常重要！希望做市場推廣的朋友，如果有這方面表情制作需求，請在前期拍攝藝人相關(guān)試裝照的時候就可以開始著手了。按照上述要求拍攝就OK啦。

 

 

第二，制作方法。

 

 有了影片素材，想要啥表情還怕找不到合適的么。里邊已經(jīng)有了這么多做好的表情了，隨便暫停一幀都是一個表情，那再想想，如果我覺得藝人奸笑的表情做的非常nice，我可以從他做這個表情的動作就開始截圖，截個幾張動勢就OK啦。如下圖。

 

 

 

接下來要做的就是將這3張圖的頭導(dǎo)入PS都扣下來，加上自己繪制的卡通身體就OK了嘛。（幀數(shù)根據(jù)自身表情而定）這里值得注意的是人物的臉部調(diào)色，由于是真人表情，顏色的信息就會比卡通的要層次多許多，所以在保證畫質(zhì)的情況下，調(diào)節(jié)出最適合的顏色來搭配你繪制的卡通身體。色調(diào)一定要統(tǒng)一調(diào)，建議用調(diào)節(jié)層，不然單個調(diào)整會出現(xiàn)前后2幀顏色不均勻，播放動畫時就忽明忽暗的閃。（PS動圖制作基礎(chǔ)知識不懂的小伙伴，可以自行百度教程哈,網(wǎng)絡(luò)上的教程比我寫的詳細(xì)的多）

 

 

本文第一次寫時忘記了點擊“保存為草稿”，因為我看文字右上角有個提示“本地保存成功”。但當(dāng)我關(guān)閉網(wǎng)

 

頁后發(fā)現(xiàn)，尼瑪寫了大半天的東西木有了??！頓時我就桑心了，于是我歷下祖訓(xùn)，下次寫文章一定得先在本地寫好后再傳到網(wǎng)上，而不是直接在網(wǎng)上寫。。。。

 

 其實截止到今天，我看到了特別多有意思的原創(chuàng)表情，有些是有特定形象，有些是電影截圖等等，表情制作原理知道了后面就一通百通了，好比我多是用PS跟AE來創(chuàng)作，也有小伙伴用flash或maya，工具不局限，好玩才是重點嘛。亂七八糟的發(fā)表了一次亂七八糟的文章，也是一次探索，還有很多不足之處也希望能跟小伙伴們多多交流哈。