動態圖片是由短影片或照片序列生成的“迷你影片”，一般以Gif格式儲存。後來經過一些攝影師和設計師的創造，集創意、藝術化、拍攝和後期處理為一身的超動態Gif圖便出現了，這便是“Cinemagraph”。Cinemagraph擁有遠勝於普通Gif圖甚至影片的動態內容表現能力，使用目前的攝影和後期技術已經能夠獲取畫質細膩、色彩豐富、壓縮較好的動態圖片。而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格式的影像檔案。最後就可以進行網路分享了。

藉助Cinemagraph還可以實現更多更有趣的創意效果，小夥伴們還不趕緊去試試吧！

感