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

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

還有像這個：

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

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

因為對于平滑動畫來講，還有一個玩法，叫做『埋點』。
啥意思呢？啥叫『埋點』呢？

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

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

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

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

• 外側滑入
• 放大縮小
• 變形歸位

一、外側滑入

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

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

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

這樣一來，頁面上的元素，就已經與后一頁，建立起了關聯性，加上平滑，咱們看下效果：

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

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

而我們小學時，都學過一個數學題，當線段長度一樣，如果小球A和小球B，想要同時到達終點，那么，小球B的運動速度，就必須要稍微大一點：

這樣一來，運動的過程，就會顯得更流暢：

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

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

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

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

二、放大縮小

這個會比較容易理解，因為兩頁上的關聯元素，只是發(fā)生了尺寸的變化。
簡單來說，就是后一個頁面中，使用了上個頁面中局部的元素。大概就像這樣：

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

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

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

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

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

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

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

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

三、變形歸位

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

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

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

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

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

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