三星發(fā)布會上有這樣一個汽車運(yùn)動模糊的動畫效果,這篇文章為大家?guī)磉@個動畫效果的制作過程,我們需要先準(zhǔn)備圖片素材以及利用PS和OK插件來輔助進(jìn)行制作。
這篇文章來給大家?guī)砣前l(fā)布會上的運(yùn)動模糊動畫:
初看這個動畫覺得很簡單,但仔細(xì)一看,發(fā)現(xiàn)都是細(xì)節(jié),所以就動手模仿了一下。
接下來,就跟各位講一下這個動畫的具體制作方法。
先是準(zhǔn)備工作,使用圖片助手在三星官網(wǎng),以及素材網(wǎng)站下載相關(guān)的素材。
部分素材可能需要我們進(jìn)行一定的處理:
比如利用在線摳圖網(wǎng)站,把汽車摳出來:
車輪印淡化:
這里呢,我們可以借助 OKPlus 插件的圖片透明功能:
能夠快速的調(diào)整圖片漸變透明:
素材準(zhǔn)備完畢,我們把頁面元素?cái)[好:
注意層級關(guān)系,汽車在頂層,手機(jī)在最底層:
接著,就是動畫效果的添加了。
可能有不少朋友都覺得,這太簡單了,給汽車加個路徑動畫,或者飛出,不就行了。
但其實(shí)并非如此,如果你仔細(xì)觀察發(fā)布會的動畫,就會發(fā)現(xiàn),汽車在移動的過程中是有虛影的,給人的感覺,汽車好像跑的很快,很真實(shí):
如果直接給汽車添加路徑動畫,汽車在移動中虛影并不是很強(qiáng)烈,沒有拖拽感,看起來就很:
那么,該怎么解決呢?
我的方法是,在 PS 中,事先把汽車動感模糊一下:
這樣汽車在運(yùn)動的時(shí)候,虛影就很明顯了:
將汽車動態(tài)模糊,操作不難,用 Ps 打開汽車圖片,在濾鏡中找到動感模糊:
角度為 0 度,距離視情況而定,數(shù)值越大模糊程度越大:
將模糊后的圖片,導(dǎo)入到 PPT 中與原圖重合:
設(shè)置動畫起始的那一刻,原圖消失,模糊汽車出現(xiàn)并向左側(cè)移動:
沒看清?來看下慢動作:
最后,再來看下最終的效果:
好了,以上呢,就是我在模仿這份動畫作品時(shí)的思路,以及制作流程。
可以看出,我借助了很多工具以及插件,大家平時(shí)在制作 PPT 時(shí)候,也可以有意識的使用一些工具,這樣才能在短時(shí)間內(nèi),做出更好的效果。
老規(guī)矩,評論區(qū)評論任意文字,即可免費(fèi)無套路領(lǐng)取本文案例源文件。
原標(biāo)題:三星發(fā)布會PPT中的這個動畫效果,沒有哪個男生不愛吧?
要發(fā)表評論,您必須先登錄。
①群:120381181(已滿)
②群:34597820
pptfans移動版關(guān)于我們聯(lián)系我們版權(quán)聲明
PPTfans.cn (PPT設(shè)計(jì)教程網(wǎng)) ?2012-2020 · 粵ICP備19137043號 · 基于Wordpress · 由peaterq設(shè)計(jì)&制作 ·網(wǎng)站標(biāo)簽 · 訂閱鄂公網(wǎng)安備 42050602000108號
贊!學(xué)習(xí)了
1111111111111111
厲害呀
厲害厲害!
厲害
大佬牛批
催更第4天
催更第3天
催更第2天
催更第1天
!
好帥啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊