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