小試近期很紅的《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 的下載頁

8 thoughts on “小試近期很紅的《Cinemagraph-會動的相片》

  1. 請問會動的照片,基本上是用照相機中攝影功能拍的,還是用(video camera)攝影機拍的?若採用此兩機中任何一種,有規格要求嗎?(若我要求高品質!)實在感謝您的協助!

    • 個人經驗而言,成像的品質,腳架是重中之重呢,其次是相機拍攝的素質。不過,通常這樣的相片的Size 都是較小的,大概就是網絡圖片的Size,即使用專業的攝錄鏡頭拍了以後,在傳播前也要把圖片縮小,所以我就沒這個必要。但要是你想炮製Full HD的Cinemagraph,Video Camera 可能就是你一杯茶了。

    • 死圖解決了,發覺了一個挺好的GIF Hosting Service,叫做Pixentral.com,小本經營。另外,Photobucket也是個挺好的選擇。
      順帶一提,為什麼要特別用GIF Hosting,而不是普通的Hosting Service (e.g. Picasa),因為GIF 在Upload後不能【動】。

塗牆

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

您的留言將使用 WordPress.com 帳號。 登出 / 變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 / 變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 / 變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 / 變更 )

連結到 %s