學(xué)習(xí)表情制作的歷程

2018-08-07 1171 0

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

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

 

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


 


 

首先受到了一份騰訊的表情制作規(guī)范,無(wú)非幾個(gè)要求:


 

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


 

第二,大小為30kb以內(nèi);


 

第三,一套表情至少16個(gè);


 

第四,動(dòng)態(tài)表情格式為gif,靜態(tài)為png,帶通道;


 

還有一個(gè)神奇的第五,騰訊得覺(jué)得好看合適。


 

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


 


 

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


 

 


 

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


 

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


 


 

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

 

 而在真人表情制作流程中,同樣還會(huì)遇到這樣幾個(gè)問(wèn)題。

市場(chǎng)部大哥:“喂,小超啊。咱們《XX》電影即將上線,能幫我們做套表情唄。”

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

市場(chǎng)部大哥:“那是這樣的,我們的藝人很忙的,可能沒(méi)時(shí)間拍這些素材,要不這樣吧,《XX》電影里有他很多鏡頭,要不你從里邊找合適的吧。”

小超“·····”

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


 


 

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


 


 

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


 


 

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

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

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


 

 

抱歉,我是用自己微信搜藏截圖過(guò)來(lái)的,沒(méi)有找到動(dòng)圖。不過(guò)相信一些小伙伴也都看到過(guò)。 = =
 

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


 


 

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


 

 那么問(wèn)題來(lái)了,我們給藝人在制作這樣表情的時(shí)候怎樣才能擁有這樣的臉部動(dòng)起來(lái)的效果呢?


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


 

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


 

這里又分幾種情況:


 

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


 

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


 

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


 

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


 

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


 


 

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


 

7,如果是一些藝人需要制作,那就請(qǐng)?jiān)谧龇b的定妝照拍攝期的環(huán)節(jié)上,加上表情拍攝錄制。所以這個(gè)是在前期就一定要做好相應(yīng)準(zhǔn)備的,這一點(diǎn)非常重要!希望做市場(chǎng)推廣的朋友,如果有這方面表情制作需求,請(qǐng)?jiān)谇捌谂臄z藝人相關(guān)試裝照的時(shí)候就可以開(kāi)始著手了。按照上述要求拍攝就OK啦。


 


 

第二,制作方法。

 

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


 

 


 

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


 


 

本文第一次寫(xiě)時(shí)忘記了點(diǎn)擊“保存為草稿”,因?yàn)槲铱次淖钟疑辖怯袀€(gè)提示“本地保存成功”。但當(dāng)我關(guān)閉網(wǎng)


 

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


 

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


 


 


9
評(píng)論區(qū)(0)
正在加載評(píng)論...