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