這種局部會動的照片,有人稱之為「Cinemagraph」,而微軟則叫它「Cliplets」,並推出 Windows 版的軟體讓使用者輕鬆 DIY。之前T客邦介紹過使用手機 App 來製作 Cinemagraph,如果你想用電腦來處理的話,微軟推出的 Cliplets 軟體是個很好用的工具。

要製作在靜態的背景下,有部分範圍的影像維持動態動作的效果,以往一般的影片剪輯軟體由於沒有提供這樣的工具,因此製作出這樣的影片難度非常地高。不過,現在微軟實驗室推出了「Microsoft Research Cliplets」這一套工具,功能就是用來針對使用者所圈選範圍內的影片影像,與背景之間的影像進行切割,藉此可以得到背景畫面凝結,部分畫面繼續動作的效果。

目前用「Microsoft Research Cliplets」所製作的影片,只能製作出十秒鐘的效果影片。這套工具的原理其實是利用同樣一段影片,製作出兩個圖層(在影像剪輯軟體中則會稱之為影像軌),第一個圖層為從影片中取出的一個靜態畫格,用來當成是背景影像(為了方便描述,本文將這個圖層稱為背景圖層)。

至於第二個圖層,則是從影片中取出的一小段時間的動態影片,要疊在靜態影片之上,用來當做突出效果的動態影片。而且在這個圖層中,我們僅取用這個圖層的一小個區域顯示,我們會在這個圖層上製作一個遮罩,只把人物或是其他主題物圈選起來,把背景消去(為了方便描述,本文將這個圖層稱為動畫圖層)。當我們將背景圖層、動畫圖層都設定完畢後,上下兩個圖層相疊,就可以展示出動態的人物突顯在靜態的背景上的效果。

  1. 設定動作範圍時間軸
  2. 靜態背景畫面
  3. 人物動作畫面遮罩
  4. 實際播放影片時的動作速度設定
  5. 背景影片圖層
  6. 動作影片圖層

下載以及安裝Cliplets

在「Microsoft Research Cliplets」的官網上可以下載32位元以及64位元兩種版本的安裝程式,你可以依照自己的作業系統版本,下載對應的程式來安裝執行。除了安裝主程式外,系統也需要安裝微軟的「.Net」套件或是相關的應用程式執行套件,如果你的電腦之前沒有安裝這些套件的話,在安裝Cliplets的過程中,會自己進行下載安裝的動作。

另外,為了讓你更容易理解,我們接下來會以一段影片來說明,在這個範例(上圖)影片中上方大部分為海浪的畫面,而影片下方則有一名婦人在沙灘上撿拾漂流木的婦人在持續地動作。而我們選擇讓海浪的畫面當做是背景圖層,而讓下方婦人動作的那個部分,當成是動畫圖層來製作接下來的影片。

Step 1

連到官網上,右邊可以選擇32位元或是64位元的程式來下載安裝。

Step 2

依照安裝程式指示,只要一直按「Next」就可以一路執行下去。

Step 3

安裝完畢後,按下「Close」可以直接啟動主程式。

Step 4

這就是程式啟動的畫面,中央的區域可以讓你直接拖曳影片到這裡,開始進行編輯的動作。

(後面還有:確認背景及動態畫面區域)

延伸閱讀:

會動的照片 Cinemagraph 美圖欣賞,PS 教學影片、 App 介紹

確認背景及動態畫面區域

現在,利用拖曳的方式將影片從檔案總管拖曳到Cliplets的工作區中,這時會跳出一個「Trim Video」的視窗,這是用來讓你從影片中剪出十秒中的工作影片片段,你可以透過下方的時間軸檢視這個影片,從中找到影片中的哪一個片段,最適合進行你將要進行的剪輯的動作。

首先你要先確認,這個影片中你要將哪些區域設定為靜態畫面,而哪些區域設定為動態的範圍。以範例影片為例,我們希望將原本是在拍打的海浪凝結起來,變成靜態的背景畫面,而希望讓下方的婦人維持動作藉此營造出強調的動態效果。

設定結束後,你必須要在軟體中設定兩個圖層,首先利用時間軸檢視影片畫面,挑選一格最適合的海浪定格畫面當做背景。接下來,在軟體中新增一個圖層,然後依照上方的婦人在影片中的動作,選擇一段時間區域來選擇當做動態的主題畫面。最後,再在這個動畫區中,圈選出要突顯的婦人動畫影像區域,這樣就可以建立一個遮罩。最後呈現的畫面就是只有婦人在動作,其他區域都會變成靜態的影像。

Step 1

當你把影片拖曳到編輯區後,會先跳出這個視窗,利用下方的滑桿,擷取出要取用的影片片段,按下「ok」按鈕。

Step 2

現在進入主編輯區,移動上方的滑桿,找尋你覺得最適合的背景海浪畫面,將畫面停在這一格上。然後按下「Add new layer」加一個新的圖層。

Step 3

現在在右邊你會看到多了一個圖層,在這個圖層選擇影像合成的動作為「Loop」。

Step 4

現在游標移到畫面中央,會變成鉛筆的形狀。在人物的周圍圈選起來,同時可以在右邊的圖層區域中,同時會有這個圈選區域的縮圖,表示你已經完成一個遮罩。

(後面還有:調整動畫的速度以及時間範圍)

調整動畫的速度以及時間範圍

其實上一頁的動作完成後,你如果按下Play的按鈕,就已經可以看到動畫的效果影片了。不過現在你可以進一步針對人物部分的動畫效果進行微調,將可以讓影片效果調整到更完美。

首先你要在我們新增的這個圖層(人物動畫的圖層)的編輯畫面中,移動上方的滑桿,這個滑桿是用來調整人物動畫的時間軸,你調整上方滑桿的左右範圍,就可以調整在下方主畫面中人物動作的起點以及終點時間(最高不能超過十秒鐘的限制)。

至於畫面下方的滑桿,則是用來調整人物動作的速度。透過移動滑桿,可以看到下方會出現幾個方格,如果只有一個方格,則表示主畫面的人物動作是以1:1的速度播放。而如果下方有兩個方格,則表示人物動作會以快一倍的速度重複播放。

Step 1

調整編輯區域上方的滑桿,將右端的滑桿往最右邊移動,就可以將人物動作的時間範圍調整為最大(你所選取的影片片段,在時間範圍內的完整動作)。

Step 2

畫面編輯區域下方的滑桿右端移動到最右邊,則可以將人物動作的速度調整為與上方的時間範圍以1:1的速度播放。

Step 3

按下「Play」按鈕,可以開始運算動畫的效果並且播放。你如果按下右上角的「Export cliplet」按鈕,則可以將製作好的影片儲存成mp4或是wmv的格式。

Step 4

你也可以將下方的滑桿往左邊移動,如果下方顯示為兩個方格區塊的話,則人物的速度會快上一倍,並且重複播放。

哪些影片適合動態效果?

經過我們的試驗,適合套用動態效果的主題,最好是在原本背景圖層應該是有預計要會移動的主題,結果我們把這個移動的背景定格下來做成靜態背景,效果最為明顯。在範例一中的背景本來就是偏靜態的畫面,定格後沒有什麼太大的意義。而範例二的人群被定格住,效果就很明顯。

▲在這個影片中,原本背景的草原就沒有什麼變化,因此如果只是框選鴕鳥的動作,其實套用後效果並不是很明顯。

▲在這影片中,我們只框選人群中一個小朋友移動的片段當成動態主題,其他人物都靜止的片段,這樣效果就非常明顯。

本文同步刊載於PC home雜誌
  
歡迎加入PC home雜誌粉絲團

延伸閱讀:

局部會動的照片又來了!精選作品、用 Flixel App 輕鬆 DIY

10個免費影像處理軟體,編輯、瀏覽都行,免用 Photoshop

PicPick:免費、好用的畫面擷取+影像處理軟體