如何由一張靜態圖片製作背景會動的圖像?

類似英雄聯盟登陸界面的動畫效果,在PS或者AE當中如何製作呢?


AE

記得在很早以前,新CG兒原創作品裡面有個小夥伴發了一個自己的原創作品,就是將靜止的圖片進行動態化處理,把在水中女孩身旁的水動態處理,看上去照片就像是動態圖一樣。可能在以前,將靜止圖片動態化是需要一定技巧的,但有款神器將使得靜止圖片動態化處理變得更加方便,並且還帶有三維移軸的空間透視效果。

這款神器由國外設計師Mr-Gallery發明,利用它幫助作者提高了不少工作效率。在使用這款神器的時候,需要先定義好mask區域(mask不用勾畫得特別細緻,即便是很粗糙也可以出來很好的效果),完成區域定義後,將會根據這個mask生成8個層,然後再對這8個層的大小進行設定。加上模糊、景深,還能讓三維透視效果更加強烈。

以上摘自膜拜!3D動態圖像創建神器,將二維平面圖像進行三維動態化處理

另外說說我用了之後的感覺。

只是有些景深夠長的圖片加了動態之後效果很好,一旦整體顯得複雜多物,出來的效果會很奇怪的。

我自己試了試這張圖,做出來的效果還是很理想的。GIF放不上來sorry

不過以上這款神器其實並不是非常厲害,lol的動態登錄頁面可是用到了圖片細節抓取技術了,做出類似骨架運動的效果(自己目測並非一定),感興趣看看http://v.17173.com/v/1/10898/244/MjQ0NDcxNA==


有點跑題,具體的操作方法還是看其他答案吧。

---------------------------------------------------------------

以下內容多為個人理解,有不妥之處懇請指正:

====================================

看 @三緣木 的回答,好像就是給二維照片添加Depth Map信息,有些相機攝影會保留Depth Map信息的。Depth Map其實就是告訴你畫面中的每個點距你的距離的遠近,距離越近,Depth Map上該點越亮,越遠則越暗。所以Depth Map就是一個z方向的深度信息。

原則上通過一個普通的二維圖片再加上深度信息就能將2D的圖片升為3D。

Mr. Gallery發明的那個神器就是把一個普通的2D圖片首先簡單的將畫面中心物體和背景區分開(沒有試用過那個軟體,看樣子是這樣,如有不妥請指正),背景部分直接做一個由近至遠的梯度漸變的效果,中心物體當一個離觀察者最近的平面處理(各點深度值相同)。

這個方法比較粗糙(和上面這個直升機相比來說),但是已經能夠有一個大概的立體效果,如果想要精細化可以根據經驗和常識手動塗抹出一個Depth Map。

在計算機演算法方面,可以根據對某一個物體多個角度照照片從而計算獲得深度信息。opencv庫裡面給了一個這樣的例子:

計算得到的深度:

在iOS上面有一個應用,Seene.,這裡是它的官網,它是在攝像時通過在照片上標定關鍵點,然後鏡頭移動一個角度,從而關鍵點之間的距離關係就能被記錄下來,所以能夠計算出深度信息,將一個2D的照片轉換為三維的效果。


英雄聯盟那樣的靜幀動畫阿,都是大神tonny jimenez做的。你可以去他的個人網站上看全部作品。

我硬碟上有這方面的教程,時長一個半小時,有空上傳百度哈。

教程下載:http://yun.baidu.com/s/1mhwOrTu


這類英文教程挺多,中文教程也有。 搜索關鍵詞,AE 2D轉3D效果


ps+ae


就一張?驚訝臉...

我想到的是,用PS液化背景,做出很多張,一楨一楨做,然後用時間軸生成GIF


推薦閱讀:

想換個筆記本,用來做前端和 Ae?
有哪些免費的AE模板網站?
有哪些曾经令你震惊的 Ae 插件?
如何根據音樂節奏剪輯視頻?

TAG:AdobePhotoshop | 動畫製作 | 後期特效 | AdobeAfterEffects |