PPT平滑切換三個鮮為人知的操作

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

還有像這個：

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

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

因?yàn)閷τ谄交瑒赢媮碇v，還有一個玩法，叫做『埋點(diǎn)』。
啥意思呢？啥叫『埋點(diǎn)』呢？

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

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

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

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

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

一、外側(cè)滑入

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

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

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

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

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

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

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

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

為了讓各位理解的更清楚，咱們再來看一個案例，直接上動效：

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

再比如像這個頁面的切換動畫：

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

二、放大縮小

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

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

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

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

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

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

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

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

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

三、變形歸位

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

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

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

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

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

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