在視頻和Flash技術(shù)出現(xiàn)之前，人們?cè)诰W(wǎng)絡(luò)中可能看到的大量動(dòng)態(tài)內(nèi)容就是Gif圖。這些Gif動(dòng)態(tài)圖給人的印象是畫質(zhì)粗糙、解析度低、顏色數(shù)少，但是它文件量小、短小精悍，非常便于網(wǎng)絡(luò)傳播，因此這些優(yōu)勢(shì)的方面從一開(kāi)始就成為它有別于視頻和照片的特色。

動(dòng)態(tài)圖片是由短視頻或照片序列生成的“迷你視頻”，一般以Gif格式存儲(chǔ)。后來(lái)經(jīng)過(guò)一些攝影師和設(shè)計(jì)師的創(chuàng)造，集創(chuàng)意、藝術(shù)化、拍攝和后期處理為一身的超動(dòng)態(tài)Gif圖便出現(xiàn)了，這便是“Cinemagraph”。Cinemagraph擁有遠(yuǎn)勝于普通Gif圖甚至視頻的動(dòng)態(tài)內(nèi)容表現(xiàn)能力，使用目前的攝影和后期技術(shù)已經(jīng)能夠獲取畫質(zhì)細(xì)膩、色彩豐富、壓縮較好的動(dòng)態(tài)圖片。而Cinemagraph最重要、也是最鮮明的特色和靈魂應(yīng)當(dāng)是它獨(dú)特的視覺(jué)語(yǔ)言和表達(dá)方式——在寧?kù)o的、充滿電影感的照片中閃現(xiàn)出一絲局部動(dòng)態(tài)的美感，每張Cinemagraph都在更加強(qiáng)化故事性，這樣的照片驚艷而令人著迷。

本期，讓我們一同走進(jìn)Cinemagraph，并揭開(kāi)其拍攝和后期制作的面紗。

Cinemagraph是什么

Cinemagraph是靜態(tài)照片中神奇的細(xì)微運(yùn)動(dòng)技術(shù)。顧名思義，Cinema是電影攝影，graph是圖片，Cinemagraph是動(dòng)態(tài)攝影和靜態(tài)圖片的結(jié)合，因此它既不屬于電影，也不屬于照片，是介于兩者之間的視覺(jué)語(yǔ)言和形式。

Cinemagraph這種藝術(shù)形式于2011年流行起來(lái)，始見(jiàn)于紐約Jamie Beck及 Kevin Burg的博客“From me to you”中，但其實(shí)Kevin Burg早在2009年就開(kāi)始利用gif格式進(jìn)行影像方面的試驗(yàn)和創(chuàng)作了。后來(lái)Jamie Beck和 Kevin Burg在紐約時(shí)裝周（NYFW）合作中，創(chuàng)作并通過(guò)互聯(lián)網(wǎng)分享了很多作品。本著作品能與觀眾有更多互動(dòng)的愿景，Cinemagraph迅速發(fā)展起來(lái)。之后他們把博客改名為“Ann Street Studio”,另外同時(shí)建立了自己的網(wǎng)站Cinemagraphs。

Cinemagraph既保持了傳統(tǒng)攝影的原則，又具有電影的靈魂和品質(zhì)。攝影師的Jamie Beck和動(dòng)畫技師的Kevin Burg以他們的專業(yè)背景，把視頻影像和攝影圖像間做了有益的嘗試和結(jié)合，他們把這一創(chuàng)作的過(guò)程和藝術(shù)形式命名為“Cinemagraph”，杜撰出這一專有的術(shù)語(yǔ)。通過(guò)社交媒體平臺(tái)，Cinemagraph這種融合兩種風(fēng)格的影像和其術(shù)語(yǔ)像病毒一樣迅速的流行和傳播開(kāi)來(lái)，正式確立了自身的身份和地位。而他們也最早把Cinemagraph應(yīng)用在時(shí)尚攝影拍攝領(lǐng)域，商業(yè)上的成功和大量的實(shí)踐又不斷詮釋著Cinemagraph的意義和精神。

富有創(chuàng)造性的Jamie Beck和Kevin Burg不但期待能夠探索和開(kāi)創(chuàng)未來(lái)顯示技術(shù)在美術(shù)館和畫廊中的設(shè)置和應(yīng)用，而且也想促進(jìn)這種新的藝術(shù)形式和傳播過(guò)程成為一種最好的方法——在數(shù)碼時(shí)代，能夠及時(shí)捕捉一個(gè)鮮活的生活瞬間，或者當(dāng)我們需要形象地交流和立即分享時(shí)，能夠創(chuàng)造出一個(gè)真實(shí)的、活生生的“人像”來(lái)。隨著應(yīng)用領(lǐng)域的擴(kuò)大，或許Cinemagraph會(huì)成為未來(lái)網(wǎng)絡(luò)廣告和產(chǎn)品圖片展示的主流。

2014年12月,美國(guó)商標(biāo)和專利辦公室把術(shù)語(yǔ)“Cinemagraph”的商標(biāo)權(quán)正式授予加拿大軟件制造商Flixel公司， Flixel公司以出品“Cinemagraph pro”IOS版和MAC版應(yīng)用軟件而聲名大噪，并獲得了2014年蘋果軟件設(shè)計(jì)大獎(jiǎng)。該軟件專門用于制作Cinemagraph，輕松上手，簡(jiǎn)單快捷，娛樂(lè)性極強(qiáng)，這使得Cinemagraph制作不再受專業(yè)限制，變得便于大眾參與和傳播， Cinemagraph這種形式受到大眾更多的關(guān)注。

將靜止的圖片和視頻結(jié)合在一起“解凍”了塵封在圖片中的某一個(gè)時(shí)刻。Jamie和Kevin說(shuō)：“比起一張靜止的照片，我們想在照片中傳達(dá)更多的故事；但又不想用冗長(zhǎng)的視頻。” 引用超級(jí)名模Coco Rocha的話：“more than a photo, but not quite a video(比照片包容更多，但不完全是視頻)”，Cinemagraph的魅力正在于此。

Cinemagraphs讓人耳目一新，也出現(xiàn)了相關(guān)的展覽。筆者曾經(jīng)在新加坡看一個(gè)展覽的時(shí)候有一個(gè)展廳展出的全是這樣的作品，它是在一種隱形的電子畫框里面，你看不出那是個(gè)顯示器，以為那是油畫。如果你不太注意的話你會(huì)認(rèn)為那是一張靜止的作品，但是當(dāng)你十分入神地去看那個(gè)作品的時(shí)候，它會(huì)在一個(gè)非常長(zhǎng)的時(shí)間中突然間動(dòng)一下，挺能讓觀眾與作品產(chǎn)生交互。Cinemagraphs這種形式現(xiàn)在慢慢多起來(lái)了，并且筆者也非常喜歡這種形式。

Cinemagraph的拍攝

Cinemagraph需要讓靜止照片中某個(gè)位置以動(dòng)態(tài)形式表現(xiàn)，其實(shí)是一個(gè)局部活動(dòng)的 Gif 文件，通過(guò)視頻素材轉(zhuǎn)化而來(lái)。因此要想有動(dòng)靜結(jié)合的畫面效果，在拍攝時(shí)要注意以下關(guān)鍵點(diǎn)。

1) 拍攝時(shí)使用有攝錄功能的相機(jī)、攝像機(jī)、手機(jī)都可。必須使用三腳架進(jìn)行穩(wěn)定。拍攝一組序列幀照片或者一段視頻短片都可。

2) 拍攝前先要構(gòu)思好畫面中什么地方靜止，什么地方活動(dòng)。活動(dòng)的部分或?qū)ο笞詈媚軌蜓h(huán)往復(fù)、自然銜接。運(yùn)動(dòng)的特點(diǎn)應(yīng)該是重復(fù)、循環(huán)、細(xì)微。靜止和留白的畫面空間要占大的比例，這樣才能讓活動(dòng)部分更加凸顯。

3) 拍攝時(shí)使用M手動(dòng)擋，包括白平衡與對(duì)焦也要使用手動(dòng)，以減少畫面變化，防止畫面閃抖。

Cinemagraph的后期方法

Cinemagraph動(dòng)態(tài)照片的制作原理其實(shí)并不復(fù)雜，其基本原理是利用了蒙版的遮擋，但最重要的是對(duì)圖像的優(yōu)化要做好，否則圖像會(huì)非常大而且不便于傳遞。如果你想追求高質(zhì)量及永久保存的作品，則需要花很長(zhǎng)時(shí)間通過(guò) Photoshop 、After effects等專業(yè)軟件來(lái)制作。

如果你手頭有一部手機(jī)，想在生活中拍出動(dòng)態(tài)照片，那么有很多專門針對(duì)Cinemagraph制作開(kāi)發(fā)的APP應(yīng)用軟件就非常適合你了。這些APP應(yīng)用只需要用手機(jī)拍攝短片然后動(dòng)動(dòng)手指涂抹“想要運(yùn)動(dòng)”的位置，就可以生成動(dòng)態(tài)照片了，還可以隨時(shí)分享到社交網(wǎng)站，非常簡(jiǎn)單好用！最有名的APP如Cinemagraph（Flixel公司開(kāi)發(fā)的APP,有IOS手機(jī)版也有MAC版）、Kinotopic、Cliplet（微軟開(kāi)發(fā)）等等。

用PS如何制作Cinemagraph

利用Photoshop也可以制作Cinemagraph！核心技術(shù)要點(diǎn)是將短視頻文件轉(zhuǎn)化為圖層序列幀，通過(guò)“時(shí)間軸”及圖層蒙版等功能來(lái)實(shí)現(xiàn)。下面我們通過(guò)具體案例來(lái)演示。

經(jīng)典案例：舞動(dòng)的人影

前期拍攝

在這個(gè)Cinemagraph拍攝制作前，我們預(yù)想：希望人物擺一個(gè)很酷的動(dòng)作，并保持絕對(duì)靜止。而投在墻面和地面上舞動(dòng)的人影則保持循環(huán)往復(fù)的狀態(tài)。因此在拍攝時(shí)我們使用了側(cè)位的聚光燈，使人影形狀和角度在畫面中能夠很好的表現(xiàn)。

使用相機(jī)的攝像功能拍攝兩個(gè)短片，第一個(gè)短片攝錄設(shè)計(jì)好的人物靜止動(dòng)作（如上圖中人物姿勢(shì)），由于后期只用到該短片的一楨畫面，所以讓人物保持靜止后，拍攝幾秒即可，最后挑一楨最好的畫面。第二個(gè)短片主要拍攝人影舞動(dòng)的素材，開(kāi)拍后讓人物上半身舞動(dòng)出各種姿勢(shì)，需要注意人物舞動(dòng)的姿勢(shì)最好做到重復(fù)和可循環(huán)，另外人影和人物之間應(yīng)保持距離，盡量減少重疊，這些要領(lǐng)都是為了后期制作時(shí)能夠便于處理，使畫面流暢自然。

攝錄完成后我們便可把兩個(gè)視頻短片導(dǎo)入電腦，進(jìn)行Cinemagraph制作了。

后期制作

第1步

打開(kāi) Photoshop CC2015，在菜單欄“文件>導(dǎo)入> 視頻幀到圖層”，首先打開(kāi)用于制作人物靜止動(dòng)作的短片素材。在彈出窗口的“導(dǎo)入范圍”中選擇“僅限所選范圍”，由于只用到一個(gè)靜止幀畫面，所以拖拽范圍滑塊選取一楨畫面即可。此時(shí)可以不必勾選“制作幀動(dòng)畫”選項(xiàng)。單擊“確定”。

第2步

將導(dǎo)入圖層的一楨畫面命名為“靜止層”。然后重復(fù)第一步的操作步驟，在菜單欄“文件>導(dǎo)入>視頻幀到圖層”打開(kāi)人像影子的素材短片，在彈出窗口的“導(dǎo)入范圍”中選擇“僅限所選范圍”，務(wù)必勾選“制作幀動(dòng)畫”復(fù)選框。然后分別拖拽前后的黑色范圍滑塊選取短片段落，Photoshop對(duì)于影片中的片段剪輯不是很方便，如果你有專業(yè)的影片剪輯軟件，先編輯好再進(jìn)行這步會(huì)更為方便。在截取時(shí)注意最好是完整的一個(gè)動(dòng)作循環(huán)，或能夠使首尾動(dòng)作匹配銜接。最后單擊“確定”。

TIPS: 如果你使用相機(jī)通過(guò)連拍獲得連續(xù)的圖片素材，可通過(guò)菜單欄“文件>腳本>將文件載入堆棧”，然后用“時(shí)間軸”制作幀動(dòng)畫來(lái)進(jìn)行處理。

第3步

選好的視頻段落將以序列幀的形式導(dǎo)入圖層面板中。并且通過(guò)“時(shí)間軸”來(lái)顯示。如果時(shí)間軸沒(méi)有開(kāi)啟，可以在菜單欄中“窗口>時(shí)間軸”打開(kāi)。

第4步

在時(shí)間軸中播放動(dòng)畫觀察影子的變化情況。理論上講如果短片本身能夠完美地循環(huán)銜接的話，當(dāng)你按左下角的動(dòng)畫播放鈕時(shí)，它就會(huì)循環(huán)播放變成一個(gè)原始的動(dòng)態(tài)照片。但如果不行的話，可以通過(guò)在時(shí)間軸上增加幀來(lái)使動(dòng)作自然銜接。在本例中是將時(shí)間軸中所有幀全選后進(jìn)行復(fù)制，然后將復(fù)制好的所有幀做“反向幀”。例如短片原來(lái)的順序是 A>B>C，現(xiàn)在經(jīng)過(guò)復(fù)制再反向后便是 A>B>C>B>A，這樣的循環(huán)就會(huì)很流暢，當(dāng)然也需要根據(jù)影片的情況來(lái)定，如果是單向運(yùn)動(dòng)的話，則不需要這樣做。

第5步

切換到步驟1中制作靜止層的窗口。在圖層面板中選取“靜止層”圖層，單擊鼠標(biāo)右鍵在彈出窗口中選擇“復(fù)制圖層”，將“靜止層”復(fù)制到第二個(gè)工作窗口中。在圖層面板中將復(fù)制好的靜止層拖拽置頂。

第6步

在圖層面板中選取“靜止層”，然后在時(shí)間軸中全選所有幀。單擊“靜止層”前面的眼睛圖標(biāo)（visible），使其可視，這樣才能使“靜止層”成為所有幀的“靜止層”。接下來(lái)，在靜止層上添加圖層蒙版，在工具欄中使用“快速選擇工具”對(duì)人像外輪廓進(jìn)行勾選。

TIPS: 對(duì)“靜止層”進(jìn)行蒙版操作，以及對(duì)整個(gè)短片進(jìn)行調(diào)色等全局操作時(shí)，務(wù)必全選時(shí)間軸中所有的幀。這樣才能針對(duì)整個(gè)短片進(jìn)行控制，而不是針對(duì)其中單獨(dú)的一幀。

第7步

對(duì)勾選好的人像選區(qū)進(jìn)行反選（Command+shift+I）,使用黑色油漆桶工具單擊圖層蒙版中人物之外的選區(qū)部分。這時(shí)，除靜止人像外的背景全都顯露出來(lái)。在圖層蒙版中使用白色畫筆工具，擦除人像活動(dòng)時(shí)殘留的重影。這個(gè)步驟需要通過(guò)在時(shí)間軸播放動(dòng)畫來(lái)確定擦除的范圍，但切記要保留好影子部分。當(dāng)處理完成后播放動(dòng)畫查看，預(yù)想的畫面效果已基本呈現(xiàn)出來(lái)。此外也可設(shè)定每一幀的速度，可以控制影子擺動(dòng)的速度節(jié)奏，在本例中所有幀的速度是0.04秒。下面進(jìn)一步進(jìn)行美化處理。

第8步

使用裁剪工具，對(duì)畫面進(jìn)行方形構(gòu)圖裁切，去除畫面兩邊雜亂部分，讓畫面主題更集中。

第9步

對(duì)畫面進(jìn)行調(diào)色，使其具有電影的色調(diào)感覺(jué)。首先在時(shí)間軸中要全選所有幀，然后可以使用漸變映射調(diào)色，或之前雜志介紹過(guò)的顏色查找調(diào)電影色調(diào)的方法來(lái)進(jìn)行調(diào)色處理也可以嘗試。

第10步

調(diào)色完成后，可以針對(duì)作品的用途調(diào)整圖像的大小。菜單欄“圖像>圖像大小”。在本例中用于網(wǎng)絡(luò)傳輸，可把圖像大小調(diào)整為600×600像素。

第11步

輸出圖像。在菜單欄“文件>導(dǎo)出>存儲(chǔ)為web所用格式”彈出窗口中進(jìn)行輸出的相關(guān)設(shè)置，其中需在“循環(huán)選項(xiàng)”中選擇“永遠(yuǎn)”，這樣畫面動(dòng)作就會(huì)一直循環(huán)下去。設(shè)置好后點(diǎn)擊存儲(chǔ)，生成一個(gè)Gif格式的影像文件。最后就可以進(jìn)行網(wǎng)絡(luò)分享了。