提到 PPT 平滑切換動(dòng)畫(huà)，相信很多讀者都不陌生，最初是 keynote 中的神奇移動(dòng)，到 PowerPoint 軟件中的平滑切換，好像最近 wps 也更新了這個(gè)效果。
總之，這是一個(gè)非常棒的切換動(dòng)畫(huà)，在之前的文章中，我曾經(jīng)分享過(guò)一些，利用平滑切換做出的案例。
比如像這個(gè)：
還有像這個(gè)：
我們只需要在連續(xù)的兩張 PPT 上，添加相同的元素，然后輕輕一點(diǎn)『平滑切換』，就可以做出非常贊的動(dòng)畫(huà)效果：
但是，如果你僅僅是這樣，為兩頁(yè)相同的元素，去簡(jiǎn)單地添加平滑動(dòng)畫(huà)，那你真的是浪費(fèi)了這個(gè)功能。
因?yàn)閷?duì)于平滑動(dòng)畫(huà)來(lái)講，還有一個(gè)玩法，叫做『埋點(diǎn)』。
啥意思呢？啥叫『埋點(diǎn)』呢？
就是在兩頁(yè) PPT 中，我們看不到有任何關(guān)聯(lián)的元素，但依舊能使用平滑切換。
到這里，很多讀者估計(jì)會(huì)有疑問(wèn)，既然兩個(gè)頁(yè)面上，沒(méi)有相同的元素，那該如何進(jìn)行平滑切換呢？
答案很簡(jiǎn)單，因?yàn)槠渲幸粋€(gè)頁(yè)面的元素，被隱藏了起來(lái)，俗稱『埋點(diǎn)』。
舉個(gè)簡(jiǎn)單的例子，比如像我前兩天的直播課件中，用到了這樣一個(gè)動(dòng)效：
這個(gè)圓圈，是怎么滾動(dòng)出來(lái)的呢？好像在 PPT 軟件中，并沒(méi)有這個(gè)動(dòng)畫(huà)。
其實(shí)很簡(jiǎn)單，我只是在上個(gè)頁(yè)面中，埋了一個(gè)點(diǎn)，并且對(duì)圓形進(jìn)行了一定角度的旋轉(zhuǎn)：
所以，當(dāng)我為下一頁(yè)，添加平滑切換時(shí)，就會(huì)是這樣的效果：
這里的圓圈，其實(shí)就是『埋點(diǎn)』。明白了嗎？
那，當(dāng)我們理解了這個(gè)概念之后，在 PPT 中，什么時(shí)候會(huì)用到切換埋點(diǎn)呢？
我個(gè)人總結(jié)了3個(gè)方法，分別是：
- 外側(cè)滑入
- 放大縮小
- 變形歸位
一、外側(cè)滑入
簡(jiǎn)單來(lái)說(shuō)，就是在上一頁(yè)中，我們把元素埋在頁(yè)面的外側(cè)，等切換到下一頁(yè)時(shí)，就會(huì)產(chǎn)生動(dòng)效關(guān)聯(lián)。
做個(gè)動(dòng)畫(huà)示意，大概就像這樣
而這種切換方式的應(yīng)用場(chǎng)景，簡(jiǎn)直太廣闊了，堪稱萬(wàn)能。
隨便舉個(gè)例子，比如說(shuō)像這兩個(gè)頁(yè)面，幾乎沒(méi)啥關(guān)聯(lián)元素，該如何處理呢？
我們可以在P1頁(yè)的左右兩側(cè)，添加上5個(gè)六邊形，并在下側(cè)，添加一個(gè)梯形：
這樣一來(lái)，頁(yè)面上的元素，就已經(jīng)與后一頁(yè)，建立起了關(guān)聯(lián)性，加上平滑，咱們看下效果：
而且，使用這種動(dòng)畫(huà)，會(huì)比直接給頁(yè)面上的元素，添加『飛入效果』更流暢。
啥意思呢？咱們先來(lái)看一下，直接添加飛入動(dòng)畫(huà)的效果，3個(gè)元素同時(shí)到達(dá)終點(diǎn)，很生硬：
而如果我們埋點(diǎn)的話，只需要讓埋點(diǎn)的元素，錯(cuò)位排列。就像這樣：
而我們小學(xué)時(shí)，都學(xué)過(guò)一個(gè)數(shù)學(xué)題，當(dāng)線段長(zhǎng)度一樣，如果小球A和小球B，想要同時(shí)到達(dá)終點(diǎn)，那么，小球B的運(yùn)動(dòng)速度，就必須要稍微大一點(diǎn)：
這樣一來(lái)，運(yùn)動(dòng)的過(guò)程，就會(huì)顯得更流暢：
為了讓各位理解的更清楚，咱們?cè)賮?lái)看一個(gè)案例，直接上動(dòng)效：
這里的圖片動(dòng)畫(huà)，其實(shí)也是一樣的原理，在上一頁(yè)左右兩側(cè)，提前放置好圖片元素即可：
再比如像這個(gè)頁(yè)面的切換動(dòng)畫(huà)：
原理也是一樣的，只是在上一頁(yè)左右兩側(cè)，各添加了一個(gè)圓形而已。
二、放大縮小
這個(gè)會(huì)比較容易理解，因?yàn)閮身?yè)上的關(guān)聯(lián)元素，只是發(fā)生了尺寸的變化。
簡(jiǎn)單來(lái)說(shuō)，就是后一個(gè)頁(yè)面中，使用了上個(gè)頁(yè)面中局部的元素。大概就像這樣：
舉個(gè)實(shí)際的例子，讓大家更容易理解。
比如像昨天，我一位同事分享的設(shè)計(jì)復(fù)盤(pán)，其中，連續(xù)的兩頁(yè)的內(nèi)容，是這樣的：
那么，為了讓頁(yè)面的動(dòng)效更流暢，他把前一頁(yè)的圖片放大后，放到了下一頁(yè)的頂部：
圖解：黃色線框區(qū)域，為第二個(gè)頁(yè)面區(qū)域
這樣一來(lái)，既避免了第二頁(yè)背景單調(diào)的問(wèn)題，又讓頁(yè)面變得更有動(dòng)感：
我個(gè)人非常喜歡，把它用在封面向目錄頁(yè)的過(guò)渡中。為啥呢？因?yàn)橹灰饷骓?yè)和目錄頁(yè)，使用了同一張圖片，這個(gè)方法就奏效。
舉個(gè)例子，比如像之前修改過(guò)的 B 站的 PPT 頁(yè)面，連續(xù)的兩個(gè)頁(yè)面是這樣的：
其中，第二頁(yè)的背景圖片呢，其實(shí)，就是封面圖片的局部放大：
這樣一來(lái)呢，只需要簡(jiǎn)單地添加平滑效果，頁(yè)面的動(dòng)效，就會(huì)變得超贊：
而如果再結(jié)合我們前面的外側(cè)滑入法，那么，頁(yè)面的動(dòng)畫(huà)，就會(huì)變成這樣：
三、變形歸位
無(wú)可厚非，聽(tīng)名字就能知道，這里的埋點(diǎn)元素呢，通常發(fā)生了變形，在切換過(guò)程中，又完成了復(fù)原。
啥意思呢？我做了個(gè)簡(jiǎn)單的動(dòng)畫(huà)示意：
那什么時(shí)候，會(huì)用到這個(gè)呢？
比如像這個(gè)頁(yè)面，為了表現(xiàn)出近大遠(yuǎn)小的透視關(guān)系，元素起始的尺寸會(huì)比較小，而滑動(dòng)到下一頁(yè)中，會(huì)不斷變大：
為了便于各位理解，咱們可以看下頁(yè)面外的一些畫(huà)面，從這一頁(yè)可以看到，飛機(jī)的初始尺寸，很小：
同樣地，再比如像進(jìn)行產(chǎn)品輪播展示時(shí)，也可以很好地使用這個(gè)方法。
如果把這個(gè)動(dòng)畫(huà)頁(yè)面拆解來(lái)看，其實(shí)會(huì)發(fā)現(xiàn)，每一頁(yè)的左右兩側(cè)，都是兩架小飛機(jī)：
怎么樣？是不是很簡(jiǎn)單？
好了，以上呢，就是平滑切換的一些新用法，操作很簡(jiǎn)單，一鍵就可以完成，而底層所利用的原理呢，就是『埋點(diǎn)』。
希望能夠給各位，帶來(lái)一些新的啟發(fā)。
原標(biāo)題：3個(gè)鮮有人知的PPT動(dòng)畫(huà)騷操作！同事：原來(lái)還能這么做？！
]]>