基于Photoshop軟件GIF動(dòng)圖的創(chuàng)意表情包設(shè)計(jì)及應(yīng)用

龐惠文 張?jiān)黾t

（山西鐵道職業(yè)技術(shù)學(xué)院藝術(shù)設(shè)計(jì)系 山西省太原市 030013）

隨著互聯(lián)網(wǎng)尤其是移動(dòng)互聯(lián)網(wǎng)的快速發(fā)展，表情包依賴其或滑稽或深刻或人文或通俗或文藝，無(wú)拘無(wú)束，自由開放的特點(diǎn)，贏得了廣大網(wǎng)民朋友的喜愛(ài)，迅速風(fēng)靡世界。目前，表情包已經(jīng)成為虛擬世界溝通交流的必備工具，成為跨越傳統(tǒng)語(yǔ)言障礙的新的世界共同語(yǔ)，成為全球文化發(fā)展中的耀眼新星，而其設(shè)計(jì)形式也越來(lái)越多樣化。其中，動(dòng)態(tài)表情更生動(dòng)擬人化，已經(jīng)成為網(wǎng)絡(luò)傳播的新常態(tài)，廣大用戶在網(wǎng)絡(luò)聊天時(shí)更喜愛(ài)使用動(dòng)態(tài)表情包。

1 GIF動(dòng)圖表情包

作為一種圖片傳播格式，GIF 是于1987年被開發(fā)的“圖像互換格式”，全稱為Graphics Interchange Format，分為靜態(tài)GIF 和動(dòng)畫GIF，文件名為.gif。GIF 格式不受播放限制，文件體積較小，幾乎可在任何終端自動(dòng)運(yùn)行，這也為其后期在移動(dòng)終端的廣泛傳播奠定了基礎(chǔ)。

GIF 動(dòng)圖表情包的真正流行爆發(fā)期主要集中在2010年之后，基本都是采用動(dòng)態(tài)的動(dòng)畫GIF 形式。Photoshop 是制作GIF 動(dòng)圖的主要計(jì)算機(jī)應(yīng)用軟件之一，采用的是Photoshop 軟件中的時(shí)間軸功能，通過(guò)在時(shí)間軸上創(chuàng)作逐幀動(dòng)態(tài)，達(dá)到連貫的動(dòng)畫效果。其中幀與幀之間的時(shí)間差是表情包動(dòng)作自然銜接的關(guān)鍵因素，同時(shí)要注意時(shí)間長(zhǎng)度和關(guān)鍵幀數(shù)，此外還要兼顧文件大小。

GIF 動(dòng)圖表情包設(shè)計(jì)主要以動(dòng)態(tài)圖形、圖像元素為設(shè)計(jì)元素，是一種新興的設(shè)計(jì)種類，越來(lái)越受草根設(shè)計(jì)者的青睞。動(dòng)態(tài)效果加入表情包的設(shè)計(jì)能更顯生動(dòng)有趣，將難以表達(dá)的語(yǔ)義直接化，輔助文字產(chǎn)生了更具有趣味性的效果，豐富了網(wǎng)絡(luò)用戶彼此的網(wǎng)絡(luò)交流體驗(yàn)，滿足雙方情緒表達(dá)需求。

2 “團(tuán)崽”表情包的設(shè)計(jì)制作

2.1 制作表情包基礎(chǔ)造型

表情包靜態(tài)原型是整個(gè)動(dòng)態(tài)表情包的基礎(chǔ)。通過(guò)調(diào)研發(fā)現(xiàn)外形可愛(ài)的表情包較受歡迎。以中華傳統(tǒng)美食“湯圓”為原型進(jìn)行擬人化設(shè)計(jì)，形成了表情包靜態(tài)雛形（如圖1所示）。并依據(jù)形象特點(diǎn)命名為“團(tuán)崽”表情包，“崽”字體現(xiàn)的幼萌感與調(diào)侃意味恰好契合表情包幽默賤萌的風(fēng)格。并確定表情介紹為“生活中有那么多頭疼的事，總得有個(gè)想起來(lái)就會(huì)甜甜的團(tuán)崽吶！”，符合湯圓的香甜、親和屬性。

2.2 制作各表情包靜態(tài)原型

根據(jù)微信表情開放平臺(tái)制作規(guī)范要求，一套表情包專輯數(shù)量要求為16 或者24。根據(jù)喜怒哀樂(lè)的情緒表達(dá)確定24 個(gè)聊天場(chǎng)景，并做好文案設(shè)計(jì)，包括：哭哭、emmmm…、生氣、到、、略略略…、傷心、一肚子壞水、露餡了、舒服、戳戳、送你心心、親親、嗨起來(lái)、我溜了、懶得理你、我酸了、驚、買它、膨脹、Pick me、尷尬、元宵快樂(lè)、？？？。之后利用photoshop 軟件繪制每個(gè)動(dòng)態(tài)表情的關(guān)鍵幀畫面（如圖2所示）。

圖1：“團(tuán)崽”表情包基礎(chǔ)造型

圖2：“團(tuán)崽”表情包24 個(gè)關(guān)鍵幀畫面

圖3：“團(tuán)崽”表情包“膨脹”連續(xù)幀畫面

圖4：“團(tuán)崽”表情包制作畫面

2.3 繪制連續(xù)幀畫面，制作表情主圖

圖5：“團(tuán)崽”表情包詳情頁(yè)

動(dòng)圖表情包設(shè)計(jì)以動(dòng)作流暢自然為原則，在photoshop 軟件繪制每個(gè)動(dòng)態(tài)表情的連續(xù)幀畫面。如圖3所示。

將24 個(gè)關(guān)鍵幀和連續(xù)幀畫面導(dǎo)入PS，用每個(gè)表情包的關(guān)鍵幀和連續(xù)幀畫面合在一起，確定好時(shí)間，調(diào)整幀速率到合適速度，注意設(shè)置為循環(huán)播放，最后導(dǎo)出為GIF 格式。如圖4所示。

2.4 制作表情包其他素材

2.4.1 表情縮略圖

表情縮略圖是在聊天頁(yè)和詳情頁(yè)展示的靜態(tài)圖，與表情主圖一一對(duì)應(yīng)。一般選擇每個(gè)主圖的關(guān)鍵幀畫面為表情縮略圖，盡量選取包含文字的那一幀位縮略圖。

2.4.2 詳情頁(yè)橫幅

詳情頁(yè)橫幅是點(diǎn)擊進(jìn)入這套表情的頁(yè)面時(shí)，表情詳情頁(yè)上方的宣傳畫，內(nèi)容要與表情有關(guān)。由于“團(tuán)崽”的特點(diǎn)是比較活潑俏皮的，所以設(shè)計(jì)了團(tuán)崽們?cè)诙燃冁覒虻膱?chǎng)景畫面，具有一定故事性。

2.4.3 表情封面圖

表情封面圖是表情上架后在“表情商店”看到的第一張圖像，每套表情在表情首頁(yè)展示的代表圖片。選擇團(tuán)崽的最具辨識(shí)度的、最能凸顯角色特質(zhì)的最基礎(chǔ)形象作為表情封面圖，注意要選擇透明背景。

2.4.4 聊天頁(yè)圖標(biāo)

聊天頁(yè)圖標(biāo)是下載成功的表情展示在聊天頁(yè)表情列表的圖標(biāo)，由于其尺寸小，盡量使用僅含表情角色的頭部正面圖像。選擇了一個(gè)團(tuán)崽俏皮的頭部圖像作為圖標(biāo)，此處也要選擇透明背景。

2.4.5 贊賞引導(dǎo)圖和致謝圖

贊賞引導(dǎo)圖展示在選擇贊賞金額頁(yè)面的圖片，用于吸引用戶發(fā)贊賞。風(fēng)格須與表情一致提升用戶發(fā)贊賞的意愿。注意圖片背景須與微信底色有較大的區(qū)分，盡量不要用淡色。

用戶發(fā)完贊賞后，展示在答謝頁(yè)面的圖片風(fēng)格須與表情一致激發(fā)用戶的分享意愿，吸引更多用戶發(fā)贊賞。

3 “團(tuán)崽”表情包的應(yīng)用

表情包的應(yīng)用最后呈現(xiàn)在微信社交網(wǎng)絡(luò)上。而微信表情開放平臺(tái)的推出為表情包的實(shí)際應(yīng)用提供了機(jī)會(huì)，可將制作好的表情包及素材應(yīng)用到實(shí)際聊天場(chǎng)景中。在平臺(tái)中點(diǎn)擊“提交表情專輯”，按照步驟上傳相關(guān)素材，之后等待審核，反復(fù)修改，最后完成上架。

上架后隨時(shí)能看到表情包應(yīng)用的相關(guān)數(shù)據(jù)，包括累計(jì)下載總量、累計(jì)發(fā)送總量、贊賞金額明細(xì)等。以下為“團(tuán)崽”表情包作品詳情頁(yè)中的部分相關(guān)數(shù)據(jù)（見(jiàn)圖5）。

4 結(jié)語(yǔ)

表情包的發(fā)展如火如荼。本文以GIF 動(dòng)圖在微信表情包設(shè)計(jì)中的應(yīng)用為切入點(diǎn)，選擇“團(tuán)崽”表情包作為設(shè)計(jì)實(shí)踐，結(jié)合微信表情包設(shè)計(jì)規(guī)范，研究動(dòng)態(tài)表情應(yīng)用特點(diǎn)，并通過(guò)設(shè)計(jì)制作“團(tuán)崽”表情專輯，完成表情在微信平臺(tái)的上架和應(yīng)用?？梢钥吹奖砬榘O(shè)計(jì)帶來(lái)了藝術(shù)與創(chuàng)造兩個(gè)方面的價(jià)值，滿足新時(shí)代下設(shè)計(jì)者草根創(chuàng)業(yè)的需求。同時(shí)，我們也應(yīng)該進(jìn)一步研究這些潛移默化影響著我們精神文化的新型產(chǎn)物，并思考其之后發(fā)展的趨勢(shì)與影響。