這篇文章來給大家?guī)砣前l(fā)布會上的運動模糊動畫:
初看這個動畫覺得很簡單,但仔細一看,發(fā)現(xiàn)都是細節(jié),所以就動手模仿了一下。
接下來,就跟各位講一下這個動畫的具體制作方法。
先是準備工作,使用圖片助手在三星官網(wǎng),以及素材網(wǎng)站下載相關的素材。
部分素材可能需要我們進行一定的處理:
比如利用在線摳圖網(wǎng)站,把汽車摳出來:
車輪印淡化:
這里呢,我們可以借助 OKPlus 插件的圖片透明功能:
能夠快速的調(diào)整圖片漸變透明:
素材準備完畢,我們把頁面元素擺好:
注意層級關系,汽車在頂層,手機在最底層:
接著,就是動畫效果的添加了。
可能有不少朋友都覺得,這太簡單了,給汽車加個路徑動畫,或者飛出,不就行了。
但其實并非如此,如果你仔細觀察發(fā)布會的動畫,就會發(fā)現(xiàn),汽車在移動的過程中是有虛影的,給人的感覺,汽車好像跑的很快,很真實:
如果直接給汽車添加路徑動畫,汽車在移動中虛影并不是很強烈,沒有拖拽感,看起來就很:
那么,該怎么解決呢?
我的方法是,在 PS 中,事先把汽車動感模糊一下:
這樣汽車在運動的時候,虛影就很明顯了:
將汽車動態(tài)模糊,操作不難,用 Ps 打開汽車圖片,在濾鏡中找到動感模糊:
角度為 0 度,距離視情況而定,數(shù)值越大模糊程度越大:
將模糊后的圖片,導入到 PPT 中與原圖重合:
設置動畫起始的那一刻,原圖消失,模糊汽車出現(xiàn)并向左側(cè)移動:
沒看清?來看下慢動作:
最后,再來看下最終的效果:
好了,以上呢,就是我在模仿這份動畫作品時的思路,以及制作流程。
可以看出,我借助了很多工具以及插件,大家平時在制作 PPT 時候,也可以有意識的使用一些工具,這樣才能在短時間內(nèi),做出更好的效果。
老規(guī)矩,評論區(qū)評論任意文字,即可免費無套路領取本文案例源文件。
原標題:三星發(fā)布會PPT中的這個動畫效果,沒有哪個男生不愛吧?
]]>