當(dāng)前位置:首頁>ps入門教程>動(dòng)圖教程>動(dòng)畫教程>教程內(nèi)容

微動(dòng)效果,如何用Photoshop制作動(dòng)態(tài)照片(4)

來源:站酷 作者:站酷高高手 學(xué)習(xí):42962人次

在視頻和Flash技術(shù)出現(xiàn)之前,人們?cè)诰W(wǎng)絡(luò)中可能看到的大量動(dòng)態(tài)內(nèi)容就是Gif圖。這些Gif動(dòng)態(tài)圖給人的印象是畫質(zhì)粗糙、解析度低、顏色數(shù)少,但是它文件量小、短小精悍,非常便于網(wǎng)絡(luò)傳播,因此這些優(yōu)勢的方面從一開始就成為它有別于視頻和照片的特色。

微動(dòng)效果,如何用Photoshop制作動(dòng)態(tài)照片_m.tgudhdp.cn

動(dòng)態(tài)圖片是由短視頻或照片序列生成的“迷你視頻”,一般以Gif格式存儲(chǔ)。后來經(jīng)過一些攝影師和設(shè)計(jì)師的創(chuàng)造,集創(chuàng)意、藝術(shù)化、拍攝和后期處理為一身的超動(dòng)態(tài)Gif圖便出現(xiàn)了,這便是“Cinemagraph”。Cinemagraph擁有遠(yuǎn)勝于普通Gif圖甚至視頻的動(dòng)態(tài)內(nèi)容表現(xiàn)能力,使用目前的攝影和后期技術(shù)已經(jīng)能夠獲取畫質(zhì)細(xì)膩、色彩豐富、壓縮較好的動(dòng)態(tài)圖片。而Cinemagraph最重要、也是最鮮明的特色和靈魂應(yīng)當(dāng)是它獨(dú)特的視覺語言和表達(dá)方式——在寧靜的、充滿電影感的照片中閃現(xiàn)出一絲局部動(dòng)態(tài)的美感,每張Cinemagraph都在更加強(qiáng)化故事性,這樣的照片驚艷而令人著迷。

本期,讓我們一同走進(jìn)Cinemagraph,并揭開其拍攝和后期制作的面紗。

微動(dòng)效果,如何用Photoshop制作動(dòng)態(tài)照片_m.tgudhdp.cn

Cinemagraph是什么

Cinemagraph是靜態(tài)照片中神奇的細(xì)微運(yùn)動(dòng)技術(shù)。顧名思義,Cinema是電影攝影,graph是圖片,Cinemagraph是動(dòng)態(tài)攝影和靜態(tài)圖片的結(jié)合,因此它既不屬于電影,也不屬于照片,是介于兩者之間的視覺語言和形式。

Cinemagraph這種藝術(shù)形式于2011年流行起來,始見于紐約Jamie Beck及 Kevin Burg的博客“From me to you”中,但其實(shí)Kevin Burg早在2009年就開始利用gif格式進(jìn)行影像方面的試驗(yàn)和創(chuàng)作了。后來Jamie Beck和 Kevin Burg在紐約時(shí)裝周(NYFW)合作中,創(chuàng)作并通過互聯(lián)網(wǎng)分享了很多作品。本著作品能與觀眾有更多互動(dòng)的愿景,Cinemagraph迅速發(fā)展起來。之后他們把博客改名為“Ann Street Studio”,另外同時(shí)建立了自己的網(wǎng)站Cinemagraphs。

Cinemagraph既保持了傳統(tǒng)攝影的原則,又具有電影的靈魂和品質(zhì)。攝影師的Jamie Beck和動(dòng)畫技師的Kevin Burg以他們的專業(yè)背景,把視頻影像和攝影圖像間做了有益的嘗試和結(jié)合,他們把這一創(chuàng)作的過程和藝術(shù)形式命名為“Cinemagraph”,杜撰出這一專有的術(shù)語。通過社交媒體平臺(tái),Cinemagraph這種融合兩種風(fēng)格的影像和其術(shù)語像病毒一樣迅速的流行和傳播開來,正式確立了自身的身份和地位。而他們也最早把Cinemagraph應(yīng)用在時(shí)尚攝影拍攝領(lǐng)域,商業(yè)上的成功和大量的實(shí)踐又不斷詮釋著Cinemagraph的意義和精神。

微動(dòng)效果,如何用Photoshop制作動(dòng)態(tài)照片_m.tgudhdp.cn

富有創(chuàng)造性的Jamie Beck和Kevin Burg不但期待能夠探索和開創(chuàng)未來顯示技術(shù)在美術(shù)館和畫廊中的設(shè)置和應(yīng)用,而且也想促進(jìn)這種新的藝術(shù)形式和傳播過程成為一種最好的方法——在數(shù)碼時(shí)代,能夠及時(shí)捕捉一個(gè)鮮活的生活瞬間,或者當(dāng)我們需要形象地交流和立即分享時(shí),能夠創(chuàng)造出一個(gè)真實(shí)的、活生生的“人像”來。隨著應(yīng)用領(lǐng)域的擴(kuò)大,或許Cinemagraph會(huì)成為未來網(wǎng)絡(luò)廣告和產(chǎn)品圖片展示的主流。

2014年12月,美國商標(biāo)和專利辦公室把術(shù)語“Cinemagraph”的商標(biāo)權(quán)正式授予加拿大軟件制造商Flixel公司, Flixel公司以出品“Cinemagraph pro”IOS版和MAC版應(yīng)用軟件而聲名大噪,并獲得了2014年蘋果軟件設(shè)計(jì)大獎(jiǎng)。該軟件專門用于制作Cinemagraph,輕松上手,簡單快捷,娛樂性極強(qiáng),這使得Cinemagraph制作不再受專業(yè)限制,變得便于大眾參與和傳播, Cinemagraph這種形式受到大眾更多的關(guān)注。

微動(dòng)效果,如何用Photoshop制作動(dòng)態(tài)照片_m.tgudhdp.cn

將靜止的圖片和視頻結(jié)合在一起“解凍”了塵封在圖片中的某一個(gè)時(shí)刻。Jamie和Kevin說:“比起一張靜止的照片,我們想在照片中傳達(dá)更多的故事;但又不想用冗長的視頻。” 引用超級(jí)名模Coco Rocha的話:“more than a photo, but not quite a video(比照片包容更多,但不完全是視頻)”,Cinemagraph的魅力正在于此。

Cinemagraphs讓人耳目一新,也出現(xiàn)了相關(guān)的展覽。筆者曾經(jīng)在新加坡看一個(gè)展覽的時(shí)候有一個(gè)展廳展出的全是這樣的作品,它是在一種隱形的電子畫框里面,你看不出那是個(gè)顯示器,以為那是油畫。如果你不太注意的話你會(huì)認(rèn)為那是一張靜止的作品,但是當(dāng)你十分入神地去看那個(gè)作品的時(shí)候,它會(huì)在一個(gè)非常長的時(shí)間中突然間動(dòng)一下,挺能讓觀眾與作品產(chǎn)生交互。Cinemagraphs這種形式現(xiàn)在慢慢多起來了,并且筆者也非常喜歡這種形式。

微動(dòng)效果,如何用Photoshop制作動(dòng)態(tài)照片_m.tgudhdp.cn

Cinemagraph的拍攝

Cinemagraph需要讓靜止照片中某個(gè)位置以動(dòng)態(tài)形式表現(xiàn),其實(shí)是一個(gè)局部活動(dòng)的 Gif 文件,通過視頻素材轉(zhuǎn)化而來。因此要想有動(dòng)靜結(jié)合的畫面效果,在拍攝時(shí)要注意以下關(guān)鍵點(diǎn)。

1) 拍攝時(shí)使用有攝錄功能的相機(jī)、攝像機(jī)、手機(jī)都可。必須使用三腳架進(jìn)行穩(wěn)定。拍攝一組序列幀照片或者一段視頻短片都可。

2) 拍攝前先要構(gòu)思好畫面中什么地方靜止,什么地方活動(dòng);顒(dòng)的部分或?qū)ο笞詈媚軌蜓h(huán)往復(fù)、自然銜接。運(yùn)動(dòng)的特點(diǎn)應(yīng)該是重復(fù)、循環(huán)、細(xì)微。靜止和留白的畫面空間要占大的比例,這樣才能讓活動(dòng)部分更加凸顯。

3) 拍攝時(shí)使用M手動(dòng)擋,包括白平衡與對(duì)焦也要使用手動(dòng),以減少畫面變化,防止畫面閃抖。

Cinemagraph的后期方法

Cinemagraph動(dòng)態(tài)照片的制作原理其實(shí)并不復(fù)雜,其基本原理是利用了蒙版的遮擋,但最重要的是對(duì)圖像的優(yōu)化要做好,否則圖像會(huì)非常大而且不便于傳遞。如果你想追求高質(zhì)量及永久保存的作品,則需要花很長時(shí)間通過 Photoshop 、After effects等專業(yè)軟件來制作。

如果你手頭有一部手機(jī),想在生活中拍出動(dòng)態(tài)照片,那么有很多專門針對(duì)Cinemagraph制作開發(fā)的APP應(yīng)用軟件就非常適合你了。這些APP應(yīng)用只需要用手機(jī)拍攝短片然后動(dòng)動(dòng)手指涂抹“想要運(yùn)動(dòng)”的位置,就可以生成動(dòng)態(tài)照片了,還可以隨時(shí)分享到社交網(wǎng)站,非常簡單好用!最有名的APP如Cinemagraph(Flixel公司開發(fā)的APP,有IOS手機(jī)版也有MAC版)、Kinotopic、Cliplet(微軟開發(fā))等等。

微動(dòng)效果,如何用Photoshop制作動(dòng)態(tài)照片_m.tgudhdp.cn

用PS如何制作Cinemagraph

利用Photoshop也可以制作Cinemagraph!核心技術(shù)要點(diǎn)是將短視頻文件轉(zhuǎn)化為圖層序列幀,通過“時(shí)間軸”及圖層蒙版等功能來實(shí)現(xiàn)。下面我們通過具體案例來演示。

經(jīng)典案例:舞動(dòng)的人影

前期拍攝

在這個(gè)Cinemagraph拍攝制作前,我們預(yù)想:希望人物擺一個(gè)很酷的動(dòng)作,并保持絕對(duì)靜止。而投在墻面和地面上舞動(dòng)的人影則保持循環(huán)往復(fù)的狀態(tài)。因此在拍攝時(shí)我們使用了側(cè)位的聚光燈,使人影形狀和角度在畫面中能夠很好的表現(xiàn)。

使用相機(jī)的攝像功能拍攝兩個(gè)短片,第一個(gè)短片攝錄設(shè)計(jì)好的人物靜止動(dòng)作(如上圖中人物姿勢),由于后期只用到該短片的一楨畫面,所以讓人物保持靜止后,拍攝幾秒即可,最后挑一楨最好的畫面。第二個(gè)短片主要拍攝人影舞動(dòng)的素材,開拍后讓人物上半身舞動(dòng)出各種姿勢,需要注意人物舞動(dòng)的姿勢最好做到重復(fù)和可循環(huán),另外人影和人物之間應(yīng)保持距離,盡量減少重疊,這些要領(lǐng)都是為了后期制作時(shí)能夠便于處理,使畫面流暢自然。

攝錄完成后我們便可把兩個(gè)視頻短片導(dǎo)入電腦,進(jìn)行Cinemagraph制作了。

微動(dòng)效果,如何用Photoshop制作動(dòng)態(tài)照片_m.tgudhdp.cn

后期制作

第1步

打開 Photoshop CC2015,在菜單欄“文件>導(dǎo)入> 視頻幀到圖層”,首先打開用于制作人物靜止動(dòng)作的短片素材。在彈出窗口的“導(dǎo)入范圍”中選擇“僅限所選范圍”,由于只用到一個(gè)靜止幀畫面,所以拖拽范圍滑塊選取一楨畫面即可。此時(shí)可以不必勾選“制作幀動(dòng)畫”選項(xiàng)。單擊“確定”。

微動(dòng)效果,如何用Photoshop制作動(dòng)態(tài)照片_m.tgudhdp.cn

微動(dòng)效果,如何用Photoshop制作動(dòng)態(tài)照片_m.tgudhdp.cn

微動(dòng)效果,如何用Photoshop制作動(dòng)態(tài)照片_m.tgudhdp.cn

第2步

將導(dǎo)入圖層的一楨畫面命名為“靜止層”。然后重復(fù)第一步的操作步驟,在菜單欄“文件>導(dǎo)入>視頻幀到圖層”打開人像影子的素材短片,在彈出窗口的“導(dǎo)入范圍”中選擇“僅限所選范圍”,務(wù)必勾選“制作幀動(dòng)畫”復(fù)選框。然后分別拖拽前后的黑色范圍滑塊選取短片段落,Photoshop對(duì)于影片中的片段剪輯不是很方便,如果你有專業(yè)的影片剪輯軟件,先編輯好再進(jìn)行這步會(huì)更為方便。在截取時(shí)注意最好是完整的一個(gè)動(dòng)作循環(huán),或能夠使首尾動(dòng)作匹配銜接。最后單擊“確定”。

TIPS: 如果你使用相機(jī)通過連拍獲得連續(xù)的圖片素材,可通過菜單欄“文件>腳本>將文件載入堆棧”,然后用“時(shí)間軸”制作幀動(dòng)畫來進(jìn)行處理。

微動(dòng)效果,如何用Photoshop制作動(dòng)態(tài)照片_m.tgudhdp.cn

微動(dòng)效果,如何用Photoshop制作動(dòng)態(tài)照片_m.tgudhdp.cn

第3步

選好的視頻段落將以序列幀的形式導(dǎo)入圖層面板中。并且通過“時(shí)間軸”來顯示。如果時(shí)間軸沒有開啟,可以在菜單欄中“窗口>時(shí)間軸”打開。

微動(dòng)效果,如何用Photoshop制作動(dòng)態(tài)照片_m.tgudhdp.cn

第4步

在時(shí)間軸中播放動(dòng)畫觀察影子的變化情況。理論上講如果短片本身能夠完美地循環(huán)銜接的話,當(dāng)你按左下角的動(dòng)畫播放鈕時(shí),它就會(huì)循環(huán)播放變成一個(gè)原始的動(dòng)態(tài)照片。但如果不行的話,可以通過在時(shí)間軸上增加幀來使動(dòng)作自然銜接。在本例中是將時(shí)間軸中所有幀全選后進(jìn)行復(fù)制,然后將復(fù)制好的所有幀做“反向幀”。例如短片原來的順序是 A>B>C,現(xiàn)在經(jīng)過復(fù)制再反向后便是 A>B>C>B>A,這樣的循環(huán)就會(huì)很流暢,當(dāng)然也需要根據(jù)影片的情況來定,如果是單向運(yùn)動(dòng)的話,則不需要這樣做。

微動(dòng)效果,如何用Photoshop制作動(dòng)態(tài)照片_m.tgudhdp.cn

第5步

切換到步驟1中制作靜止層的窗口。在圖層面板中選取“靜止層”圖層,單擊鼠標(biāo)右鍵在彈出窗口中選擇“復(fù)制圖層”,將“靜止層”復(fù)制到第二個(gè)工作窗口中。在圖層面板中將復(fù)制好的靜止層拖拽置頂。

微動(dòng)效果,如何用Photoshop制作動(dòng)態(tài)照片_m.tgudhdp.cn

微動(dòng)效果,如何用Photoshop制作動(dòng)態(tài)照片_m.tgudhdp.cn

微動(dòng)效果,如何用Photoshop制作動(dòng)態(tài)照片_m.tgudhdp.cn

第6步

在圖層面板中選取“靜止層”,然后在時(shí)間軸中全選所有幀。單擊“靜止層”前面的眼睛圖標(biāo)(visible),使其可視,這樣才能使“靜止層”成為所有幀的“靜止層”。接下來,在靜止層上添加圖層蒙版,在工具欄中使用“快速選擇工具”對(duì)人像外輪廓進(jìn)行勾選。

TIPS: 對(duì)“靜止層”進(jìn)行蒙版操作,以及對(duì)整個(gè)短片進(jìn)行調(diào)色等全局操作時(shí),務(wù)必全選時(shí)間軸中所有的幀。這樣才能針對(duì)整個(gè)短片進(jìn)行控制,而不是針對(duì)其中單獨(dú)的一幀。

微動(dòng)效果,如何用Photoshop制作動(dòng)態(tài)照片_m.tgudhdp.cn

第7步

對(duì)勾選好的人像選區(qū)進(jìn)行反選(Command+shift+I),使用黑色油漆桶工具單擊圖層蒙版中人物之外的選區(qū)部分。這時(shí),除靜止人像外的背景全都顯露出來。在圖層蒙版中使用白色畫筆工具,擦除人像活動(dòng)時(shí)殘留的重影。這個(gè)步驟需要通過在時(shí)間軸播放動(dòng)畫來確定擦除的范圍,但切記要保留好影子部分。當(dāng)處理完成后播放動(dòng)畫查看,預(yù)想的畫面效果已基本呈現(xiàn)出來。此外也可設(shè)定每一幀的速度,可以控制影子擺動(dòng)的速度節(jié)奏,在本例中所有幀的速度是0.04秒。下面進(jìn)一步進(jìn)行美化處理。

微動(dòng)效果,如何用Photoshop制作動(dòng)態(tài)照片_m.tgudhdp.cn

微動(dòng)效果,如何用Photoshop制作動(dòng)態(tài)照片_m.tgudhdp.cn

第8步

使用裁剪工具,對(duì)畫面進(jìn)行方形構(gòu)圖裁切,去除畫面兩邊雜亂部分,讓畫面主題更集中。

微動(dòng)效果,如何用Photoshop制作動(dòng)態(tài)照片_m.tgudhdp.cn

第9步

對(duì)畫面進(jìn)行調(diào)色,使其具有電影的色調(diào)感覺。首先在時(shí)間軸中要全選所有幀,然后可以使用漸變映射調(diào)色,或之前雜志介紹過的顏色查找調(diào)電影色調(diào)的方法來進(jìn)行調(diào)色處理也可以嘗試。

微動(dòng)效果,如何用Photoshop制作動(dòng)態(tài)照片_m.tgudhdp.cn

微動(dòng)效果,如何用Photoshop制作動(dòng)態(tài)照片_m.tgudhdp.cn

第10步

調(diào)色完成后,可以針對(duì)作品的用途調(diào)整圖像的大小。菜單欄“圖像>圖像大小”。在本例中用于網(wǎng)絡(luò)傳輸,可把圖像大小調(diào)整為600×600像素。

微動(dòng)效果,如何用Photoshop制作動(dòng)態(tài)照片_m.tgudhdp.cn

第11步

輸出圖像。在菜單欄“文件>導(dǎo)出>存儲(chǔ)為web所用格式”彈出窗口中進(jìn)行輸出的相關(guān)設(shè)置,其中需在“循環(huán)選項(xiàng)”中選擇“永遠(yuǎn)”,這樣畫面動(dòng)作就會(huì)一直循環(huán)下去。設(shè)置好后點(diǎn)擊存儲(chǔ),生成一個(gè)Gif格式的影像文件。最后就可以進(jìn)行網(wǎng)絡(luò)分享了。

微動(dòng)效果,如何用Photoshop制作動(dòng)態(tài)照片_m.tgudhdp.cn

微動(dòng)效果,如何用Photoshop制作動(dòng)態(tài)照片_m.tgudhdp.cn

微動(dòng)效果,如何用Photoshop制作動(dòng)態(tài)照片_m.tgudhdp.cn

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
夜光下的你2018-09-28 02:41
太棒了
梁延翠2017-05-28 03:13
辛苦 了。
偶man愛劉忻2017-05-28 07:25
虛心向您請(qǐng)教
跳出我的世界2017-05-28 06:08
辛苦了,多謝分享。
咻冬咚2017-05-28 02:03
想看看

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!