前些日子，逛蘋果官網(wǎng)中的幾個(gè)動(dòng)效，引起了我的注意：

看起來還挺酷的，是嗎？但其實(shí)做法非常簡(jiǎn)單，只需要用到PPT中的一個(gè)功能，花3分鐘就能搞定。

這個(gè)功能就是——平滑：

首先，我們插入所有需要飛入的窗口，并放置到相應(yīng)的位置，得到頁面01：

然后我們把頁面01復(fù)制一下，得到頁面02：

我們選擇頁面01，把電腦放大，并把各個(gè)窗口移動(dòng)到頁面外：

最后，我們給頁面02添加一個(gè)【平滑】切換效果：

一個(gè)多窗口飛入的效果，就完成了！

怎么樣，是不是超級(jí)簡(jiǎn)單？

沒有復(fù)雜的動(dòng)畫，只需要?jiǎng)觿?dòng)鼠標(biāo)移動(dòng)一下~

并且，利用這個(gè)原理，我們還可以做出更多簡(jiǎn)單又有意思的設(shè)計(jì)！

平滑切換案例一、產(chǎn)品切換展示

這個(gè)效果該怎么做呢？

我們首先來分析一下，頁面中元素的變化原理：

Step01：產(chǎn)品A和介紹文字飛出，騰出版面空間

Step02：產(chǎn)品B和介紹文字從頁面外進(jìn)入

Step03：產(chǎn)品B和介紹文字飛出，騰出版面空間

Step04：產(chǎn)品C和介紹文字從頁面外進(jìn)入

因此，我們需要至少3個(gè)頁面。

因?yàn)?個(gè)產(chǎn)品要依次展示，所以我們先產(chǎn)品A和介紹放到頁面上，產(chǎn)品B和產(chǎn)品C則放到頁面外：

然后，我們把頁面復(fù)制一份，在新的頁面中，把產(chǎn)品A和介紹文字，移動(dòng)到頁面外：

移動(dòng)完畢后，為頁面添加【平滑】切換效果：

產(chǎn)品A和介紹都飛出去了，原理第一步實(shí)現(xiàn)了，對(duì)嗎？

接下來，我們?cè)侔旬a(chǎn)品B和介紹，移動(dòng)到頁面上：

再預(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頁連起來看一下：

還不錯(cuò)吧？

平滑切換案例二、動(dòng)感人物介紹

看完上面的講解，想必很多朋友已經(jīng)想到了，這個(gè)頁面的制作方法。

依舊只需要兩個(gè)頁面：

我們首先還是制作好最終的頁面效果：

然后把頁面復(fù)制一份，把一些元素拖拽到頁面之外：

最后，為頁面添加平滑切換，就大功告成了：

這里有一個(gè)小Tips：

為了讓頁面看起來更有穿插的動(dòng)感，這里我們可以把許多元素，拖拽到頁面的對(duì)面，這樣元素的移動(dòng)路徑，就會(huì)穿過整個(gè)頁面：

算是一個(gè)小小的細(xì)節(jié)處理，感興趣的可以記一下。

平滑切換案例三、文字縮放飛入

整個(gè)效果的原理，也非常的簡(jiǎn)單，也可以拆解為兩步：

Step01：標(biāo)題文字縮放進(jìn)入

Step02：產(chǎn)品和背景圖片淡化出現(xiàn)

我們首先把標(biāo)題文字放大，放到第一頁：

然后把該頁面復(fù)制一份，把標(biāo)題字號(hào)縮小，并添加產(chǎn)品和背景圖：

最后，為第二頁添加平滑切換效果，就完成了：

怎么樣，是不是超級(jí)簡(jiǎn)單？

其實(shí)，所謂平滑切換，無非就是把前后頁面中，相同元素的移動(dòng)路徑，展示了出來。

方法很簡(jiǎn)單，但卻能讓頁面變得更有創(chuàng)意。當(dāng)然，學(xué)會(huì)了這一招，你還可以做點(diǎn)更酷的 PPT 頁面。

比如用平滑營(yíng)造頁面氛圍感：

再比如利用平滑進(jìn)行產(chǎn)品參數(shù)的對(duì)比：

都是可以的，以上，希望對(duì)大家有所啟發(fā)。

·

原標(biāo)題：蘋果官網(wǎng)的這2個(gè)動(dòng)畫，太絲滑了！用在PPT中堪稱王炸！