淺析制作高質(zhì)量創(chuàng)意GIF動圖的技巧

王怡丁

摘要：GIF（Graphics Interchange Format）格式是一種應(yīng)用比較廣泛的動畫格式，支持多平臺，文件容量不大，很適合網(wǎng)絡(luò)的傳輸。但傳統(tǒng)GIF格式的動態(tài)圖片總給人一種粗制濫造的感覺。一般動態(tài)效果的制作方法就是上下左右進(jìn)行位移、放大縮小、淡入淡出，這樣做出來的動畫，缺乏“生命”缺少創(chuàng)意。為了改變以往GIF格式粗糙畫質(zhì)差等給人們的印象，我們將以Cinemagraph這種形式將它呈現(xiàn)出來。

關(guān)鍵詞：GIF；Cinemagraph ；靜態(tài)變動態(tài)；摳圖；后期合成

中圖分類號：TP37 文獻(xiàn)標(biāo)識碼：A 文章編號：1009-3044（2016）22-0185-02

GIF是CompuServe公司在1987年開發(fā)的圖像文件格式。但是普通的動態(tài)GIF作品總給人以一種畫面粗糙、畫質(zhì)不清的印象，在大眾審美逐漸提高的今天，普通的動態(tài)效果已不能滿足大家需要，這個時候就需要將以往的動畫形式進(jìn)行改進(jìn)。

1 普通動態(tài)GIF畫質(zhì)創(chuàng)意分析

GIF（Graphics Interchange Format）格式是一種應(yīng)用比較廣泛的動畫格式，支持多平臺，文件容量不大，很適合網(wǎng)絡(luò)的傳輸。常見的有視頻實(shí)時截取GIF、或者是一些小型動態(tài)圖和搞笑短片，得到的效果要不就是畫面質(zhì)量低，要不就是一些缺乏創(chuàng)意制作粗糙、畫質(zhì)不清的動畫效果。

一張照片變成動態(tài)效果，通常的處理方法就是上下左右進(jìn)行位移、放大縮小、淡入淡出等，這樣做出來的動畫，缺乏“生命”缺少創(chuàng)意，隨著大眾審美的不斷提高，人們對畫面質(zhì)感和藝術(shù)追求也有了全新改變，那么我們要用什么樣的方法才能讓它煥發(fā)新的生命，并提升其藝術(shù)價值呢？為了改變以往GIF格式粗糙畫質(zhì)差等給人們的印象，我們將以另一種形式將它呈現(xiàn)出來。

2 用Cinemagraph的形式重新演繹GIF動圖

Cinemagraph是一種基于GIF格式制作的全新的藝術(shù)表現(xiàn)形式，顧名思義cinema是電影graph是圖片，是將動態(tài)效果和靜態(tài)的圖片相結(jié)合。它是一種超越照片，又并非完全是電影的微動照片形式。這項(xiàng)藝術(shù)是來自美國紐約的Jamie和Kevin兩位藝術(shù)家共同的創(chuàng)舉，目前谷歌、Tiffany、Donna Karan等知名品牌都是他們的客戶，除此之外，許多商業(yè)品牌也逐步在將Cinemagraph作品融入在網(wǎng)絡(luò)宣傳之中。可見，這一藝術(shù)形式已經(jīng)得到了很多網(wǎng)絡(luò)、媒體及品牌的注意，這是任何一個階段的GIF格式作品都沒有達(dá)到過的一種高度。

Cinemagraph對于視頻來說，是縮減了視頻運(yùn)動的信息量，但把注意點(diǎn)集中在某一處細(xì)節(jié)，形式感比較強(qiáng)，你會發(fā)現(xiàn)畫面中某個重要細(xì)節(jié)在神秘地活動著。知名旅行攝影師Matt Braga發(fā)表文章時說到“要感謝這個叫Cinemagraph的小東西，居然讓一個古老到快要崩潰的動畫格式有了一次新的生命。”評論界甚至認(rèn)為Cinemagraph正逐漸將動態(tài)GIF藝術(shù)提升到藝術(shù)品的范疇。

在Cinemagraph的世界里，所有的作品不僅僅是普通的GIF動態(tài)圖片，而是畫面大部分呈現(xiàn)靜止?fàn)顟B(tài)，僅某個細(xì)節(jié)之處有著細(xì)膩的動畫，從而營造出奇妙的視覺效果和氛圍。設(shè)計制作Cinemagraph需要分兩個部分，第一部分是設(shè)計，理清思路，因?yàn)槲覀円獙⒁粡?維的照片做出仿3維的效果，就必須了解物體的運(yùn)動規(guī)律和透視關(guān)系，比方說近大遠(yuǎn)小、重疊遮擋、空氣感以及控制景深等。第二部分就是動手制作，我們將會利用Photoshop 以及AfterEffect來完成，將照片當(dāng)中需要變?yōu)閯討B(tài)效果的圖像都分別在Photoshop里摳出來，作為獨(dú)立的一層，再利用After Effect在后期做上一些關(guān)鍵幀動畫，然后再從新擺放它們的空間位置關(guān)系，最后再加上一點(diǎn)點(diǎn)攝影機(jī)的運(yùn)動來完成這一動態(tài)效果。

3 實(shí)現(xiàn)Cinemagraph的步驟

第一步、利用Photoshop進(jìn)行摳像處理并保存

選擇一張照片，以“蕩秋千”為例，將“蕩秋千.jpg”在Photoshop里打開，復(fù)制一層作為背景層，將女孩頭部單獨(dú)分離出來。

將“女孩”從背景中分離出來。利用Photoshop里的“快速選擇工具”進(jìn)行摳像。按住鼠標(biāo)在人物區(qū)域進(jìn)行摳像，按住“ALT鍵”不動，拖動鼠標(biāo)減去不需要扣出的地方，待想要的人物都在選區(qū)內(nèi)以后，點(diǎn)擊右鍵選擇“調(diào)整邊緣”，加一點(diǎn)平滑后點(diǎn)擊確定。復(fù)制一層背景層，取名為“女孩”，再在“女孩”這層點(diǎn)擊右鍵，點(diǎn)擊“選擇反向”按DELETE鍵刪除選區(qū)之外的內(nèi)容，這樣就先扣出“女孩”的部分。

將“女孩”頭部單獨(dú)摳出。復(fù)制“女孩”這一層，取名“女孩頭部”，同樣利用“快讀選擇工具”選擇頭部，將頭部單獨(dú)摳出，在“女孩”這層按DELETE鍵刪除頭部，回到“女孩頭部”，右鍵選擇反向選擇，刪除選擇部分，只留下頭部。

最后處理背景，回到背景層利用仿制圖章工具，將人物的區(qū)域替換成旁邊的空景避免穿幫。最后我們得到了背景的空景層，和人物的單獨(dú)層，把文件保存為PSD格式。

第二步、After Effect進(jìn)行后期的合成處理

Photoshop摳圖的部分已經(jīng)完成，接下來就需要將文件導(dǎo)入到After Effect里面進(jìn)行后期的合成處理，接下來就開始后期合成的部分。

首先將“蕩秋千.psd”導(dǎo)入After Effect，將圖像合成設(shè)置持續(xù)時間設(shè)置為4秒。將關(guān)鍵幀拖動到2秒位置，設(shè)置“女孩頭部”Z軸順時針旋轉(zhuǎn)6度，將關(guān)鍵幀分別拖動到0秒和4秒位置，設(shè)置Z軸旋轉(zhuǎn)保持為0度。

新建一個空白對象（圖層/新建/空白對象），將“女孩”“女孩頭部”“空白1”設(shè)置一個父級關(guān)系。將關(guān)鍵幀拖放到2秒位置，選擇空白對象將“位置”“比例”“X軸旋轉(zhuǎn)”打上關(guān)鍵幀，接著將關(guān)鍵幀分別拖動到0秒和4秒位置，設(shè)置“位置”參數(shù)為（500，307，0），將比例縮小到85，設(shè)置X軸旋轉(zhuǎn)10度。需要注意的是0秒和4秒位置的參數(shù)必須同步。

將“空白1”“女孩”“女孩頭部”進(jìn)行預(yù)合成。選擇“空白1”“女孩”“女孩頭部”點(diǎn)擊快捷鍵（CTRL+SHIFT+C）得到一個新的合成層，這樣動作的部分我們就調(diào)完了。

接下來設(shè)置攝像機(jī)運(yùn)動。把所以圖層的3D圖層打開，新建一個攝像機(jī)，在“3D視圖彈出式菜單”選擇“頂視圖”，移動每個層的空間位置，把背景層放最后，“女孩”層放中間。回到“有效攝影機(jī)”視圖，然后選擇“統(tǒng)一攝像機(jī)”工具，快捷鍵“C ” ，選擇“攝像機(jī)”層，第1秒和第4秒分別打上變換屬性關(guān)鍵幀，再將時間線拉到第2秒，按住鼠標(biāo)右鍵不動向前推移，模擬攝影機(jī)運(yùn)動，按住鼠標(biāo)中鍵可以移動視圖，確定好位置之后，預(yù)覽效果。接下來我們在細(xì)節(jié)上做一些處理，給背景層添加“攝影機(jī)鏡頭模糊”效果，再給模糊半徑打上關(guān)鍵幀，這樣整個效果就完成了。

動態(tài)部分做完，接下來需要渲染輸出成GIF格式的文件。選擇（圖像合成/制作影片），輸出組件選擇無損GIF，設(shè)置輸出路徑，最后點(diǎn)渲染，最后一張GIF動態(tài)圖就制作完成了。

4 結(jié)論

總之，Cinemagraph作品比起靜態(tài)圖片更具時間上的表現(xiàn)力和創(chuàng)意上的新鮮感，比起動態(tài)視頻又具備加載方便、傳播快速的特點(diǎn)。通過專業(yè)的拍攝與專業(yè)的軟件制作保證了作品的質(zhì)量，動態(tài)與靜態(tài)之間的把握是創(chuàng)意的突破口，與創(chuàng)意攝影的結(jié)合、與繪畫的結(jié)合或是運(yùn)用獨(dú)特的拍攝手法都能成為Cinemagraph帶來更多的創(chuàng)意可能性。創(chuàng)意讓我們的生活有了更多色彩，敢于創(chuàng)新敢于實(shí)踐把平時學(xué)到的知識運(yùn)用到實(shí)踐中去，多做多練，知識不是單一的，它是互相聯(lián)系的，讓它在現(xiàn)實(shí)生活中得到充分的應(yīng)用，從而解決一些問題，這才是學(xué)習(xí)的根本目的。

參考文獻(xiàn)：

[1] 百度百科《Cinemagraph》

[2] 楊陽.GIF的新紀(jì)元——對Cinemagraph藝術(shù)的研究與探索[D].東華大學(xué)，2013.