PPT平滑切換三個(gè)鮮為人知的操作

提到 PPT 平滑切換動(dòng)畫，相信很多讀者都不陌生，最初是 keynote 中的神奇移動(dòng)，到 PowerPoint 軟件中的平滑切換，好像最近 wps 也更新了這個(gè)效果。
總之，這是一個(gè)非常棒的切換動(dòng)畫，在之前的文章中，我曾經(jīng)分享過一些，利用平滑切換做出的案例。
比如像這個(gè)：

還有像這個(gè)：

我們只需要在連續(xù)的兩張 PPT 上，添加相同的元素，然后輕輕一點(diǎn)『平滑切換』，就可以做出非常贊的動(dòng)畫效果：

但是，如果你僅僅是這樣，為兩頁相同的元素，去簡單地添加平滑動(dòng)畫，那你真的是浪費(fèi)了這個(gè)功能。

因?yàn)閷?duì)于平滑動(dòng)畫來講，還有一個(gè)玩法，叫做『埋點(diǎn)』。
啥意思呢？啥叫『埋點(diǎn)』呢？

就是在兩頁 PPT 中，我們看不到有任何關(guān)聯(lián)的元素，但依舊能使用平滑切換。
到這里，很多讀者估計(jì)會(huì)有疑問，既然兩個(gè)頁面上，沒有相同的元素，那該如何進(jìn)行平滑切換呢？
答案很簡單，因?yàn)槠渲幸粋€(gè)頁面的元素，被隱藏了起來，俗稱『埋點(diǎn)』。
舉個(gè)簡單的例子，比如像我前兩天的直播課件中，用到了這樣一個(gè)動(dòng)效：

這個(gè)圓圈，是怎么滾動(dòng)出來的呢？好像在 PPT 軟件中，并沒有這個(gè)動(dòng)畫。
其實(shí)很簡單，我只是在上個(gè)頁面中，埋了一個(gè)點(diǎn)，并且對(duì)圓形進(jìn)行了一定角度的旋轉(zhuǎn)：

所以，當(dāng)我為下一頁，添加平滑切換時(shí)，就會(huì)是這樣的效果：

這里的圓圈，其實(shí)就是『埋點(diǎn)』。明白了嗎？
那，當(dāng)我們理解了這個(gè)概念之后，在 PPT 中，什么時(shí)候會(huì)用到切換埋點(diǎn)呢？
我個(gè)人總結(jié)了3個(gè)方法，分別是：

• 外側(cè)滑入
• 放大縮小
• 變形歸位

一、外側(cè)滑入

簡單來說，就是在上一頁中，我們把元素埋在頁面的外側(cè)，等切換到下一頁時(shí)，就會(huì)產(chǎn)生動(dòng)效關(guān)聯(lián)。
做個(gè)動(dòng)畫示意，大概就像這樣

而這種切換方式的應(yīng)用場(chǎng)景，簡直太廣闊了，堪稱萬能。
隨便舉個(gè)例子，比如說像這兩個(gè)頁面，幾乎沒啥關(guān)聯(lián)元素，該如何處理呢？

我們可以在P1頁的左右兩側(cè)，添加上5個(gè)六邊形，并在下側(cè)，添加一個(gè)梯形：

這樣一來，頁面上的元素，就已經(jīng)與后一頁，建立起了關(guān)聯(lián)性，加上平滑，咱們看下效果：

而且，使用這種動(dòng)畫，會(huì)比直接給頁面上的元素，添加『飛入效果』更流暢。
啥意思呢？咱們先來看一下，直接添加飛入動(dòng)畫的效果，3個(gè)元素同時(shí)到達(dá)終點(diǎn)，很生硬：

而如果我們埋點(diǎn)的話，只需要讓埋點(diǎn)的元素，錯(cuò)位排列。就像這樣：

而我們小學(xué)時(shí)，都學(xué)過一個(gè)數(shù)學(xué)題，當(dāng)線段長度一樣，如果小球A和小球B，想要同時(shí)到達(dá)終點(diǎn)，那么，小球B的運(yùn)動(dòng)速度，就必須要稍微大一點(diǎn)：

這樣一來，運(yùn)動(dòng)的過程，就會(huì)顯得更流暢：

為了讓各位理解的更清楚，咱們?cè)賮砜匆粋€(gè)案例，直接上動(dòng)效：

這里的圖片動(dòng)畫，其實(shí)也是一樣的原理，在上一頁左右兩側(cè)，提前放置好圖片元素即可：

再比如像這個(gè)頁面的切換動(dòng)畫：

原理也是一樣的，只是在上一頁左右兩側(cè)，各添加了一個(gè)圓形而已。

二、放大縮小

這個(gè)會(huì)比較容易理解，因?yàn)閮身撋系年P(guān)聯(lián)元素，只是發(fā)生了尺寸的變化。
簡單來說，就是后一個(gè)頁面中，使用了上個(gè)頁面中局部的元素。大概就像這樣：

舉個(gè)實(shí)際的例子，讓大家更容易理解。
比如像昨天，我一位同事分享的設(shè)計(jì)復(fù)盤，其中，連續(xù)的兩頁的內(nèi)容，是這樣的：

那么，為了讓頁面的動(dòng)效更流暢，他把前一頁的圖片放大后，放到了下一頁的頂部：

圖解：黃色線框區(qū)域，為第二個(gè)頁面區(qū)域

這樣一來，既避免了第二頁背景單調(diào)的問題，又讓頁面變得更有動(dòng)感：

我個(gè)人非常喜歡，把它用在封面向目錄頁的過渡中。為啥呢？因?yàn)橹灰饷骓摵湍夸涰?，使用了同一張圖片，這個(gè)方法就奏效。
舉個(gè)例子，比如像之前修改過的 B 站的 PPT 頁面，連續(xù)的兩個(gè)頁面是這樣的：

其中，第二頁的背景圖片呢，其實(shí)，就是封面圖片的局部放大：

這樣一來呢，只需要簡單地添加平滑效果，頁面的動(dòng)效，就會(huì)變得超贊：

而如果再結(jié)合我們前面的外側(cè)滑入法，那么，頁面的動(dòng)畫，就會(huì)變成這樣：

三、變形歸位

無可厚非，聽名字就能知道，這里的埋點(diǎn)元素呢，通常發(fā)生了變形，在切換過程中，又完成了復(fù)原。
啥意思呢？我做了個(gè)簡單的動(dòng)畫示意：

那什么時(shí)候，會(huì)用到這個(gè)呢？
比如像這個(gè)頁面，為了表現(xiàn)出近大遠(yuǎn)小的透視關(guān)系，元素起始的尺寸會(huì)比較小，而滑動(dòng)到下一頁中，會(huì)不斷變大：

為了便于各位理解，咱們可以看下頁面外的一些畫面，從這一頁可以看到，飛機(jī)的初始尺寸，很?。?/p>

同樣地，再比如像進(jìn)行產(chǎn)品輪播展示時(shí)，也可以很好地使用這個(gè)方法。

如果把這個(gè)動(dòng)畫頁面拆解來看，其實(shí)會(huì)發(fā)現(xiàn)，每一頁的左右兩側(cè)，都是兩架小飛機(jī)：

怎么樣？是不是很簡單？
好了，以上呢，就是平滑切換的一些新用法，操作很簡單，一鍵就可以完成，而底層所利用的原理呢，就是『埋點(diǎn)』。
希望能夠給各位，帶來一些新的啟發(fā)。