前些日子,逛蘋果官網(wǎng)中的幾個動效,引起了我的注意:
看起來還挺酷的,是嗎?但其實做法非常簡單,只需要用到PPT中的一個功能,花3分鐘就能搞定。
這個功能就是——平滑:
首先,我們插入所有需要飛入的窗口,并放置到相應(yīng)的位置,得到頁面01:
然后我們把頁面01復(fù)制一下,得到頁面02:
我們選擇頁面01,把電腦放大,并把各個窗口移動到頁面外:
最后,我們給頁面02添加一個【平滑】切換效果:
一個多窗口飛入的效果,就完成了!
怎么樣,是不是超級簡單?
沒有復(fù)雜的動畫,只需要動動鼠標(biāo)移動一下~
并且,利用這個原理,我們還可以做出更多簡單又有意思的設(shè)計!
這個效果該怎么做呢?
我們首先來分析一下,頁面中元素的變化原理:
Step01:產(chǎn)品A和介紹文字飛出,騰出版面空間
Step02:產(chǎn)品B和介紹文字從頁面外進(jìn)入
Step03:產(chǎn)品B和介紹文字飛出,騰出版面空間
Step04:產(chǎn)品C和介紹文字從頁面外進(jìn)入
因此,我們需要至少3個頁面。
因為3個產(chǎn)品要依次展示,所以我們先產(chǎn)品A和介紹放到頁面上,產(chǎn)品B和產(chǎn)品C則放到頁面外:
然后,我們把頁面復(fù)制一份,在新的頁面中,把產(chǎn)品A和介紹文字,移動到頁面外:
移動完畢后,為頁面添加【平滑】切換效果:
產(chǎn)品A和介紹都飛出去了,原理第一步實現(xiàn)了,對嗎?
接下來,我們再把產(chǎn)品B和介紹,移動到頁面上:
再預(yù)覽一下效果:
產(chǎn)品A飛出,產(chǎn)品B進(jìn)入,原理的第一步和第二步都實現(xiàn)了。
重復(fù)上面的操作,我們就能實現(xiàn)產(chǎn)品B飛出,產(chǎn)品C進(jìn)入的效果:
最后,我們把這3頁連起來看一下:
還不錯吧?
看完上面的講解,想必很多朋友已經(jīng)想到了,這個頁面的制作方法。
依舊只需要兩個頁面:
我們首先還是制作好最終的頁面效果:
然后把頁面復(fù)制一份,把一些元素拖拽到頁面之外:
最后,為頁面添加平滑切換,就大功告成了:
這里有一個小Tips:
為了讓頁面看起來更有穿插的動感,這里我們可以把許多元素,拖拽到頁面的對面,這樣元素的移動路徑,就會穿過整個頁面:
算是一個小小的細(xì)節(jié)處理,感興趣的可以記一下。
整個效果的原理,也非常的簡單,也可以拆解為兩步:
Step01:標(biāo)題文字縮放進(jìn)入
Step02:產(chǎn)品和背景圖片淡化出現(xiàn)
我們首先把標(biāo)題文字放大,放到第一頁:
然后把該頁面復(fù)制一份,把標(biāo)題字號縮小,并添加產(chǎn)品和背景圖:
最后,為第二頁添加平滑切換效果,就完成了:
怎么樣,是不是超級簡單?
其實,所謂平滑切換,無非就是把前后頁面中,相同元素的移動路徑,展示了出來。
方法很簡單,但卻能讓頁面變得更有創(chuàng)意。當(dāng)然,學(xué)會了這一招,你還可以做點(diǎn)更酷的 PPT 頁面。
比如用平滑營造頁面氛圍感:
再比如利用平滑進(jìn)行產(chǎn)品參數(shù)的對比:
都是可以的,以上,希望對大家有所啟發(fā)。
·
原標(biāo)題:蘋果官網(wǎng)的這2個動畫,太絲滑了!用在PPT中堪稱王炸!
]]>