微動效果，如何用Photoshop制作動態(tài)照片(4)

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

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

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

Cinemagraph是什么

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

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

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

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

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

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

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

Cinemagraph的拍攝

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

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

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

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

Cinemagraph的后期方法

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

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

用PS如何制作Cinemagraph

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

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

前期拍攝

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

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

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

后期制作

第1步

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

第2步

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

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

第3步

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

第4步

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

第5步

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

第6步

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

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

第7步

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

第8步

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

第9步

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

第10步

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

第11步

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