小試近期很紅的《Cinemagraph-會動的相片》


(用Cliplets 更簡單、更完美、更方便,還有穩定畫面功能,快試試!)

相信大家沒可能沒聼過GIF的大名,早在九十年代初已經被網頁廣泛應用,但因爲所支緩的顔色太少,只有256色,續漸給JPEG或PNG等檔案Format淘汰。像不到二十年候的今天,竟然再次興起GIF圖檔的應用。 Jamie Beck & Kevin Burg這兩位老兄老早不知從何時已經開始玩GIF檔。他們的玩法就是把靜態的圖結合動態的動畫(有靜態的動畫嗎?)

例如這張:

A cinemagraph showing reeds waving in the wind. (Wikipedia.org)

還有這個:

From Cinemagraphs.com

看圖片的動靜結構好像很難,其實也是挺難的~(這是什麽句子結構啊?)

你需要的工具:

  1. 相機(沒有也可以,只要你能能每秒鐘劃出畫面就行了~)
  2. 腳架(個人認爲這個非常重要的,看下面的示範襠就知道什麽原因)
  3. 沒有腳架的就要After Effect
  4. 一頭佛頭蝦

有什麼步驟呢?

1. 先拍下大約十秒鐘的影片,例如這段:

2. 如果沒有腳架的,就要用Adobe After Effect 來Stabalise 影片

選擇"Stabalise Motion"

其餘的步驟就是等待,然後Render Video (Composition–> Make Movie –> Render) 就行了。

3. 把檔案轉作.avi 或者是 .mov 檔案,用來給佛頭蝦開的 (e.g. 用Format Factory 轉檔)

4. 用佛頭蝦 (Photoshop 32bit的版本才可以,因為開Video的插件只有32版本才能開) 開那個Video

把需要的影片Duration括好

5. Render 影片 (File –> Export –> Render Video)

輸出"Current Selected Frames"

6. 用Photoshop Import 剛剛Render出來的影片 –> Video frames into layers

把影片的Frames 變成Animation

7. 好了,現在要把影片變成無縫的Loop。快要完成了!!!

這裡沒什麼要設定,按OK就行了
這個Layer只是眾多layer中的其中一個而已,把你想【動】的部分刷走就行了
(用Layer Mask)
把所有Frames copy, 然後Paste 在後面,把全部動畫變得連貫
把剛貼上的Frames 的Order Reverse

8. 搞定了!!!

Save as GIF File
終於可以收工了!

製成品:

1. 一塊布在動,而其它的沒動

這是我做的最好的一張,因為有腳架

2. 示範在同一張圖,兩個處理的對象

這是在打Wii的小孩——他呼吸的動作很怪的說

3. 示範在同一張圖,兩個處理的對象(這是在搖頭要到快瘋的小孩)

這是在搖頭要到快瘋的小孩——你在【哇】什麼?

4. 輪到在瘋狂彈跳的龍門

弄得很失敗的一張

要注意的地方:

  1. 如果有腳架就千萬要用,以免浪費時間在處理穩定畫面的工作(尤其對於龜速的電腦,After Effect 會讓你發瘋~)
  2. 處理GIF,如果想要好一點的畫質,可以先把影片變成GreyScale, 效果可能更好
  3. 如果想用Photoshop處理得更快,最好先降低畫面的Resolution (e.g. 720p –> 727×402)

還沒解決的問題:

  1. 如何把GIF的畫質提高呢?

結語:用Cinemagram 更方便

其實市面上已經有非常好用、而且自動化的Cinemagraph 工具,不過只限於iOS。名叫做Cinemagram(跟Instagram的功能差不多,都是可以直接Upload到FB的)

按我直接連到iTunes 的下載頁