在視頻和Flash技術出現之前，人們在網絡中可能看到的大量動態內容就是Gif圖。這些Gif動態圖給人的印象是畫質粗糙、解析度低、顏色數少，但是它文件量小、短小精悍，非常便于網絡傳播，因此這些優勢的方面從一開始就成為它有別于視頻和照片的特色。

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

本期，讓我們一同走進Cinemagraph，并揭開其拍攝和后期制作的面紗。

Cinemagraph是什么

Cinemagraph是靜態照片中神奇的細微運動技術。顧名思義，Cinema是電影攝影，graph是圖片，Cinemagraph是動態攝影和靜態圖片的結合，因此它既不屬于電影，也不屬于照片，是介于兩者之間的視覺語言和形式。

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

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

富有創造性的Jamie Beck和Kevin Burg不但期待能夠探索和開創未來顯示技術在美術館和畫廊中的設置和應用，而且也想促進這種新的藝術形式和傳播過程成為一種最好的方法——在數碼時代，能夠及時捕捉一個鮮活的生活瞬間，或者當我們需要形象地交流和立即分享時，能夠創造出一個真實的、活生生的“人像”來。隨著應用領域的擴大，或許Cinemagraph會成為未來網絡廣告和產品圖片展示的主流。

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

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

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

Cinemagraph的拍攝

Cinemagraph需要讓靜止照片中某個位置以動態形式表現，其實是一個局部活動的 Gif 文件，通過視頻素材轉化而來。因此要想有動靜結合的畫面效果，在拍攝時要注意以下關鍵點。

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

2) 拍攝前先要構思好畫面中什么地方靜止，什么地方活動。活動的部分或對象最好能夠循環往復、自然銜接。運動的特點應該是重復、循環、細微。靜止和留白的畫面空間要占大的比例，這樣才能讓活動部分更加凸顯。

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

Cinemagraph的后期方法

Cinemagraph動態照片的制作原理其實并不復雜，其基本原理是利用了蒙版的遮擋，但最重要的是對圖像的優化要做好，否則圖像會非常大而且不便于傳遞。如果你想追求高質量及永久保存的作品，則需要花很長時間通過 Photoshop 、After effects等專業軟件來制作。

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

用PS如何制作Cinemagraph

利用Photoshop也可以制作Cinemagraph！核心技術要點是將短視頻文件轉化為圖層序列幀，通過“時間軸”及圖層蒙版等功能來實現。下面我們通過具體案例來演示。

經典案例：舞動的人影

前期拍攝

在這個Cinemagraph拍攝制作前，我們預想：希望人物擺一個很酷的動作，并保持絕對靜止。而投在墻面和地面上舞動的人影則保持循環往復的狀態。因此在拍攝時我們使用了側位的聚光燈，使人影形狀和角度在畫面中能夠很好的表現。

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

攝錄完成后我們便可把兩個視頻短片導入電腦，進行Cinemagraph制作了。

后期制作

第1步

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

第2步

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

TIPS: 如果你使用相機通過連拍獲得連續的圖片素材，可通過菜單欄“文件>腳本>將文件載入堆棧”，然后用“時間軸”制作幀動畫來進行處理。

第3步

選好的視頻段落將以序列幀的形式導入圖層面板中。并且通過“時間軸”來顯示。如果時間軸沒有開啟，可以在菜單欄中“窗口>時間軸”打開。

第4步

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

第5步

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

第6步

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

TIPS: 對“靜止層”進行蒙版操作，以及對整個短片進行調色等全局操作時，務必全選時間軸中所有的幀。這樣才能針對整個短片進行控制，而不是針對其中單獨的一幀。

第7步

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

第8步

使用裁剪工具，對畫面進行方形構圖裁切，去除畫面兩邊雜亂部分，讓畫面主題更集中。

第9步

對畫面進行調色，使其具有電影的色調感覺。首先在時間軸中要全選所有幀，然后可以使用漸變映射調色，或之前雜志介紹過的顏色查找調電影色調的方法來進行調色處理也可以嘗試。

第10步

調色完成后，可以針對作品的用途調整圖像的大小。菜單欄“圖像>圖像大小”。在本例中用于網絡傳輸，可把圖像大小調整為600×600像素。

第11步

輸出圖像。在菜單欄“文件>導出>存儲為web所用格式”彈出窗口中進行輸出的相關設置，其中需在“循環選項”中選擇“永遠”，這樣畫面動作就會一直循環下去。設置好后點擊存儲，生成一個Gif格式的影像文件。最后就可以進行網絡分享了。