如何用PS製作Cinemagraph

2021-02-19 優秀網頁設計

如何用PS製作Cinemagraph

對於如何用PS來製作 cinemagraph感興趣的朋友,可以參考以下教程。當然,如果要實現以上品牌Cinemagraph各種細緻的變化效果,還需要對圖像進行後期處理。

在製作cinemagraph之前,我們需要準備好合適的素材。素材一般都是由固定鏡頭機位拍攝的一段視頻,這意味著要想拍攝適合cinemagraph製作的視頻,你需要搭配三腳架進行拍攝。

一、 將剪裁好的視頻導入PS CC中。此處通過「文件—打開」,而不選擇「文件—導入—視頻幀到圖層」這一導入途徑。

二、由於這個視頻我們已經事先準備好了,所以此時我們要清楚在cinemagraph中動起來的部分。很顯然這一視頻我們要讓流水動起來,而在此之前,我們需要一個靜止畫面。選中圖層1,然後按Ctrl+Shift+Alt+E,複製這一幀得到圖層2。將圖層2置於視頻組1之上,隨後進行拖拽和剪裁,將圖層2的長度剪裁成與圖層1一樣大小。

三、最關鍵的一步,為圖層2添加模板,即在需要動的地方塗黑本視頻中需要小心塗抹靠近遊人的水流區域,以免塗到遊人,讓他們也動起來。塗完之後可以按空格鍵進行預覽查看,以觀察效果是否如同預期般理想。

四、塗抹完畢,我們還可以根據自己的喜好添加「曲線、亮度/對比度、選取顏色」等調整圖層,讓cinemagraph呈現自己所想要的色彩。

五、最後選擇「文件—存儲為web所用格式」進行導出。右上角選擇格式為gif,參數如圖所示,循環選項選擇永遠,此時可以播放看一下最終效果,滿意的直接儲存即可,否則繼續在PS中進行調整。(由於gif格式的特殊性,它最多只能選擇256色進行導出,所以要想製作精美的cinemagraph需要在前期攝像的時候做好背景布置,減少整個視頻畫面的顏色數量。)

視頻素材來源:https://www.youtube.com/watch?v=tkFrEusngNY

Cinemagraph製作工具

除PS之外,是否還有其他比較簡單的cinemagraph製作工具?答案是肯定的,比如接下來隆重推薦,專為製作cinemagraph而生的Cinemagraph Pro。這款軟體由Flixel Living Photos公司出品,在桌面端和移動端均有產品,不過它們都只運行於蘋果設備上。該款軟體設計精美,操作方便,因此獲得了「2014年蘋果設計大獎」和「2014年App Store最佳app」的稱號。

一、 Cinemagraph Pro


Cinemagraph Pro最長支持10秒的cinemagraph製作。導入Cinemagraph Pro的視頻首先會被創建成一個只有Cinemagraph Pro才能打開的文件。而它比較好的一點是會視頻中動起來地方的虛影,比如下圖所示:

這能讓製作者更加直觀地看到視頻中的細微變量,不用前後移動視頻軸線進行觀察。

主要製作方法其實與PS如出一轍,都是用蒙版的方式塗抹視頻中需要動起來的地方。當然,你可以調整蒙版的大小,硬度和不透明度。

用蒙版畫筆塗抹之後,Cinemagraph Pro會非常明晰地顯示已塗抹處和未塗抹處。

循環菜單可以設置導出的cinemagraph的速度和淡入淡出點,甚至設置重複循環和退還循環。

調整菜單直接調整畫面效果,而效果菜單則是添加濾鏡所用。

最後選擇合適參數進行導出。

二、移動端Cinemagraph Pro


而移動端的Cinemagraph Pro,我們用一段視頻一探究竟。

如此精美又方便的軟體,價格自然不菲。App Store售價高達49.99美刀,而桌面端的價格…諸位自行去官網查看吧。

那如果你不願花費如此高的代價,手頭更沒有蘋果設備,那就不能愉快地製作cinemagraph了嗎?當然不會。Cinemagram(iOS、Android)、Echograph(iOS)fotodanz(Android)和lumia cinemagraph(Windows Phone)等手機app都能讓你在移動端便捷地製作cinemagraph。其實這些軟體的使用都大同小異,首先拍攝一段合適的視頻,然後在需要動的地方進行塗抹,最後調整畫面效果或加上濾鏡特效導出便大功告成。

來源:文章摘自SocialBeta Connected Lab

推薦人:周周周周周周周…

【優設投稿:2650232288@qq.com】

相關焦點

  • 如何用Ps製作動態照片Cinemagraph(多圖)
    拍攝前先要構思好什麼地方靜止,什麼地方活動,而活動最好是可以循環而自然接駁。拍攝時使用M mode,包括白平衡與對焦也要使用手動,減少無謂變化。(二) 後制工作︰1) 當你拍攝完成後,就可以用Photoshop 編輯(我的是CS6),首先輸入影片,到File–> Import–> Video Frames to Layers
  • 那些玩微動影像 Cinemagraph 的大牌
    相比普通GIF來說,cinemagraph更為優雅迷人。今天和深深深一起來看看這是個什麼東東?本文將會詳細介紹有關 cinemagraph 的概念、品牌案例,並且向大家推薦製作 cinemagraph 的簡易工具。 SocialBeta此前報導了Facebook及其旗下的圖片社交應用Instagram已經正式宣布採用這種獨特的廣告形式 。
  • 廣告人最愛的cinemagraph,到底是何方神聖?
    cinemagraph作為設計圈的網紅,已經風靡了許久,今天就來給大家科普一下,cinemagraph
  • 如何用 PS Photoshop 製作鉛筆素描
    本期為大家介紹如何用ps photoshop 製作鉛筆素描畫,希望能幫助到大家首先打開ps打開要改變的圖片,可以在工具欄——文件——打開(快捷鍵CTRL+O)選中背景圖層,複製一層
  • 如何做Cinemagraph動圖教程:初級入門
    **************分割線**************先來欣賞一段用Cinemagraph製作的小短片,大家純粹當攝影作品看吧:)Cinemagraph       Cinemagraph;        拍  攝:用腳架固定好相機(手機)拍攝一段五六秒左右的固定畫面的視頻素材;        制  作:       用PS製作Cinemagraph             這裡只闡述對「重複式」Cinemagraph
  • 使用ps如何製作新年賀卡
    ps是功能強大的平面設計軟體,我們使用ps可以製作新年賀卡,下面就來看看使用ps是如何製作新年賀卡的。方法/步驟在桌面上雙擊ps的快捷圖標,將ps這款軟體打開,進入到ps的操作界面。打開ps之後,按下Ctrl+O鍵,在彈出的對話框內選擇圖片素材,然後使用移動工具鍵公雞圖形拖放到背景圖層之內,並調節其大小和位置。
  • PS倒影效果怎麼做,如何利用PS給產品製作倒影
    PS倒影效果怎麼做,如何利用PS給產品製作倒影:http://duoduoxuexi.com/a/psjc/psjq/2020/0807/386.html
  • 如何利用ps和DW輕鬆製作網頁?製作的具體方法
    今天PConline小編為大家帶來的是如何利用ps和DW輕鬆製作網頁 ,看那密密麻麻的網頁導航,想來製作網頁也不太簡單,那怎麼讓製作網頁變得簡單起來呢?有興趣的朋友一起往下看看吧!PS3模擬器軟體版本:中文版遊戲娛樂立即查看DW軟體版本:1.0.1iOS軟體立即查看只需要兩個軟體: ps 和 Dreamweaver ! 效果圖: 我們需要先製作背景圖片。也就是網頁背景那塊藍色的部分。我們需要單獨做出來。
  • 用PS製作Gif圖,其實也很簡單
    比如下圖這個插畫gif,用ps實現起來並不難,這會運用到ps中幀動畫的功能,讓我們來看看怎麼做出這個可愛的GIF吧。1.素材製作①繪製草圖草圖的繪製我是直接在本子上畫,然後再用手機拍照之後上傳到電腦上顏色搭配大家可以選擇自己喜歡的顏色進行上色,人物上方的虛邊是用了圖層蒙版擦除了一些,為了讓人物更好的融進畫面。
  • 1分鐘學會用ps製作GIF動圖
    ps如今運用得越來越廣泛了,無論是在修圖、海報製作,還是廣告攝影、平面設計、文字排版、影像創意、網頁製作、界面設計、數碼規劃等等領域都發揮著重要作用。我們都知道GIF圖很有趣,其實用PS製作起來也非常簡單。今天我就給大家講講如何用PS快速製作出你想要的動態GIF圖。
  • 自學1:PS如何用3D製作炫彩突出海報詳細步驟
    背景立體效果海報如何用PS ( photoshop CS6版本 ) 簡單快速製作這種炫酷的立體效果圖,詳細過程如下:1、首先搜索一張比較炫彩的「星空圖案」,我的這張就有點太單調,各位可以多做嘗試星空圖片素材2、新建一個A4大的畫布,將素材導入到ps中,鋪滿屏,選擇:濾鏡--扭曲--旋轉扭曲
  • 美食導演編Cinemagraph教程,輕鬆製作高逼格表情包
    近日,他在Flixel living photos舉辦的#MyFlixelMoment主題的全球cinemagraph攝影大賽中獲得了第三名的好成績,這次請他來給大家講講Cinemagraph的製作方法,我們先來欣賞一段用Cinemagraph製作的小短片。
  • 用ps製作手繪油畫效果
    其實只要稍稍動手改造一番就可以把原本失敗了或者是沒有特色的照片變的豐富有趣,例如今天想要教給大家如何將手裡的照片分分鐘變成手繪動漫風。(以Photoshop CC 2015版本為例)   Step 7:不難發現,模特的頭簾在用特效處理時,選擇較細的筆刷也仍舊會顯得畫面不夠自然、乾淨。這時候就需要在上一步驟中,用左邊工具欄中的修復工具把髮絲塗抹掉,方便之後的後期操作。
  • 如何用ps製作印章/公章
    今天我們來分享如何用Photoshop製作印章,印章在我們日常生活中應該是很多見的,有沒有想過給自己製作一個印章呢,下面我們就來學習如何用形狀工具和濾鏡製作一個逼真的印章,首先我們來看一下印章的效果:
  • PS如何製作插畫小行星?
    如果使用ps來製作一種插畫的小行星,下面小編就來給大家詳細的操作一下吧,還是比較簡單的。1.我們要繪製出這樣的一個行星,分為兩部分,分為是圓形的星體和外面的圓環。(未完待續……)PS中製作插畫的小行星是使用蒙版結合漸變製作出來的,下面我們接著上一節的操作繼續給大家來演示操作吧!1.將兩個圓環繪製出來後,注意透視效果,使用直接選擇工具,將錨點調整一下,遠處的圓環比較細,近處的比較粗。
  • 如何用PS製作動畫效果,PS動畫製作教程,GIF動畫教程
    有朋友在之前的教程文章留言中提到關於PS動畫的製作。本章教程就給大家分享一下如何用PS製作GIF動畫。
  • ps板繪用什麼筆刷?水墨風格筆刷製作方法
    ps板繪用什麼筆刷?水墨風格筆刷製作方法!學板繪就少不了筆刷,已經有不少朋友問微課菌要筆刷文件了,說實話,筆刷文件在網上扒拉都能下載到一大堆,每天換著用都能用到八十歲生日,但如果是自己動手製作筆刷,也許會比下載的更適合平時日常用。
  • Cinemagraph——海外最受歡迎的視覺營銷利器
    其製作原理是將數張靜態畫面組合成一張GIF動態畫面,除了局部能夠持續變化之外,圖像的其餘部分都是靜止的。與傳統的GIF動圖相比,Cinemagraph具有如電影攝影般優美的畫面,並且縮減了傳統動圖的信息量,把注意點集中在某一細節處。
  • 如何用PS製作名片和注意事項
    對於PS的愛好者來說,很多人都不知道PS如何製作名片,這裡我就會告訴大家如何製作名片,並將清楚名片都有哪些規範。雙擊打開photoshop cc工具,並點擊「文件」菜單。點擊「新建」選項,就會彈出「新建」輸入框。
  • ps如何對圖片進行羽化?
    我們都知道ps是一個非常火爆的軟體,因為它的功能很強大,如今運用在很多領域當中。如修圖、海報製作,廣告攝影、平面設計、文字排版、影像創意、網頁製作等。今天我們就來講講ps如何快速快速進行羽化。電腦photoshop軟體方法/步驟1下載Photoshop(簡稱ps