找回密碼
 註冊
查看: 919|回覆: 8

[技巧探討] 轉載:Cinemagraph 會動的照片欣賞,PS 教學影片、 App 讓你輕鬆學會

[複製鏈接]
發表於 2014-2-7 09:55:23 | 顯示全部樓層 |閱讀模式

登入後,內容更豐富

您需要 登錄 才可以下載或查看,沒有賬號?註冊

×
轉載:Cinemagraph 會動的照片欣賞,PS 教學影片、 App 讓你輕鬆學會


                               
登錄/註冊後可看大圖


最近興起的「Cinemagraph」會動的照片 ,是一種視覺藝術,介於影片、照片之間,
能使照片局部移動或變化的呈現模式。
其實 Cinemagraph 藝術始於吉米貝克(Jamie Beck)和夥伴凱文柏格(Kevin Burg)創作,
這麼有趣的視覺藝術到底是怎麼完成的呢?請看小編的教學報導吧!

巧思藏在細節裡

Cinemagraph 是一種視覺藝術,這項視覺創作已經在歐美廣為流行,
甚至還推出許多款 App 讓玩家可以輕鬆製作 Cinemagraph 照片。
其實 Cinemagraph 藝術始於吉米貝克(Jamie Beck)和夥伴凱文柏格(Kevin Burg),
吉米貝克是一位來自紐約的女攝影師。
她將影片轉成 Gif 動態畫面創作,引起攝影界熱烈的討論,GIF 動畫其實不難。
它的原理是把數張靜態畫面組合成一張GIF動態畫面,再加上吉米貝克敏銳的洞察力,
拍下許多生活的細節,讓動態照片更有畫龍點睛的效果。


Cinemagraph 照片欣賞


                               
登錄/註冊後可看大圖



                               
登錄/註冊後可看大圖



                               
登錄/註冊後可看大圖



                               
登錄/註冊後可看大圖



                               
登錄/註冊後可看大圖



                               
登錄/註冊後可看大圖



                               
登錄/註冊後可看大圖



                               
登錄/註冊後可看大圖



                               
登錄/註冊後可看大圖



                               
登錄/註冊後可看大圖



                               
登錄/註冊後可看大圖



                               
登錄/註冊後可看大圖



                               
登錄/註冊後可看大圖



                               
登錄/註冊後可看大圖



                               
登錄/註冊後可看大圖



                               
登錄/註冊後可看大圖



                               
登錄/註冊後可看大圖



                               
登錄/註冊後可看大圖



                               
登錄/註冊後可看大圖
 樓主| 發表於 2014-2-7 10:09:05 | 顯示全部樓層
Cinemagraph製作必備的器材和軟體


                               
登錄/註冊後可看大圖


.可以錄影的相機或攝影器材:要讓GIF圖檔的呈現如同觀看影片一般細緻平順,就需要用到大量的照片。
一般來說影片1秒鐘是30格,也就是說透過30張照片的連續播放,才造就了我們觀看的流暢影片。
因此我們要透過錄影的方式取得製作Cinemagraph的素材,只要錄3秒鐘就可以得到連續動作的90張照片,
其效益和質感當然不是一般連拍可以達到的囉,所以錄影是最好的選擇。


                               
登錄/註冊後可看大圖


.穩定的腳架:我們需要腳架來確保影像的穩定度,概念就跟拍攝縮時攝影一樣,
試想上面那張Cinemagraph如果還會輕微的不規則晃動是不是就顯得作品粗糙呢?
尤其要表現的動態只有隨風飄逸的頭髮,不需要其他干擾來模糊視覺焦點。
另外穩定的影像對於Cinemagraph的後製處理相當重要,所以一個穩定的腳架式必須的喔!

.影像編修軟體Photoshop:小編這次使用的Photoshop是 CS6 的版本,
會選擇Photoshop除了因為它是常接觸到的工具之外,更重要的是它可以匯入影片檔,
並有能夠將影片中每個影格拆解為一張張圖片的功能,另外要對影像做任何色調或明暗上的處理也很方便。
最後就是,我們要用Photoshop進行GIF圖檔的製作。

Cinemagraph基礎練習-GIF圖檔製作


                               
登錄/註冊後可看大圖


動態照片其實是一個「局部活動」的 GIF 圖檔,是由 video 轉化而來的,要有 Cinemagraph 的效果,
關鍵處有幾點︰


1) 活動要重覆、循環、輕微
2) 靜止留白的空間要佔大比例 (最好有人做襯托)
3) 色調要有電影感 / 懷舊感 (黑白亦可)



                               
登錄/註冊後可看大圖


(一) 拍攝工作︰

1) 用腳架加上一部可以攝錄的相機,然後拍攝一段短片。
2) 拍攝前先要構思好甚麼地方靜止,甚麼地方活動,而活動最好是可以循環而自然接駁。
3) 拍攝時使用 M mode,包括白平衡與對焦也要使用手動,減少無謂變化。


(二) 後製工作︰

1) 當你拍攝完成後,就可以用 Photoshop 編輯 (我的是 CS6),首先輸入影片,
到 File–> Import–> Video Frames to Layers
cinemagraph01.jpg

2) 選擇你需要的影片段落,但這個不太好用,如果你有其他影片製作軟件,先用它們來剪裁會比方便。
cinemagraph02.jpg

3) PS 會將影片的每一格變成圖層,並且透過視窗「Timeline」顯示,如果找不到的話,
到 menu 找 Window–> Timeline,如下圖。
cinemagraph03.jpg

4) 複製一張你認為適合做靜止畫面底圖的 layer,放到最頂。用選取工具,將你希望活動的部份選取出來,
然後刪除,選取時要預留一點空間,尤其是遇上陰影 / 倒影部份。
刪除後你要選取 timeline 所有影格,再到置頂圖層開「眼睛」(visible),這樣才會成為所有影格的「背景圖」。
還有你選取全 timeline 後,可自行設定各影格的速度,例如我是設 0.2 秒,稍慢的話會更有電影感。
cinemagraph04.jpg

5) 理論上如果你的影片本身是完美地循環接駁的話,當你按左下角的 play 時,
它就會不斷播放然後變成一個原始的動態照片。
但如果不行的話,你可以自行增加影格,方法就是按 timeline 下方的按鈕增加一格,
然後自行 visible 該影格的圖層,如下圖。秘訣是將原本的影片,從最尾倒帶再增加一次,
這樣就會很流暢。例如原本是 A–> B–> C,現在你變成 A–> B–> C –> B–> A 這樣 loop 的話就自然會較流暢,
當然也視乎你的影片而定。(例如單向行車的話,就不用這樣做)
cinemagraph05.jpg

6) 當影片循環流暢後,你就要替照片調色。首先謹記要先選取 timeline 所有影格,
然後到右下角增加 adjustment layer,例如我就用了 Curves 來調節亮度對比,
再用 Gradient Map 調出電影色調 (詳情技巧按此瀏覽),記得每次都要選取所有影格。
cinemagraph06.jpg

7) 我先選了藍黃藍 (reverse),再用 overlay 覆蓋模式,及 opacity 只剩 20%,效果如下圖。
cinemagraph07.jpg

8) 如果對效果滿意的話,就可以到 Image–> Image size 調整動態照片的大小。
cinemagraph08.jpg

9) 完成後就到 file–> save for web 輸出動態照片為 GIF 檔 (不是 save as)。
cinemagraph09.jpg

10) 然後會彈出這個視窗,基本上都沒甚麼太大問題,留意右下角,你還可以在這裏縮小照片的,
不過這裏的壓縮質素較差,但好處是檔案會更細;
另外要留意一下 looping options 是不是 forever,沒有問題就 save。

cinemagraph10.jpg

以上影片乃youtube提供,與本站無關; 若無法觀看,可查看原網址

▲PhotoShop CS6  Cinemagraph 教學介紹

以上影片乃youtube提供,與本站無關; 若無法觀看,可查看原網址

▲MAC PhotoShop Cinemagraph 教學介紹
回覆 讚好 不讚 使用道具

舉報

 樓主| 發表於 2014-2-7 10:19:31 | 顯示全部樓層
Cinemagraph  App 介紹

Flixel App 介紹



                               
登錄/註冊後可看大圖


軟體名稱:Flixel
開發者:Flixel Photos Inc.
價格:免費
適用平台:iOS 5.0 以上
支援其他平台:無
檔案大小:4.2 MB
版本:1.2
更新日期:2012/5/15
連結網址:
http://itunes.apple.com/tw/app/flixel/id496885363?mt=8


                               
登錄/註冊後可看大圖

▲ iOS 可透過 QRcode 來下載 。

Flixel App 操作介紹

1.進入 Flixel 之後,在「Home」這個頁面中會列出最近的作品,點入某個作品就可以看到會動的照片。
要開始錄影的話,就按一下中間的按鈕。接著小編要拍的主題是驚訝的同事。
點擊下方「錄影」鈕就會自動拍攝約2秒的影片。

                               
登錄/註冊後可看大圖

                               
登錄/註冊後可看大圖


2.App 在處理好影片後,會接著進入編輯頁面,圖中半透明的紅色「遮罩」,
您可使用筆型工具在照片上塗抹,把人像四周的紅色遮罩抹掉,在塗抹的過程中,會看到人像在動了。
如果覺得會動的區域太大了,使用下方第二個橡皮擦工具,可以把紅色遮罩塗回去。

                               
登錄/註冊後可看大圖

                               
登錄/註冊後可看大圖


3.在 Looping 中可以調整動作的移動循環, Filters 則有各種濾鏡可使用。

                               
登錄/註冊後可看大圖

                               
登錄/註冊後可看大圖


4.完成後可以分享到 Twitter、Facebook 等等社群網站。
第一次使用者要先註冊 Flixel 帳號,以便把作品留存到官網上面,讓其他人可以訂閱。

                               
登錄/註冊後可看大圖

                               
登錄/註冊後可看大圖


5.最後的完成品:


                               
登錄/註冊後可看大圖


美圖 GIF App 介紹


                               
登錄/註冊後可看大圖


iOS版
軟體名稱:美圖 GIF
開發者:Xiamen Meitu Technology Co., Ltd.
價格:免費
適用平台:iOS 4.0 以上
檔案大小:16.1 MB
版本:1.2.4
更新日期:2012/5/16
連結網址:
http://itunes.apple.com/us/app/m ... ao/id460700498?mt=8

img.gif
▲ iOS 可透過 QRcode 來下載 。

Android版

軟體名稱:美圖 GIF
開發者:Xiamen Meitu Technology Co., Ltd.
價格:免費
適用平台:Android 1.6 以上
檔案大小:8.8 M
版本:1.2.0
更新日期:2012/4/23
連結網址:
http://bit.ly/Jc1GAf

img (1).gif
▲ Android  可透過 QRcode 來下載 。

美圖 GIF App 操作畫面

1.點擊「魔術 GIF App」進入「特效 GIF」開始製作 GIF 。

                               
登錄/註冊後可看大圖

                               
登錄/註冊後可看大圖


2.處理完 GIF 圖檔後會先預覽圖片,點擊下一步進入用畫筆圈選想移動的目標。

                               
登錄/註冊後可看大圖

                               
登錄/註冊後可看大圖


3.最後還有濾鏡效果可使用,最後進行魔術 GIF 處理。

                               
登錄/註冊後可看大圖

                               
登錄/註冊後可看大圖


4.選定自己所需要的特效後,點擊右上角的「保存與分享」即可完成 Cinemagraph 照片。


                               
登錄/註冊後可看大圖

回覆 讚好 不讚 使用道具

舉報

 樓主| 發表於 2014-2-7 10:19:50 | 顯示全部樓層

                               
登錄/註冊後可看大圖
回覆 讚好 不讚 使用道具

舉報

發表於 2014-2-7 10:29:20 | 顯示全部樓層
又到嘢啦,不過冇 ps,要搵吓先
回覆 讚好 不讚 使用道具

舉報

發表於 2014-2-7 10:31:17 | 顯示全部樓層
好有創意, 不過過程刀複習
回覆 讚好 不讚 使用道具

舉報

發表於 2014-2-7 13:27:30 | 顯示全部樓層
very nice apps!
回覆 讚好 不讚 使用道具

舉報

發表於 2014-2-7 16:42:20 | 顯示全部樓層
GIF顏色得8bit,其實真係作者無限創意先有咁好效果
回覆 讚好 不讚 使用道具

舉報

發表於 2014-2-7 18:25:16 | 顯示全部樓層
thanks for such a detailed description
回覆 讚好 不讚 使用道具

舉報

您需要登錄後才可以回帖 登錄 | 註冊

本版積分規則

Archiver|聯絡我們|141華人社區

GMT+8, 2024-5-22 12:55

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回覆 返回頂部 返回列表