選單

Photoshop 技巧 之 揭秘 微動效果 的前世今生

影之上,影片未滿。Cinemagraph微動效果總是能在微小的時空夾縫之間,迸發出無限創意的可能…今天本文帶來的是Cinemagraph微動動效介紹和製作流程,涉及PS的影片處理操作,文末有素材下載。

前言

靜態攝影之上,影片未滿。如此說法用來描述Cinemagraph(國內另一種叫法為微動效果)也的確形象。

2011年,來自紐約的一對藝術家夫婦KevinBurg 和 Jamie Beck 首創了這種效果。他們把時尚大片拍攝現場轉成可迴圈播放的GIF影象,並且透過數字技術讓面畫只有一些區域性在運動。於是,一種彷彿時間被靜止的神奇效果誕生。

Photoshop 技巧 之 揭秘 微動效果 的前世今生

Photoshop 技巧 之 揭秘 微動效果 的前世今生

Photoshop 技巧 之 揭秘 微動效果 的前世今生

很快,在2015年左右,Cinemagraph的運用迎來了大爆發。諸多品牌紛紛青睞於這種全新的視覺效果。《時代週刊》甚至描述Cinemagraph:“它創造了一個靜謐而出神的瞬間,將粗製爛造的GIF提升為更為優雅的事物”當然,國內的設計師和廣告團隊也第一時間跟上了潮流,Levi’s在新興創意熱店的幫助下,於2015年5月推出了國內首款Cinemagraph的商業運用。

Photoshop 技巧 之 揭秘 微動效果 的前世今生

⇡Levi’s“換”醒你的夏天,H5動圖

Photoshop 技巧 之 揭秘 微動效果 的前世今生

⇡麥當勞:最甜的情話是不用說話

Photoshop 技巧 之 揭秘 微動效果 的前世今生

⇡ Balenciaga

Photoshop 技巧 之 揭秘 微動效果 的前世今生

⇡ Tiffany &; Co

Cinemagraph主要載體是gif,本身具有圖片小、易傳播等優點而且製作難度並不複雜,所以成為當下最熱門的效果之一。說了這麼多,你是不是已經躍躍欲試想來嘗試一下了呢?那就讓我們趕快進入教程把!

教程部分

Cinemagraph的製作最重要的部分是你需要有一段可以迴圈播放的影片。

比如:運動的列車,乘客靜止而窗外景色在移動;又比如:影片中女孩坐著不動而微風輕輕吹起她的秀髮或衣角等等。

諸如此類的影片素材有兩個方法可以獲得:一種是自己拍攝,另一種電影裡截圖。

我這邊截取了電影《人鬼情未了》的經典片段,製作瞭如下的微動效果。那麼也將以此為藍本,詳細說明製作的過程。

Photoshop 技巧 之 揭秘 微動效果 的前世今生

⇡ 《人鬼情未了》最終效果

Step1:擷取影片段落

市面上的截圖軟體多如牛毛,自己使用的是一款收費軟體叫作 ApowerREC。當然文章最後我會提供用於學習的影片下載,大家可以省去這一步。

Photoshop 技巧 之 揭秘 微動效果 的前世今生

用任意一款影片軟體擷取一個2秒鐘左右的片段後,儲存成MOV格式匯出。當然photoshop也支援匯入MP4格式,這些常用的影片格式都可以,並不影響最後效果,大家可以看心情:)

Photoshop 技巧 之 揭秘 微動效果 的前世今生

Photoshop 技巧 之 揭秘 微動效果 的前世今生

Step2:匯入Photoshop

完成前期工作後,終於開啟PS。選擇檔案—匯入—影片幀到圖層。

Photoshop 技巧 之 揭秘 微動效果 的前世今生

選擇影片,人鬼情未了(片段)。mov 。預設選擇,從開始到結束,點選確定。

Photoshop 技巧 之 揭秘 微動效果 的前世今生

我們調出時間軸的控制面板,並且點選左下角的按鈕,把影片轉換成序列幀。

Photoshop 技巧 之 揭秘 微動效果 的前世今生

Photoshop 技巧 之 揭秘 微動效果 的前世今生

透過觀察發現22幀畫面之前手部動作太多,不利迴圈播放的製作,我們先刪去前面21幀的關鍵幀,並且也從圖層面板裡刪除前21個圖層。

Photoshop 技巧 之 揭秘 微動效果 的前世今生

Photoshop 技巧 之 揭秘 微動效果 的前世今生

關鍵幀的數量還是太多,再次從時間軸面板中刪除15幀之後所有關鍵幀,圖層面板中也一樣刪除圖層37之上所有圖層。

Photoshop 技巧 之 揭秘 微動效果 的前世今生

Photoshop 技巧 之 揭秘 微動效果 的前世今生

再次逐幀檢查一下,有沒有畫面一模一樣的關鍵幀,有時影片轉關鍵幀會出現這類重複的情況。

我這邊刪除了兩個重複的畫面後,還剩下13個關鍵幀,用來製作迴圈的Cinemagraph效果。

Step3:關鍵幀細化

細化之前先完成兩個步驟,第一,把關鍵幀的迴圈調到永遠;第二,設定間隔時長為0。05秒。

Photoshop 技巧 之 揭秘 微動效果 的前世今生

選取第13幀,圖層面板中複製一層,命名為mesk,我們將以此圖層為母版。

用鋼筆工具把畫面靜止的手部摳出來,並且做圖層蒙版。摳手的時候注意輪廓結構。

再用畫筆工具在圖層蒙版上塗抹,力求陰影過度自然,邊緣柔和。

播放關鍵幀後,我們發現由於手是運動狀態,所以在不少畫面裡會破出。

這就需要我們富有耐心的用圖章工具去一幀幀的修去多餘部分

。好在只有13個關鍵幀。當然如果是自己拍攝的影片素材那就完全可以避免這種情況。

這裡也沒有太多技巧可說,最多是把圖章畫筆的數值調小一點,還有需要多一點的耐心,記得隨時播放看一下整體效果,這裡我又刪除了最後的三個關鍵幀,整體保持在10個關鍵幀就ok了。在一段擦擦抹抹的時光過後,我們接著把影象大小設定成800X503。

Photoshop 技巧 之 揭秘 微動效果 的前世今生

最後,調出曲線調整,用於提亮整個畫面。

Photoshop 技巧 之 揭秘 微動效果 的前世今生

完成後,選擇檔案-匯出-儲存為web所用格式,格式選擇gif。

確保迴圈選項是“永遠”後,儲存出來。

正常情況不需要特別壓縮,如果gif大於2M,為了便於網路的傳播,可以選擇降低顏色的色階或者仿色的百分比,來控制大小,如果你的gif過於龐大,許多情況下只能選擇抽幀,當然目前不需要。

Photoshop 技巧 之 揭秘 微動效果 的前世今生

Photoshop 技巧 之 揭秘 微動效果 的前世今生

Photoshop 技巧 之 揭秘 微動效果 的前世今生

完成最終效果還是不錯的。Cinemagraph的基本原理特別簡單,就是把畫面分成動態和靜態兩個部分,再使用各種遮罩工具除去破出畫面的內容。如此這般,一個“剎那芳華”般的視覺效果就大功告成啦~

透過這種方法,我們還可以用其他電影的經典橋段來製作其他Cinemagraph效果

Photoshop 技巧 之 揭秘 微動效果 的前世今生

⇡ 《殺手不太冷》

Photoshop 技巧 之 揭秘 微動效果 的前世今生

⇡ 《天使愛美麗》

Photoshop 技巧 之 揭秘 微動效果 的前世今生

⇡ 《東方快車謀殺案》

總結

Cinemagraph有一種引人入勝的魔力,是數字時代以來最具創意的原創效果之一。它的製作技巧實在算不上覆雜,但是好的作品依然需要優秀的創意作為核心支撐。相信在一靜一動的微小時空之間,依然可以創造出無限的可能。

最後分享一下影片素材。

素材下載:關注+私信(回覆關鍵詞:105)